【云宏大讲坛】云宏WinCloud®前端工程师告诉你什么是UI扁平化

2018-08-08

今天继续聊技术!

 

     比起以前有点画风突变,我们来聊一点设计类UI相关的东西。一个好的UI设计,寄托着产品设计者在产品使用功能上倾注的心血。

 

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

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

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

 

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

 

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

 

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

 

 

云宏WinCloud®云操作系统界面

云宏WinCloud®云操作系统界面

 

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

 

旧版本苹果IOS系统界面

旧版本苹果IOS系统界面

 

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

 

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

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

 

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

 

 

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

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

 

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

 

     更多关于云宏与云操作系统的相关内容,请关注我们

     官方网址:www.winhong.com

 

  http://www.winhong.com/UploadFiles/Images/2018/5/2018052905555298.jpg

   (扫一扫关注)   

云宏微信二维码

其他新闻动态

版权所有©云宏信息科技股份有限公司   粤ICP备10104379号-1