通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

不单是视觉扁平,交互层级也更加扁平啦~


不单是视觉扁平,交互层级也更加扁平啦~

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

前不久,国外媒体曝光几张Win 10的全新设计语言的截图,把我给看嗨了(毕竟笔者是设计Windows 软件出身的老UI设计师啊)

于是我搜索了下这几张截图的相关信息,发现微软有一个开展了一年多的项 —— Project NEON,它的任务就是开发Windows新的设计语言(类似于设计实验室,大胆的做各种概念设计,大公司就是好,还有这种项目部门~~)

这次的新设计,相对于目前正在使用的Microsoft Design Language 来说,更加的大胆了,这些大胆既体现在交互层面也体现在视觉层面上。

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Groove 界面)

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Outlook 界面)

比较有趣的是曝光出的截图界面有两张都是来自微软自家音乐播放器界面Groove。笔者发现一个特点:很多设计师都喜欢拿音乐或者是视频播放界面来作为设计的突破口。可能因为这些界面在设计的时候确实容易出效果的原因吧,有各种漂亮的封面,操作按钮不需要特意解释都已经深入人心了,而且基本天天接触,想法自然比较多。

看完这几张截图不知你有什么想法,或者说发现了什么东西没有?

将来桌面客户端风向标的特点

笔者大致发现了以下几个特点,这或许是将来桌面客户端的一个风向标。

1. 弱化标题栏和菜单栏

传统的Windows 窗口由标题栏、菜单栏、工具栏、侧边栏、工作区域、状态栏组成。我们设计软件的时候基本也是遵循这几个模板进行交互布局。让我们简单回顾一下Windows的标准窗口~

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Windows xp窗口)

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Windows 7窗口)

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(windows 10窗口)

通过上面几个大版本的窗口截图对比,不难发现Windows 一直在想办法让界面更轻(只是Win 7由于整个设计语言是玻璃质感,但整体还是要比XP 时期轻很多的)。Win 10 的标题栏和菜单栏更是结合了在一起~

2. 进一步简化层级,使操作进一步扁平化

无论是XP 还是Win 10,我们其实都可以看成是三个板块(下图),而新的设计语言将三个层级简化为两个层级,通过左右(有点类似于iPad 的App 交互)展现任务和对应任务的结果。

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(iPad 概念设计)

3. 强化内容可读性

应该说以内容为导向进行设计一直以来是metro遵循的守则吧~大标题、醒目的颜色等。

4.目标导向设计,让界面更加干净和高效

只在触发到某个任务时才展现相关操作,这样就不用把所有的功能按钮都罗列出来,使界面更加Clean,操作更加的浑然天成.

5. 弱质感带来的高级感

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

说到这个“毛玻璃”质感~最开始应该确实是微软先弄出来的,当时候Vista的出现,还确实是让眼前一亮的~只是过去的设计太粗糙了,那么粗的描边、那么亮的内发光,那么黑的阴影… 并且那个毛玻璃效果不够“毛”,而且纯属装饰,没有什么实际用处。

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Win7界面)

然而比较搞笑的是,自家发明的毛玻璃效果被竞争对手苹果抄了去,而且青出于蓝,这让微软情何以堪啊。据说微软将这个毛玻璃效果正式命名为Acrylic(亚克力),在系统中会呈现出三种形态:Side-Nav(侧边栏) Acrylic、Background(背景) Acrylic、In-App(应用内) Acrylic。

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

(Metro的理念)

好吧,以上就是我看了这些图的基本感受,当然都属于个人想法,也可能这些理念现在已经有了,或者是不够明显罢了(主要是我用Mac用太久了,偶尔看回Windows 好有亲切感),有不对的地方望见谅。

据各种传言都表示 Project NEON 开发的这套设计语言将会出现在 2017 年秋季正式推送升级的 Windows 10 Redstone 3 上,也许广大 Windows 粉丝只要再耐心等待一段时间,就能看见更全面的 Project NEON 设计成果。

其实我看了这几张图觉得曝光的太少了,于是我又跑去各种搜索国外大神的概念设计。嘿嘿,还真被我搜到了不少,下面分享给大家,超赞的。

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

通过全新的WIN 10设计语言,我看到了将来桌面客户端风向标的5个特点

 

作者:俊宏,UI设计师,曾是迅雷设计经理,带领团队,负责迅雷桌面相关UI设计;目前在深圳百度,带团队,负责国际化两个产品的业务。信仰——专注和坚持。

