제 4회 DGMIT UI&UX 컨퍼런스 : 2014 UX/UI 디자인 트렌드 중간점검

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

2

CONTENTS1. GUI 디자인 ………………… 03

2. UI/UX 디자인 ……………… 09

3. 제스처 …………………… 15

4. 트렌지션, UI 에니메이션 ……… 20

3

1.GUI 디자인플랫 (Flatness)

4

1.GUI 디자인원형 콘텐츠 (More Rounded Contents)

5

1.GUI 디자인블러 효과 (Blur effects)

6

1.GUI 디자인단순한 컬러 (Simple color schemes)

7

1.GUI 디자인단순한 컬러 (Simple color schemes)

8

2. UI/UX 디자인계층 인터페이스 (Layered Interfaces)

9

2. UI/UX 디자인이미지 중심 인터페이스 (Image Centered Interface)

10

2. UI/UX 디자인콘텐츠 큐레이션 (Content Curating)

11

2. UI/UX 디자인카드 디자인 (Cards & Tiles)

12

2. UI/UX 디자인선이 아닌 요소나 공간으로 분류 (Divide by elements & spacing, not lines)

13

2. UI/UX 디자인네비게이션 아이콘 (Navigation Icon)

14

3. 제스처스와이프 (Swipe)

15

3. 제스처엄지손가락 중심 인터랙션 (Thumb-focused Interactions)

16

3. 제스처아래로 당겨 새로고침 (Pull Down to Refresh)

17

3. 제스처핀치 (Pinch)

18

3. 제스처흔들기 (Shake)

19

4. 트렌지션트렌지션, UI 에니메이션

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]

21 본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층

Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com

21