自诩为数码专家的你,知道什么叫“扁平化”吗?

是不是明明非常耳熟能详的一个词儿,真要聊起来突然觉得不知从何下手?

那就来听云宏前端工程师以WinCloud的UI设计为例,告诉你扁平化的精髓——

初见“UI扁平化”这个词,也许很多人会觉得陌生。但在今天,UI扁平化其实一点也不神秘,因为UI扁平化在我们的生活中随处可见。拿智能手机操作系统为例,手机里的图标、点击图标打开的应用,其UI风格大都是扁平化的。

扁平化设计已经成为UI设计中的主流设计方向,它跟以前所流行的细节丰富的拟物化设计不同,扁平化极简主义设计使得UI看起来简单易懂的同时对交互和功能的支持更加优秀,是一种可用性更强的设计解决方案。云宏UI设计师团队十分清楚扁平化设计的强大,在WinCloud云操作系统中运用自如。

UI扁平化讲求界面简约,没有投影、凹凸或渐变等多余的效果。云宏WinCloud每一个页面的设计都尊遁了这一原则。以系统顶部栏和左边菜单栏为例,这两部分的背景都采用了纯色,没有使用色彩丰富的背景图片,也没有使用看起来产生立体感的渐变效果,而顶部栏和菜单栏的区分仅是背景色的明暗度轻微的差别,使得这两部分看起来简单明了,不会被多余效果产生的冗杂视觉信息干扰。

v2-3aaeb4ce587db7d5bf5d8663a6486844_hd[1].jpg

云宏WinCloud云操作系统界面

UI扁平化使用简洁风格的元素和图标。过往,人们都喜欢使用立体感的元素,如旧版本苹果IOS系统界面,图标使用了带反光玻璃的效果,使其看起来好像放在一个玻璃架子上一样。随着大众审美的不断转,近年来简洁的扁平化风格受到越来越多用户接受。

v2-d44c2e01c5106a5b8605033e14691de6_hd[1].jpg

旧版本苹果IOS系统界面

云宏前端UI设计师团队在图标设计上也是下足了功夫,WinCloud图标设计简洁干净但不缺乏信息,这跟当下大众的认知和潮流的方向是一致的。简单的形状,清晰的排版,明亮而对比明显的色彩可以使我们很容易区分云主机、云硬盘、公网IP等资源类型。更令人兴奋的是,这样简洁的图标还可以为用户提供系统快速加载的体验。

v2-c2565a81543457cc2c073ba7510a8047_hd[1].jpg

云宏WinCloud云操作系统图标设计

UI扁平化是一种尽量减少装饰的极简设计。许多操作系统喜欢在操作按钮上加一个图标达到装饰的效果,这种做法在操作稍微多一点的系统中就显得不是那么明智了:大量的图标会让人眼花缭乱,而近似的操作通常图标设计相近,容易产生歧义,这样的UI只会让人困惑,产生视觉疲劳。WinCloud产品庞大而复杂,里面包含有大量的操作,在按钮的设计上并没有添加任何装饰,纯色背景加上文字提示,让按钮长成最简单的样子,让界面整体上看起来清新简洁,而且可以最大限度地降低视觉噪声,避免给用户带来不必要的困惑。

v2-2c1b9491eb499b56012f346320a2a83f_hd[1].jpg

云宏WinCloud云操作系统操作界面

先进的系统,需要优秀前卫的UI来体现特性。优秀UI的概念一直在演变,扁平化设计也一直在发展。云宏WinCloud云操作系统UI也会紧跟时代潮流,为用户创造更好的使用体验!