#07 UX/UI 디자인 가이드 모음집 - 기본편

최종 업데이트 - 19.11.28

가이드는 어디까지 예시일 뿐 정답은 아닙니다.
본 모음집은 주관적인 성향으로 모은 아티클입니다.

출처 'unsplash'

 

---

 

Info

공간 구성 및 그리드/레이아웃

Spacing, Grids and Layouts

UI 기본 용어

User Interface Elements

DP의 개념

디스플레이 단위(PX, DP, SP, PT) 알아보기

배율의 개념

가변, 고정 영역에 대한 이해

디바이스 별 해상도 모음

Device Metrics - Material Design

---

Text

타이포그래피 (이론)

Design Systems Typography Guide

타이포그래피 (활용)

Getting Typography Right in Digital Design

타이포그래피 시스템 가이드

A framework to create an accessible & harmonious typography system for faster design-dev handoff

---

Color

컬러사용 기본지식

Color | Design Systems Guide

리프트컬러

Re-approaching Color

컬러 시스템 가이드 (기초)

Color in Design Systems

컬러 시스템 설계 가이드 (심화)

Design System Documentation - Color

흑백대비 사용 가이드

Open Color

컬러 속성 및 활용 가이드

모바일 UI 디자인 기본 요소 - 색채 Color

---

Icon

아이콘 제작 가이드 01 (이론)

A complete guide to iconography

아이콘 제작 가이드 02 (통일)

Hopefully, the Ultimate Guide to an Interface Icon Set

아이콘 제작 팁 가이드 03 (제작)

좋은 아이콘을 만드는 6단계

아이콘 제작 팁 가이드 04 (인지)

Optical Effects in User Interfaces: An Illustrated Guide

---