来源:微信公众号【折腾先生】

本文由 @俊宏 授权发布于人人都是产品经理,未经作者许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/24790/

(0)
CatherineCatherine
上一篇 2017-05-09 17:50
下一篇 2017-05-09 19:52

相关推荐

  • 交互实战|覆盖层设计:弹出式半屏页面和弹出式气泡(下)

    上篇《交互实战|覆盖层设计:对话框&浮层(上)》讨论了“对话框”和“浮层”两种覆盖层中最为常见的样式:对话框主要分为提示型和输入型两大类;浮层主要分为Toast和Snackbar两类。在下篇中,想要讨论一些不那么常用的覆盖层交互形式:弹出式半屏页面和弹出式气泡。

    2017-05-05
  • 沉沉的干货,必读平面设计技巧!

    在过去几年中,我们见证了软件和应用界面设计从3D及拟物化向扁平化和极简化的快速转变。尽管这一趋势现在已经无所不在,但我们不妨拿出一点时间来思考今天的结果是如何形成的,以及其对界面设计整体有着何种影响。另外,我还会和大家分享一些有关设计扁平化界面的小技巧和注意事项。

    2014-12-28
  • 如果你即将面试交互设计,可以看看这篇文章

    从今年年初开始面试到现在,大大小小的面试也经历了十几场吧。之前苦于交互设计没有面试的题库,所以一路下来自己都有留心收集一些面试题,今天就来做个汇总。 本来交互设计也是设计类,设计类的面试只要看作品说话…

    2016-04-13
  • IAMUE经验分享-APP关于登录 与 注册引起的思考

    1. 何时会触发登录与注册 A. 第一次打开,启动页滑动结束就触发登录与注册 页面没有返回button 根据产品阶段,或强调注册或强调登录 点击注册button,注册页面从右向左进入,左上角是返回icon 如IN 脉脉 注册时的,…

    2015-09-22
  • 高手经验!Facebook的360全景VR应用设计总结

    侯雯佩:FB设计团队设计的一款Gear VR (三星VR 设备)平台的全景应用过程总结,其中包含一些很有价值的VR实战经验与设计原则。

    2017-08-23
  • 孟菲斯设计风:重回80年代,为网页注入迷人的设计风格

    复古一直在流行,这也是为什么过去许多设计趋势常常会沉寂若干年之后,又再次走到潮流的最前线。今天,我们要聊的是孟菲斯设计风(Memphis Design),这种设计风格充满了80年代的特征,明亮的色彩和多样的图形与线条充斥其间,它也是近年重归流行的设计风格之一。

    2017-05-12
  • 在设计登录注册之前,注意这10个要点能迅速提高用户体验

    有盆友问起注册/登录的体验,结合网上各路高人的分享,于是我总结了一些自己对如何在注册和登录时提高用户体验的一些发现或看法,若观点有不对的地方,望大家批评指正,欢迎大家的分享与交流~

    2017-05-26
  • 美术丨创意Game可用性微交互设计:视觉空间微交互设计

    文章导言(悄然你的特别吸引了我)有些设计看起来简洁,有些设计看起来杂乱无章;有些设计让您快速找到想要的信息,有些设计却让您置身于迷宫之中;为什么要绞尽脑汁写这些细节上的差异?用户在使用产品时是怎么样的心理活动?这将是我分享的一些个人见解。前言:致敬设计学研书籍作者们,有机会写《创意Game可用性微交互设计》总结。如题我们将进行一场有趣的游戏可用性微交互设计讨论。考虑并不是写一本书来高谈阔论,而交互又无处不在: 版面、颜色、纹理、动画、文...

    2018-02-28
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…

  • 如何创建用户体验地图

    许多公司尽管怀中最美好的愿景、掌握庞大的数据,却依然只能给他们的用户提供乏善可陈、平淡无奇的产品体验。这归咎于他们以聚焦内部、脱离用户的方式做产品,缺乏对用户的关注。他们未意识到用户对其产品的每一次体验都会影响用户的体验满意度、品牌忠诚度和忍耐底线。如果使用用户体验地图(Customer Journey Map),则能够很好地描绘出用户在体验产品时的情绪 变化,并以此对产品进行优化。通过体验地图的项目,我们发现了很多产品的优化方向。下面...

    2018-02-01