일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- 상태
- grid
- 소수
- margin
- Design Pattern
- align-items
- 에라토스테네스의 체
- Flexbox
- spring
- Prefix Sums
- Gap
- SK바이오사이언스
- series
- Photoshop
- Javascript
- 포토샵
- c
- skt membership
- 알고리즘
- stl
- c++
- 수학
- dataframe
- pandas
- 백준
- Codility
- CSS
- 강화학습
- 확률
- 통신사할인
Archives
- Today
- Total
목록벡터 확장성 (1)
sliver__
웹디자인에서 아이콘 활용 가이드: 선택부터 배치·스타일링까지
요약아이콘(Icons)은 단순한 장식이 아니라 사용자 경험(UX)을 높이고, 인터페이스의 기능과 분위기를 명확하게 전달하는 중요한 디자인 요소입니다. 본 글에서는 아이콘 팩 선택 기준, 포맷과 확장성, 적재적소 사용 사례, 스타일링 팁 등 11가지 핵심 가이드라인을 정리합니다.1. 아이콘 팩 선택일관된 스타일 유지: Phosphor Icons, Ionicons, Icons8 같은 검증된 무료 팩 사용팩 내 단일 사용: 서로 다른 팩 섞기 금지 (선 두께·모서리 형태 차이로 이질감 발생)이모지 활용: 간단한 상황엔 폴랫폼 기본 이모지로 대체 가능2. 아이콘 포맷벡터 기반 (SVG 혹은 아이콘 폰트) 사용JPG·PNG 같은 래스터 이미지는 확대 시 흐려짐·픽셀화 문제 발생 → 고해상도 지원 불가3. 사이트 ..
Frontend/CSS
2025. 5. 4. 19:26