고정 헤더 영역
상세 컨텐츠
본문
반응형
23.08.16 수 다섯번째 강의
디바이스에 맞는 글자 길이와 줄바꿈
이상적인 줄길이 : 16px을 기준으로 600-700px정도. 글자수는 40~60자.
줄바꿈은 단어별로 띄울수 있다 : css코드에서 word-break :keep-all
한글은 줄바꿈이 일어날때 길이별로 떨어지고, 영어는 단어를 기준으로 떨어진다.
웹 접근성 : 사용자가 장애 유무등에 관계없이 웹사이트에서 제공하는 모든 콘텐츠를 동등하게 인식할 수 있도록 제공하는 것 (기준 웹접근성 aa등급, 배경과 폰트의 명도대비 4.5:1 이상, 컬러파레트로 가이드 생)
명도대비 체크
https://webaim.org/resources/contrastchecker/
WebAIM: Contrast Checker
Contrast Checker You are here: Home > Resources > Contrast Checker This tool requires Javascript. Normal Text The five boxing wizards jump quickly. Large Text The five boxing wizards jump quickly. Graphical Objects and User Interface Components image/svg+x
webaim.org
color-generator
http://classroom.remain.kr/uigui/color-generator/
Sass Color Generator
classroom.remain.kr
피그마 컬러 팔레트 샘플
Figma
Created with Figma
www.figma.com
반응형
'공부' 카테고리의 다른 글
| [개인공부] Figma를 활용한 UX/UI 디자인 1 (0) | 2023.08.02 |
|---|---|
| [리메인] 웹 프로페셔널 강의 학습일지 2 (0) | 2023.08.01 |
| [리메인] 웹 프로페셔널 강의 학습일지 1 (0) | 2023.07.25 |
| 검색광고마케터 1급 문제풀이 2탄 (0) | 2023.06.23 |
| 검색광고마케터 1급 문제풀이 (0) | 2023.06.02 |
댓글 영역