GUI UX/UI. - 다른 곳을 보다가 화면을 보았을 때. - 화면이동이 아니고 앞뒤로 레이어 개념.

Presentation on theme: "GUI UX/UI. - 다른 곳을 보다가 화면을 보았을 때. - 화면이동이 아니고 앞뒤로 레이어 개념."— Presentation transcript:

1 GUI UX/UI

2 - 다른 곳을 보다가 화면을 보았을 때. - 화면이동이 아니고 앞뒤로 레이어 개념

3 디자인, 컨텐츠, 기능 중 가장 중요한것은 컨텐츠 그다음 기능 디자인이 제일 마지막 디자인은 항상 라이트하게 가져가라. 컨텐츠부터 접근한다. 전체화면을 사용하라

4

5 IOS7 디자인 ( 원칙 ) 적용 여부 결정 - 단지 심플한 디자인만 따라가는 것은 외모만 흉내내는 것임 - IOS7 UX,UI 구성 원리를 파악한 후, - 자신의 컨텐츠를 해당 원리에 맞게 구성한 다음, - 최종적으로 GUI 단계에서 심플한 디자인을 적용한다. 새로운 폰트 적용 -Hevetica Neue Ultra Light( 헬베티카 노이에 울트라 라이트 ), - 애플 산돌 고딕 네오 씬 ( 폰트 가격은 240 만원, 애플 중고 컴을 사면 더 이득 150 만원 !)

6 컨텐츠 구성시 80/20 원칙 적용 * 대다수의 사용자가 20% 의 컨텐츠에서 80% 의 시간을 보냄 - 20% 컨텐츠가 무엇인지 파악 - 해당 컨텐츠를 중심으로 IOS7 원칙 적용

7 디터람스 10 계명 - 좋은 디자인은 혁신적이다. - 좋은 디자인은 심미적이다. - 좋은 디자인은 제품을 유용하게 한다. - 좋은 디자인은 제품을 쉽게 이해할 수 있도록 한다. - 좋은 디자인은 정직하다. - 좋은 디자인은 불필요한 관심을 끌지 않는다. - 좋은 디자인은 오래 지속된다. - 좋은 디자인은 마지막까지 철저하다. - 좋은 디자인은 환경친화적이다. - 좋은 디자인은 가능한 최소한으로 한다. 애플 개발자 사이트 https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/index.html

8 기준점갤럭시 s2 갤럭시 s3 갤럭시 s4 다음모델 http://developer.android.com/design/downloads/index.html Android 해상도 변환의 이해 기기별 해상도 http://www.kmshack.kr/398

9 모바일 앱 디자인 프리뷰 Ps Play – for Photoshop The Preview

10 모바일 앱 디자인 psd 탬플릿 - 표준 사이즈 제공 - 폰트 기준 사이즈 제공 - 컴포넌트 프로토타이핑 기능 - 초기 디자인 작업 원활히 등 1) Dribbble http://dribbble.comhttp://dribbble.com 실제 디자이너들이 포트폴리오를 올리고 일을 의로하는 등의 목적을 지닌 구인구직사이트. 다른 서비스와 달리 앱과 웹 분야의 디자이너들이 많이 모여 있으며 다양한 psd 리소스가 많다 2) Teehanlax http://www.teehanlax.com/tools/iphone/http://www.teehanlax.com/tools/iphone/ 아이폰의 최신 운영체제인 IOS7 의 디자인 템플릿을 다운로드 할 수 있다. 3) Android Developer Website http://developer.android.com/design/downloadshttp://developer.android.com/design/downloads 안드로이드 운영체제의기본 템플릿을 다운로드 하여 사용할 수 있다.