ZOL论坛 > 技术论坛 > 云计算论坛 > WinCloud云操作系统前端工程师告诉你什么是UI扁平化
帖子很冷清,卤煮很失落!求安慰
返回列表
签到
手机签到经验翻倍!
快来扫一扫!

WinCloud云操作系统前端工程师告诉你什么是UI扁平化

45浏览 / 1回复

Winhong520

Winhong520

0
精华
27
帖子

等  级:Lv.3
经  验:793
  • Z金豆: 277

    千万礼品等你来兑哦~快点击这里兑换吧~

  • 城  市:广东
  • 注  册:2018-01-23
  • 登  录:2018-08-15
发表于 2018-08-09 09:35:31
电梯直达 确定
楼主

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

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

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


WinCloud云操作系统前端工程师告诉你什么是UI扁平化

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


WinCloud云操作系统前端工程师告诉你什么是UI扁平化

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


WinCloud云操作系统前端工程师告诉你什么是UI扁平化

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


WinCloud云操作系统前端工程师告诉你什么是UI扁平化

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


ieimnlap402

ieimnlap402


精华

帖子

等  级:Lv.1
经  验:100
发表于 2018-08-17 09:47:37 1楼
快 看 shi6.ml
高级模式
论坛精选大家都在看24小时热帖7天热帖大家都在问最新回答

针对ZOL论坛您有任何使用问题和建议 您可以 联系论坛管理员查看帮助  或  给我提意见

快捷回复 APP下载 返回列表