2016.����������� ������������������  1.����������� ������������������  26.����������� ������������������  Tue.����������� ������������������  이현정

Lab Meeting

패턴랭귀지 사례 #1iOS 디자인 가이드라인

jkme

패턴����������� ������������������  =����������� ������������������  논리적����������� ������������������  해결책

• 패턴은 문제에 대한 공통적인 해결방안 • 패턴을 발견하면 해결 방안의 단서를 찾기 쉬움

[아이들] 독립적인 공간을 주는 동시에 위급시에 부모의 시야에 들어와야한다.

Situation

[부모님] 가끔은 조용히 시간을 보내거나 부부만의 시간이 갖고 싶다.

Situation

아이들과 부모 사이의 관계가 가장 중요하다.

Complication

Common area를 사이에 두고 parent realm과 children realm

을 연결/분리 시켜라.

Resolution

예시) A house for a small family

UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속성을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.

UX����������� ������������������  패턴����������� ������������������  랭귀지

속성

보고자����������� ������������������  하는����������� ������������������  것

UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속성을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.

UX����������� ������������������  패턴

속성

“UX 패턴은 헌법 같은 것”

개념으로 이해하기

UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속서을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.

UX����������� ������������������  패턴

Design Guideline Rational Vision Philosophy

애플의 ios 가이드라인 구글의 material design

“UX 패턴은 so-called 디자인 가이드라인”

대상으로 이해하기

주요����������� ������������������  내용����������� ������������������  (목차)

GUI

UI

UX

Design Strategies

iOS Technologies

UI Elements

Icon and Image Design

UI Design Basics

아이콘별 사이즈(픽셀값)

UI 요소

iOS가 제공하는 기능들

앱 디자인 전략

UI 디자인 원칙

주요����������� ������������������  내용����������� ������������������  (목차)

Design Strategies

iOS Technologies

UI Elements

Icon and Image DesignGUI

UI

UI Design BasicsUX

주요����������� ������������������  내용����������� ������������������  (목차)

Design Strategies

iOS Technologies

UI Elements

Icon and Image DesignGUI

UI

UI Design BasicsUX

iOS는 다음과 같은 테마를 담는다.

UI����������� ������������������  Design����������� ������������������  Basics����������� ������������������  >����������� ������������������  Designing����������� ������������������  for����������� ������������������  iOS

Defer����������� ������������������  to����������� ������������������  Content

내용

관계Use����������� ������������������  Depth����������� ������������������  to����������� ������������������  Commnicate시각 레이어는 사용자들의 이해를 돕는다.

초점을 기능성에 맞출때 디자인이 살아난다.

UI는 콘텐츠의 이해를 도와야 한다. 경쟁해서는 안된다.

Provide����������� ������������������  Clarity

UI����������� ������������������  Design����������� ������������������  Basics����������� ������������������  >����������� ������������������  Designing����������� ������������������  for����������� ������������������  iOS

����������� ������������������  Defer����������� ������������������  to����������� ������������������  Content

화면 전체를 이용하라 물리적,사실적 묘사를 하지마라 베젤, 그라디언트, 그림자 X

투명도는 뒤의 컨텐츠에 대한 힌트를 제공함

UI����������� ������������������  Design����������� ������������������  Basics����������� ������������������  >����������� ������������������  Designing����������� ������������������  for����������� ������������������  iOS

여백을 많이 사용하라 색상으로 UI를 단순하게 보이게 하라

시스템 폰트(다이나믹 폰트)를 이용해 가독성 확보

경계선 없는 버튼을 이용하라

Provide����������� ������������������  Clarity

UI����������� ������������������  Design����������� ������������������  Basics����������� ������������������  >����������� ������������������  Designing����������� ������������������  for����������� ������������������  iOS

����������� ������������������  Defer����������� ������������������  to����������� ������������������  ContentUse����������� ������������������  Depth����������� ������������������  to����������� ������������������  Communicate

Peek, pop, and quick 액션을 활용하라

"Apple products deliberately hide complexity by obscuring or removing important controls."

iOS����������� ������������������  가이드라인에����������� ������������������  대한����������� ������������������  비판

Thank����������� ������������������  You.