云宏WinCloud前端工程师告诉你什么是UI扁平化

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

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

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

UI扁平化使用简洁风格的元素和图标。以前人们都喜欢使用立体感的元素,如旧版本苹果IOS系统界面(见下图),图标使用了带反光玻璃的效果,右图使他们看起来好像放在一个玻璃架子上一样。如果我们现在在哪台手机上还看到这样的界面,我们一定会觉得“这手机大概有些年代了吧!”。

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

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

UI扁平化真的一点也不神秘是吧?先进的系统需要优秀前卫的UI来体现,优秀UI的概念一直在变化着,扁平化设计也一直在发展中,云宏WinCloud产品的UI也会紧跟时代潮流,为用户创造更好的使用体验!

猜你喜欢

转载自blog.csdn.net/gcttong00/article/details/81530882