Web Design

Web Design Prninciples

• Color Theory
• User Interface Design
• Typography
• User Experience Design

Color Theory

• 색상 팔레트의 무드를 인식해야 함

• Red : love, energy, intensity
• Yellow : Joy, Intellect, Attention
• Green : Freshness, Safety, Growth
• Blue : Stability, Trust, Serenity

• Purple : Royalty, Wealth, Feminity

• 보색 팔레트는 아이템을 더 돋보이게 하는 효과가 있음
• 텍스트에 사용하면 안좋음, 텍스트가 뚜렷해 보이지 않음

Adobe Color : 색상팔레트 생성

Color Hunt : 선별된 색상 팔레트 사이트

Typography

• 색상에 따라 분위기와 감정이 다르듯 글꼴도 서로 다른 분위기를 가지고 어떤 것을 선택하느냐에 따라 사용자에게 다른 메시지를 전달함
• Serif : more serious, authoritative and also a little bit older

• San-Serifs : more friendly, approachable, novel, contemporary, legibility and readability

• 하나의 디자인에 너무 많은 글꼴을 사용하면 어수선해보임

User Interface Design

• 계층 구조의 규칙을 적용해 중요한 정보를 먼저 전달할 수 있음
• 색상을 사용
• 크기
• 레이아웃
• 일관성을 높이기 위해 정렬 지점의 수를 줄이는 것이 좋음
• 여백
• 타겟층의 니즈를 고려

User Experience Design

1. 간결성
2. 일관성
3. 리딩패턴(왼쪽 모서리부터 탐색하는 경향)
4. All Platform Design

Exercise Web Design

100일 동안 디자인해야 하는 작업을 제공하는 사이트

온라인 그래픽 편집 프로그램