童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

通过全新的WIN10设计语言,我看到了将来桌面客户端风向标的

3月27日 孤小单投稿
  不单是视觉扁平,交互层级也更加扁平啦
  前不久,国外媒体曝光几张Win10的全新设计语言的截图,把我给看嗨了(毕竟笔者是设计Windows软件出身的老UI设计师啊)
  于是我搜索了下这几张截图的相关信息,发现微软有一个开展了一年多的项ProjectNEON,它的任务就是开发Windows新的设计语言(类似于设计实验室,大胆的做各种概念设计,大公司就是好,还有这种项目部门)
  这次的新设计,相对于目前正在使用的MicrosoftDesignLanguage来说,更加的大胆了,这些大胆既体现在交互层面也体现在视觉层面上。
  (Groove界面)
  (Outlook界面)
  比较有趣的是曝光出的截图界面有两张都是来自微软自家音乐播放器界面Groove。笔者发现一个特点:很多设计师都喜欢拿音乐或者是视频播放界面来作为设计的突破口。可能因为这些界面在设计的时候确实容易出效果的原因吧,有各种漂亮的封面,操作按钮不需要特意解释都已经深入人心了,而且基本天天接触,想法自然比较多。
  看完这几张截图不知你有什么想法,或者说发现了什么东西没有?
  将来桌面客户端风向标的特点
  笔者大致发现了以下几个特点,这或许是将来桌面客户端的一个风向标。
  1。弱化标题栏和菜单栏
  传统的Windows窗口由标题栏、菜单栏、工具栏、侧边栏、工作区域、状态栏组成。我们设计软件的时候基本也是遵循这几个模板进行交互布局。让我们简单回顾一下Windows的标准窗口
  (Windowsxp窗口)
  (Windows7窗口)
  (windows10窗口)
  通过上面几个大版本的窗口截图对比,不难发现Windows一直在想办法让界面更轻(只是Win7由于整个设计语言是玻璃质感,但整体还是要比XP时期轻很多的)。Win10的标题栏和菜单栏更是结合了在一起
  2。进一步简化层级,使操作进一步扁平化
  无论是XP还是Win10,我们其实都可以看成是三个板块(下图),而新的设计语言将三个层级简化为两个层级,通过左右(有点类似于iPad的App交互)展现任务和对应任务的结果。
  (iPad概念设计)
  3。强化内容可读性
  应该说以内容为导向进行设计一直以来是metro遵循的守则吧大标题、醒目的颜色等。
  4。目标导向设计,让界面更加干净和高效
  只在触发到某个任务时才展现相关操作,这样就不用把所有的功能按钮都罗列出来,使界面更加Clean,操作更加的浑然天成。
  5。弱质感带来的高级感
  说到这个“毛玻璃”质感最开始应该确实是微软先弄出来的,当时候Vista的出现,还确实是让眼前一亮的只是过去的设计太粗糙了,那么粗的描边、那么亮的内发光,那么黑的阴影并且那个毛玻璃效果不够“毛”,而且纯属装饰,没有什么实际用处。
  (Win7界面)
  然而比较搞笑的是,自家发明的毛玻璃效果被竞争对手苹果抄了去,而且青出于蓝,这让微软情何以堪啊。据说微软将这个毛玻璃效果正式命名为Acrylic(亚克力),在系统中会呈现出三种形态:SideNav(侧边栏)Acrylic、Background(背景)Acrylic、InApp(应用内)Acrylic。
  (Metro的理念)
  好吧,以上就是我看了这些图的基本感受,当然都属于个人想法,也可能这些理念现在已经有了,或者是不够明显罢了(主要是我用Mac用太久了,偶尔看回Windows好有亲切感),有不对的地方望见谅。
  据各种传言都表示ProjectNEON开发的这套设计语言将会出现在2017年秋季正式推送升级的Windows10Redstone3上,也许广大Windows粉丝只要再耐心等待一段时间,就能看见更全面的ProjectNEON设计成果。
  其实我看了这几张图觉得曝光的太少了,于是我又跑去各种搜索国外大神的概念设计。嘿嘿,还真被我搜到了不少,下面分享给大家,超赞的。
投诉 评论 转载

