UI 设计在 Dribbble 上的演化

2009-2012 的作品

拟物化(设计得像具体的实物)

在 UI 元素上使用渐变和投影来产生作品深度

自由使用一些质感重复样式

缓和调色板,多使用灰色和深蓝色

使用有光泽的按键

示例如下:

UI 设计在 Dribbble 上的演化_第1张图片
UI 设计在 Dribbble 上的演化_第2张图片
UI 设计在 Dribbble 上的演化_第3张图片
UI 设计在 Dribbble 上的演化_第4张图片
UI 设计在 Dribbble 上的演化_第5张图片

2013-2015 的作品

扁平化设计(很少使用甚至不使用渐变、阴影或者高光)

更加明亮地使用调色板,更多的粉彩色

放弃了拟物化

不再使用材质和样式

极简主义回归

更多的使用细和极细的字体板式

示例如下:

UI 设计在 Dribbble 上的演化_第6张图片
UI 设计在 Dribbble 上的演化_第7张图片
UI 设计在 Dribbble 上的演化_第8张图片

2016-2017 的作品

渐变和阴影回归,但是更多的使用在缓和设计而非增加真实的深度

颜色更加趋于粉彩色

较粗的字体板式回归

在块状元素下自由的使用投影

扁平化图标

示例如下:

UI 设计在 Dribbble 上的演化_第9张图片
UI 设计在 Dribbble 上的演化_第10张图片

只作为参考学习

来源:http://www.uigreat.com/article/397

你可能感兴趣的:(UI 设计在 Dribbble 上的演化)