header_v0.7.31

通过微软曝光的WIN10全新设计语言,我看到了新的设计趋势

248天前发布

原创文章 / UI / 教程
折腾先生 原创,如需商业用途或转载请与折腾先生联系,谢谢配合。

微软的Project NEON曝光了几张全新设计~为此我分析了可能的设计新趋势

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


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


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



Groove 界面


31fa587b3420a801219c779d9a93.jpg

Outlook 界面 


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


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

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


1.弱化标题栏和菜单栏


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


windows xp窗口 


windows 7窗口


55e1587b3573a801219c770d275b.jpg

windows 10窗口


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


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


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


3272587b3592a8012060c8dcc3c8.jpg


26f6587b35aba801219c77840cb6.jpg


cd5c587b35b5a801219c7755c900.jpg

ipad概念设计


3.强化内容可读性


应该说以内容为导向进行设计一直以来是metro遵循的守则吧~大标题、醒目的颜色等。(不过我一直觉得有没有必要那么大,我看得清楚,连ios的音乐播放界面也搞得辣么大字......在小屏幕上很浪费空间好吧~~~)


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


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


5.弱质感带来的高级感


d231587b35e3a801219c7764c43e.jpg


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


83f1587b362aa801219c7734984c.jpg

win7界面


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



metro的理念~棒棒哒~


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


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


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









最后,还是说明以上为个人观点,还有就是本文并没有拿windows和mac os做比较~~只是单方面说windows的成长~不足之处还请见谅哦。



如果喜欢本文,

就点个赞吧~

-

欢迎关注我的微信公众号:

折腾先生


36
    意见反馈
    没有新消息
    密码登录
    短信登录
    微信二维码登录

    提示文案

    提示文案

    提示失败
    提示成功