1. GUI 디자인 2. UI/UX 디자인 3. 제스처 4. 트렌지션, UI 에니메이션

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

2. 2
CONTENTS
1. GUI 디자인 ………………… 03
2. UI/UX 디자인 ……………… 09
3. 제스처 …………………… 15
4. 트렌지션, UI 에니메이션 ……… 20

3. 3
1.GUI 디자인
플랫 (Flatness)

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

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

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

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

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

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

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

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

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

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

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

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

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

17. 17
3. 제스처
핀치 (Pinch)

18. 18
3. 제스처
흔들기 (S hake)

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

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]

21. 본사/기업부설연구소 : 135-874 서울특별시 삼성동 봉은사로 424 TROA빌딩 5층 21
Tel. 070-8680-1770 Fax. 02-2179-9114 http://www.dgmit.com