1. 대비되는 색상을 사용하세요. 여기서 대비는 텍스트 색상과 배경 색상의 대비입니다. 이런 방식으로 사용자는 텍스트를 더 쉽게 볼 수 있고 읽기 피로도를 줄일 수 있습니다. 시각 장애가 있는 사용자는 대비가 낮은 텍스트를 볼 수 없습니다. Vischeck 웹사이트로 이동하여 색약자(또는 색맹)가 있는 사용자에게 웹사이트가 어떻게 보이는지 확인할 수 있습니다.
2. 텍스트를 작은 덩어리로 나누어 표시합니다(사본을 '덩어리로 묶기'). 고밀도 텍스트가 너무 많으면 사용자가 정보가 너무 많아 우울함을 느끼게 됩니다. 몇 가지 팁:
목록(또는 1-2-3)과 하위 제목을 사용하세요.
문단을 짧게 유지하세요.
중요한 내용을 사용하는 사람들이 쉽게 읽을 수 있도록 굵은 글씨를 사용하거나 다른 색상을 사용하세요. 너무 인내심을 갖고 훑어보는 사용자는 요점을 빨리 이해하지 못합니다.
열을 사용하여 텍스트 너비를 제어하세요.
3. 텍스트를 쉽게 읽을 수 있도록 복잡한 배경을 피하세요.
4. 페이지를 복잡하게 만들수록 사용자는 혼란스러워지고 주의가 산만해져서 독서에 집중할 수 없게 됩니다. 웹사이트가 충분히 전문적으로 보이지 않습니다. 아무것도 넣기 전에, 넣지 말아야 할 필요가 있는지 생각해 보세요.
5. 가독성을 극대화하려면 깔끔한 글꼴 스타일을 위해 Strive를 사용하세요.
6. 개미 같은 텍스트는 빨리 읽기 어렵습니다. 사용자가 직접 제어할 수 있으면 더 좋습니다.
7. 링크가 표준 파란색 링크가 아닌 경우 밑줄을 긋는 것이 가장 좋습니다. 링크가 아닌 텍스트에는 밑줄을 그어서는 안 됩니다.

예, YoushouldLearnbothflexBoxAndgrid.1) FlexBoxisIdealforone-Dimensional, FlexiblelayoutSlikenavigationMenus.2) GridexCelsIntwo-Dimensional, ComplexDesignsSuchasmagazinElayouts.3) 결합 된 BothenSlayoutFlexibility 및 HeartingFortructur

자신의 코드를 리팩터링하는 것은 어떤 모습입니까? John Rhea는 자신이 쓴 오래된 CSS 애니메이션을 선택하고 최적화하는 사고 과정을 살펴 봅니다.

cssanimationsarenherinly에 hardbutreepracticenderstandingofcsspropertiesandtimingflestions.1) startsimpleants withsimpleatslikeScalingabuttononHoverusingKeyframes.2) useAsingfuctionslikecubic-bezierfornateffects, 그러한 분위기, 3)

@keyframesispopularduetoitstativerstatility 및 powerincreatingsmoothcssanimations.keytricksinclude : 1) states 사이에 moothtransitionsbettites, 2) 애니메이션 multiplepropertiessimultory, 3) vendorPixesforBrowsercompatibility, 4) 빗질을 사용하여

csScounterSearedTomanageAutomaticNumberingInberingInwebDesigns.1) 1) theCanbeusedfortablestoffContents, ListItems 및 CustomNumbering.2) AdvancedUsesInSinestedNumberingsystems.3) CreativeUseNvolvecust를 CreativeSinvolecust.4) CreativeSinvolvecust

특히 모바일 장치에 스크롤 그림자를 사용하는 것은 Chris가 이전에 다룬 미묘한 UX입니다. Geoff는 애니메이션 타임 라인 속성을 사용하는 새로운 접근 방식을 다루었습니다. 또 다른 방법이 있습니다.

빠른 새로 고침을 통해 실행합시다. 이미지 맵은 html 3.2로 돌아가는데, 먼저 서버 측 맵과 클라이언트 측지 맵은 맵 및 영역 요소를 사용하여 이미지를 통해 클릭 가능한 영역을 정의했습니다.

Devs State Survey는 이제 참여에 개방되어 있으며, 이전 설문 조사와 달리 코드, 직장, 건강, 취미 등을 제외한 모든 것을 포함합니다.


핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

Video Face Swap
완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

인기 기사

뜨거운 도구

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

PhpStorm 맥 버전
최신(2018.2.1) 전문 PHP 통합 개발 도구

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

Dreamweaver Mac版
시각적 웹 개발 도구