0126 패턴 랭귀지 ios 가이드라인
TRANSCRIPT
![Page 1: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/1.jpg)
2016.����������� ������������������ 1.����������� ������������������ 26.����������� ������������������ Tue.����������� ������������������ 이현정
Lab Meeting
패턴랭귀지 사례 #1iOS 디자인 가이드라인
jkme
![Page 2: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/2.jpg)
패턴����������� ������������������ =����������� ������������������ 논리적����������� ������������������ 해결책
• 패턴은 문제에 대한 공통적인 해결방안 • 패턴을 발견하면 해결 방안의 단서를 찾기 쉬움
[아이들] 독립적인 공간을 주는 동시에 위급시에 부모의 시야에 들어와야한다.
Situation
[부모님] 가끔은 조용히 시간을 보내거나 부부만의 시간이 갖고 싶다.
Situation
아이들과 부모 사이의 관계가 가장 중요하다.
Complication
Common area를 사이에 두고 parent realm과 children realm
을 연결/분리 시켜라.
Resolution
예시) A house for a small family
![Page 3: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/3.jpg)
UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속성을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.
UX����������� ������������������ 패턴����������� ������������������ 랭귀지
속성
보고자����������� ������������������ 하는����������� ������������������ 것
![Page 4: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/4.jpg)
UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속성을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.
UX����������� ������������������ 패턴
속성
“UX 패턴은 헌법 같은 것”
개념으로 이해하기
![Page 5: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/5.jpg)
UX 패턴은 웹 디자인에서 말하는 ‘디자인 패턴’을 골격으로 탬플릿, 컴포넌트의 속서을 가지며, 어떤 과제를 수행하는데 일정하면서도 효율적인 사용자 경험을 제공하는 인터랙션 단위를 말한다.
UX����������� ������������������ 패턴
Design Guideline Rational Vision Philosophy
애플의 ios 가이드라인 구글의 material design
“UX 패턴은 so-called 디자인 가이드라인”
대상으로 이해하기
![Page 6: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/6.jpg)
![Page 7: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/7.jpg)
주요����������� ������������������ 내용����������� ������������������ (목차)
GUI
UI
UX
Design Strategies
iOS Technologies
UI Elements
Icon and Image Design
UI Design Basics
아이콘별 사이즈(픽셀값)
UI 요소
iOS가 제공하는 기능들
앱 디자인 전략
UI 디자인 원칙
![Page 8: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/8.jpg)
주요����������� ������������������ 내용����������� ������������������ (목차)
Design Strategies
iOS Technologies
UI Elements
Icon and Image DesignGUI
UI
UI Design BasicsUX
![Page 9: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/9.jpg)
주요����������� ������������������ 내용����������� ������������������ (목차)
Design Strategies
iOS Technologies
UI Elements
Icon and Image DesignGUI
UI
UI Design BasicsUX
![Page 10: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/10.jpg)
iOS는 다음과 같은 테마를 담는다.
UI����������� ������������������ Design����������� ������������������ Basics����������� ������������������ >����������� ������������������ Designing����������� ������������������ for����������� ������������������ iOS
Defer����������� ������������������ to����������� ������������������ Content
내용
관계Use����������� ������������������ Depth����������� ������������������ to����������� ������������������ Commnicate시각 레이어는 사용자들의 이해를 돕는다.
초점을 기능성에 맞출때 디자인이 살아난다.
UI는 콘텐츠의 이해를 도와야 한다. 경쟁해서는 안된다.
Provide����������� ������������������ Clarity
![Page 11: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/11.jpg)
UI����������� ������������������ Design����������� ������������������ Basics����������� ������������������ >����������� ������������������ Designing����������� ������������������ for����������� ������������������ iOS
����������� ������������������ Defer����������� ������������������ to����������� ������������������ Content
화면 전체를 이용하라 물리적,사실적 묘사를 하지마라 베젤, 그라디언트, 그림자 X
투명도는 뒤의 컨텐츠에 대한 힌트를 제공함
![Page 12: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/12.jpg)
UI����������� ������������������ Design����������� ������������������ Basics����������� ������������������ >����������� ������������������ Designing����������� ������������������ for����������� ������������������ iOS
여백을 많이 사용하라 색상으로 UI를 단순하게 보이게 하라
시스템 폰트(다이나믹 폰트)를 이용해 가독성 확보
경계선 없는 버튼을 이용하라
Provide����������� ������������������ Clarity
![Page 13: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/13.jpg)
UI����������� ������������������ Design����������� ������������������ Basics����������� ������������������ >����������� ������������������ Designing����������� ������������������ for����������� ������������������ iOS
����������� ������������������ Defer����������� ������������������ to����������� ������������������ ContentUse����������� ������������������ Depth����������� ������������������ to����������� ������������������ Communicate
Peek, pop, and quick 액션을 활용하라
![Page 14: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/14.jpg)
"Apple products deliberately hide complexity by obscuring or removing important controls."
iOS����������� ������������������ 가이드라인에����������� ������������������ 대한����������� ������������������ 비판
![Page 15: 0126 패턴 랭귀지 ios 가이드라인](https://reader033.vdocuments.site/reader033/viewer/2022051006/58ecd4491a28abcf2a8b4669/html5/thumbnails/15.jpg)
Thank����������� ������������������ You.