Page 1
UI/UX 디자인트렌드 중간점검
2014.10. 29
Version : 1.0.0
This material is proprietary to DGMIT. It contains trade secrets and confidential information which is solely the property of DGMIT.This material is solely for the Client’s internal use. This material shall not be used, reproduced, copied, disclosed, transmitted,
in whole or in part, without the express consent of DGMIT © All rights reserved.
made by 임지영Creative Art Team
Page 2
2
CONTENTS1. GUI 디자인 ………………… 03
2. UI/UX 디자인 ……………… 09
3. 제스처 …………………… 15
4. 트렌지션, UI 에니메이션 ……… 20
Page 3
3
1.GUI 디자인플랫 (Flatness)
Page 4
4
1.GUI 디자인원형 콘텐츠 (More Rounded Contents)
Page 5
5
1.GUI 디자인블러 효과 (Blur effects)
Page 6
6
1.GUI 디자인단순한 컬러 (Simple color schemes)
Page 7
7
1.GUI 디자인단순한 컬러 (Simple color schemes)
Page 8
8
2. UI/UX 디자인계층 인터페이스 (Layered Interfaces)
Page 9
9
2. UI/UX 디자인이미지 중심 인터페이스 (Image Centered Interface)
Page 10
10
2. UI/UX 디자인콘텐츠 큐레이션 (Content Curating)
Page 11
11
2. UI/UX 디자인카드 디자인 (Cards & Tiles)
Page 12
12
2. UI/UX 디자인선이 아닌 요소나 공간으로 분류 (Divide by elements & spacing, not lines)
Page 13
13
2. UI/UX 디자인네비게이션 아이콘 (Navigation Icon)
Page 14
14
3. 제스처스와이프 (Swipe)
Page 15
15
3. 제스처엄지손가락 중심 인터랙션 (Thumb-focused Interactions)
Page 16
16
3. 제스처아래로 당겨 새로고침 (Pull Down to Refresh)
Page 17
17
3. 제스처핀치 (Pinch)
Page 18
18
3. 제스처흔들기 (Shake)
Page 19
19
4. 트렌지션트렌지션, UI 에니메이션
Page 20
20
4. 트렌지션트렌지션, UI 에니메이션
https://dribbble.com/shots/1209082-Vk-Concept-for-iOS7?list=searches&tag=transition&offset=3
https://dribbble.com/shots/1299422--GIF-Menu-Transition?list=searches&tag=transition&offset=83
[출처] [vynal X]
Page 21
21 본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층
Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com
21