作为交互设计师,都应该尝试的低保真原型测试即便你是一名如此经验丰富、作品惊艳、才思敏捷、手法高超、声名显赫、有强大号召力的设计师,如果你还未亲手尝试过低保真原型测试,我依旧会推荐此方法。什么是低保真原型测试……设计切实可靠的UI,为你的用户做决策真实可靠的UI是产品可信。现在的很多手机软件都会基于我们的个人资料,对我们的个人偏好做出一些假设,例如GoogleNow、Spotify和Amazon。他们甚至完全不用直……三种方法,使用鲜艳的配色来制作WEBAPP界面无论是Web还是APP,鲜艳的配色已开始逐渐具有人气。为了将人们的注意力集中于要素之上,让设计能给用户带来深刻的印象,就让我们来使用鲜艳的配色吧。配色,对设计师来说是非常……微软设计师分享七个技巧,帮你提高产品的用户体验今天为大家带来的一位在微软工作的用户体验设计师JoannaNgai的设计分享,主要讲述了7个如何提高产品设计体验的小的技巧,个人觉得她的见解结合了产品思维和设计思维,简单明了,……设计总结基于大屏设计的QQiPad主题主题一直是QQiPad比较薄弱的一块,在用户的强烈呼声下,项目组决定在6。5版本上线新的主题,为此做了大量的尝试和思考。基于大屏设计的QQiPad主题有何特点?应该如何设计?在……7个实用规则,让你的设计更加简单直观简单直观的设计并不一定非得是极简的,它同样可以是丰富而又有趣的。还记得KISS原则么?KISS是KeepitSimpleandStupid的缩写,指的是要将产品做的连白痴……虚拟现实产品是更棒的交互体验吗?2016年12月,携程UED大会把虚拟现实技术作为论坛的核心主题,邀请了方方面面的专家,从技术,硬件,体验等各个方面来剖析VR这种创新的趋势。最初接触VR,我的感觉就是:……了解8pt栅格系统,快速而统一地完成界面布局此文意在帮助设计师快速而统一地完成界面布局。尤其对尺寸固定的移动界面有帮助,但对响应式web设计也有帮助。与一般的设计指南相比,此文更适合一边设计一边阅读。1。设计入门……搞定长滚动网页设计的四个技巧长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的……五步走,带你了解交互设计流程本文作者分享交互设计的流程,但切记具体问题具体分析哦尽管“交互设计”在近几年的设计行业中早已不是什么新鲜名词,但依然还是有很多朋友,尤其是刚入行的新人会问:什么是交……通过全新的WIN10设计语言,我看到了将来桌面客户端风向标的不单是视觉扁平,交互层级也更加扁平啦前不久,国外媒体曝光几张Win10的全新设计语言的截图,把我给看嗨了(毕竟笔者是设计Windows软件出身的老UI设计师啊)于是……4种用户体验研究方法,提升最优化测试本文讲述的是户研究与AB测试相结合,发现问题的真实原因,并进行有效的判断处理。AB分类测试AB分类测试使得网站可以通过比较同一网页的不同设计,来决定其中哪些设计将产……
如何设计更好的个性推荐UI设计:配色方案的选取,是使用深色系较好,还是浅色系合适?交互设计:如何避免业务需求的遗漏产品设计师:对于软件来说,美感到底有多重要?分析师BenThompson:为了更好的用户体验,谷歌拿出了如何规范移动应用交互设计?UIUX设计师须知的11个小技巧用户体验是玄学吗?限时促销的奥秘:如何在UX设计中制造“饥饿感”?用户体验和可用性之间的联系和差异,你可知?线框在banner设计中的应用总结消费电子人机交互浅谈设计实战健身应用Mannva的UXUI设计流程是怎样的
【歌词】Nothingbutyou歌手:近畿小子热评聚热点网 毛毛读后感还能好好的相亲嘛?让孩子们在错误中成长,你做到了吗?9大影视顶流男演员,谁才是2020年真正的流量王?优秀作文致即将毕业分别的我们2019年山西运城中考语文满分作文(已发布)小孩不上学不做作业怎么办小孩不上学不做作业如何教育啊我当画家的理想代购的赚钱之路。分享心得养生秘方揭秘个养生新秘方遇见盲孩子作文500字

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界