Tweet
Tweet

Slide 1

Slide 1 text

UI设计小组分享 1 Go 烹饪高端视觉盛宴 ——把握UI设计趋势 UI设计小组分享① By: Li Yali 2014/04

Slide 2

Slide 2 text

Q: 现今UI的 设计趋势 是什么？ 什么是In？ 什么是Out？ 啥？我的设计过气啦?? 为啥 有些网站简简单单， 可就那么顺眼呢？

Slide 3

Slide 3 text

看看这些设计，你有什么感受？

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

Boring… & Out！ Not bad，but… 拟物 仿真 高光 阴影 纹理

Slide 8

Slide 8 text

现在的网站都有一种趋势: 过度 修饰 极简 No Yes

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

去 除 干 扰 让 信 息 自 身 说 话

Slide 14

Slide 14 text

引领设计趋势的网页作品 那些高大上的设计…

Slide 15

Slide 15 text

Themes Kingdom http://www.themeskingdom.com

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

MOVING THINGS DESIGN http://wearemovingthings.com

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

THE SECRET HANDSHAKE http://learnthesecrethandshake.com

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

STEREO CREATIVE http://stereocreative.com

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

Nearly Impossible http://stereocreative.com

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

ADAM RUDZKI http://adamrudzki.com

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

TEAMGEEK http://www.teamgeek.co.za

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

响应式 极简 配色 垂直 滚动 复古 配色 基于 网格 扁平化 巨大 色块 黑白 配色 长阴影 大视野 视图 大字体 大量 纯色

Slide 30

Slide 30 text

拟物设计并非完全出局 拟物化与扁平化各有优点，将来更倾向于两者相结合。 友情提示 扁平化 ≠ 界面被设计成扁的平的 扁平化是一种让设计者在界面设计过程中减少信息层级的内在设计思想。

Slide 31

Slide 31 text

* 多边形风格设计

Slide 32

Slide 32 text

2014年移动界面设计新趋势?

Slide 33

Slide 33 text

唯一主色调 Simple color schemes

Slide 34

Slide 34 text

多彩色 Hypercolour

Slide 35

Slide 35 text

数据可视化 Data Visualization

Slide 36

Slide 36 text

卡片化 Cards

Slide 37

Slide 37 text

内容为王 Content First

Slide 38

Slide 38 text

圆形的运用 Circle Design

Slide 39

Slide 39 text

大视野背景图 Bigger Vision image background

Slide 40

Slide 40 text

磨砂玻璃效果 Frosted surface

Slide 41

Slide 41 text

链接汇总，供君参考 http://www.themeskingdom.com/ http://wearemovingthings.com/ http://learnthesecrethandshake.com/ http://stereocreative.com/ http://www.teamgeek.co.za/#awards http://adamrudzki.com/ http://nearlyimpossible.org/ http://yosoygil.com/ http://letters-inc.jp/

Slide 42

Slide 42 text

李雅丽 UI Designer @UED Team * 演讲中所引用的素材来自网络