通过全新的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

相关推荐

  • 《用户体验可视化指南》视频讲书(6)

    《用户体验可视化指南》书中第2章的第2部分从伦敦地铁地图,看体验地图的元素、范围和根据目标的取舍。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享从这里开始讲绘制共线图前的5个思考点:视角、范围、焦点、结构和用途。蓉姐在这节视频中主要讲解了视角和范围这2点。1、视角有2个决定因素,目标用户和想要绘制的体验类型。a. 每类目标用户,在产品互动的关键触点上,应该是有明显差异的。哪些企业的主目标用户,哪些是次级...

    2018-04-10
  • 友盟、缔元信.网络数据、CNZZ合并,新公司叫友盟+

    公告书 亲爱的用户: 年关将至,值此辞旧迎新的日子, 友盟、缔元信.网络数据、CNZZ联合发出公告:三家公司已于2016年1月26日宣布合并,联手打造新公司,更名为“友盟+”,共同开启“全域数据”时代。新公司任命阿里巴巴…

    2016-01-27
  • 交互大厨的私房书单!10本「交互模式」的好书帮你进阶学习!

    这些交互设计 必备书籍,但你也许都没读过;初次接触交互设计 ,这11本书,刚好够读一年,你的技能将会有质的飞跃。

    2017-05-26
  • 搞定老板第一步!如何准确描述自己的设计?

    @姑娘贩子 (手机淘宝设计师):如何准确描述自己的设计,这个问题困扰了我很久。这篇文章希望通过回溯淘小铺2.1项目的整个设计过程,从另一个角度,尝试解答这个问题。 这篇文章原本的标题是“小铺2.1用户分层引导…

    2015-11-24
  • 40个创意单页面网站设计

    Web设计灵感总是帮助我们走在新趋势, 设计结构、颜色和总体设计过程。有很多灵感的网站列出的主题就是我想要这一个是不同的。所以在这个今天的帖子我收集了40个创意单页面网站设计欣赏,为你找设计的灵感。

    2017-06-03
  • 孙一民:一幅上世纪的图景,一段广州建设的“芳华” | UED设计年会

    2018年伊始,“设计·文化·艺术引领下的城市发展和乡村振兴高峰论坛”在江苏宿迁成功召开。在本次论坛上,众多先进的设计思想汇聚于此,我们不仅看到了设计师眼中的城市发展、乡村振兴脉络,更从城市管理者的角度了解到如何展开以人为本的设计。论坛上,长江学者特聘教授,华南理工大学建筑学院院长、博士生导师孙一民发表了以“设计改变广州”为主题的演讲。从华南中心城市到国家中心城市,伴随着经济的迅猛发展,广州的城市建设也在进行着大步飞跃。常人所见,城市的...

    2018-02-26
  • 用户体验 | 远大车用肺保一键清新,自由呼吸

    随着人们生活水平的不断提高,家用汽车已经成为大家的出门代步工具,开车上下班、旅游、走亲访友,基本上每天在车内都会呆上几个小时。汽车看似密闭的空气,但是由于交通的拥堵,车内空气不流通,空气质量越来越差,就会出现头晕、胸闷、咳嗽等症状,从这之后我也一直在关注着车载空气净化器设备。之前购买过一款车载净化器,但是效果不大,就一直在车内处于吃灰状态,今天我要和大家说的这款远大车用肺保FC3。是一款采用H13级别超大面积的PTFE超级过滤器,可以9...

    2018-02-02
  • 表单页面功能元素设计攻略:字段种类及属性说明

    本文参考了一些表单编辑平台的字段功能,基本上涵盖了平时常用的所有表单字段。

    2017-05-10
  • 从情景出发的可用性设计

    设计文章 / 交互设计 | 来源:TID | 作者:stephyl 前言         为了优化产品,提升用户体验,产品团队经常做很多事情:数据监测、数据分析、竞品分析…然后给交互设计师提需求,让交互设计师把需求转化为可用的功能…

    2014-12-01
  • 应届毕业生要从事交互设计,需要具备的3种能力

    这次的文章解决的是一个问题,主要是关于应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的入口切入,然后简单谈谈我的认识。(这篇文章会比较有趣)我努力工作,几年后要自己创业。吃得苦中苦,方为人上人。(鸡汤了一下)

    2017-05-08