`

Windows UI的设计理念

 
阅读更多

Windows UI的设计理念由最核心的五个原则组成,它们是:

简洁与快速(clean, light, open, fast

注重排版和布局(celebrate typography

内容重于形式(content before chrome

生动而有灵魂(alive& in motion

返璞归真(authentically digital

当然以上这些设计理念在不同的软件产品中会有一些不同的具体表现形式,根据产品特性不同、应用场景不同而表现出不同的侧重点及具体特性。但是核心的理念特征却一直保持统一,那就是“内容重于形式”。

1. 简洁与快速

20世纪50年代期间,一种崭新的平面设计风格在联邦德国与瑞士形成,被称为“瑞士平面设计风格”(见图1-6),由于这种风格简单明确,传达功能准确,因此流行于全世界,成为二战后影响最大、国际最流行的设计风格,并被称为“国际主义平面设计风格”。


瑞士平面设计风格稳健,四平八稳地传达设计,给人印象深刻。不少人认为瑞士风格是一个统一的、单一的风格,瑞士设计家大部分不同意这种看法,他们往往强调瑞士国家虽然小,但是设计风格变化多端,极为丰富。直到现在,瑞士的平面设计依然具有强烈的整洁、严谨、工整、理性化的特征,一丝不苟,传达准确,形式单调乏味。

正如微软的一位设计总监所说:“Windows UI的哲学是‘化繁为简’(do a lot with a little),富有创意地进行排版、去掉装饰物,让版面自己说话,这样才能让内容成为主角。”事实上这一设计的基本元素在生活中随处可见:地铁站、机场或路旁的各类指示牌上。它们保证人们即使在步履匆匆的时候,也能从这些平面中获取足够的信息。而微软也把这种理念迁移至用户界面上,不论你使用的社交网络信息流动有多快,都可以通过这种平面设计获得支持,不仅可以快速浏览到自己关注的重要信息,还可以高效地完成更多日程安排。

2. 注重排版与布局

为了达到干净、清爽与快速的准则,在进行Windows UI风格设计时需要重点考虑到的设计元素有如下这些:对齐、间距、列表、文本、标题、按键、图标。其中对齐和间距决定着整个系统界面的整齐和可阅读性;列表是文本、标题和对齐、间距的统一组合表现,这些元素的作用在列表中是最一目了然的;另外按键和图标的简洁易懂也能帮助整个界面更加扁平化及高效化(见图1-7~图1-9)。




 

 

3. 内容重于形式

让内容跳出框架的点缀来突出自己的重要性,并且在时间碎片中找寻更多的信息,这就是Windows UIWindows 所定制的设计理念。这是一个效率化的现代社会,虽然当今主流手机的众多花哨功能让大家应接不暇,但是并不是所有用户都有足够的时间来被设备绑架。很多设备有着华丽的桌面,有着好玩的解锁交互,甚至连分类程序、删除文件都有着很华丽的过程,但是这些是不是我们使用这台设备时真正需要的呢?

Windows UI的角度出发,用户使用一个应用,找到它并且打开它,为的是获取它的最新内容并做出响应,这些动作完成之后则退出应用或者停止使用设备。用户的使用并不是为了体验这个应用设计得如何出色、如何华丽——当然,也许在某种意义上这些也是不可缺少的——用户在乎的是内容,并不是形式,尽管形式有时候更容易吸引人(见图1-10)。


4. 生动而有灵魂

当灵动性被忽略时,你所看到的界面更接近于 UNIX Shell 的体验,这不会对用户产生太大的吸引力。在 Windows UI 上开发者很容易做出简洁而突出内容的界面,但是“Windows UI 不是停止界面设计的借口”,你需要考虑配色、动画和小细节,突出应用的风格。

比如说Windows 8Windows Phone上都用到了“Live Tile”活动动态磁贴的设计,就是Windows UI生动而有灵魂的最好体现。动态磁贴是一个等级严密的结构,由内容概要开始,逐级深入,级别越深,内容越详细。在如图1-11和图1-12所示样例中,动态磁贴用来显示当前的天气状况和股票信息。如果用户只想了解当前天气的基本状况,那么他们并不需要去打开应用,因为基本信息已经完全显示了。但如果他们希望了解今后几天的天气预报或者其他细节,那么再去打开应用也不迟。


5. 返璞归真

Windows UI设计的各项要素一一在界面上得到贯彻时,整个应用界面自然就有了一种返璞归真的感觉(见图1-13)。因为这时屏幕上只留下了用户当前最关注的内容,摒弃了各种无关紧要的花哨点缀,这也是我们所说的Windows UI的设计精髓“内容重于形式”的终极体现。在多年的计算机人机交互界面的设计上,我们花费过多的时间来进行仿真的视觉设计和交互设计,致力于在原本平面的屏幕画板上营造出立体层次效果,殊不知这样的结果往往是更多的精力被用在和内容本身无关的工作上。而Windows UI要带给设计师和用户的只有内容的表现形式,用内容本身来表现自己的形式,我们也称为“沉浸式”的体验,屏幕上只留下内容,命令和导航都默认隐藏起来,这正是一种设计语言上的返璞归真。这种返璞归真我们也可以理解成是由GUI(图形用户界面)向NUI(自然用户界面)的逐步演变过程。

 



 

 

本文节选自《超越想象——Windows 8应用设计与开发 (全彩)

朱宏,亓光宇,李孟晓编著

电子工业出版社出版

 

  • 大小: 103.6 KB
  • 大小: 134.9 KB
  • 大小: 158.1 KB
  • 大小: 103.4 KB
  • 大小: 137.7 KB
  • 大小: 55 KB
  • 大小: 166.5 KB
  • 大小: 12.7 KB
分享到:
评论

相关推荐

    总结概括当前流行的ui设计理念.docx

    "总结概括当前流行的ui设计理念" UI设计是一种艺术,好的UI设计能够为用户留下良好的第一印象和用户体验,从而提高网站的回访率。本文将总结概括当前流行的UI设计理念,包括有趣的导航、快速注册、扁平化设计、不...

    Metro UI(windows UI)风格的图片

    一、 Metro UI 的核心设计理念 1. **“平铺”(Tiles)**:这是Metro UI最显著的特征,每个应用或功能以动态方块的形式展现,这些方块可以更新显示实时信息,如天气、新闻或未读邮件等,提供了一种直观的信息概览。 ...

    Simons Windows 8 UI Demo_labviewsimon风格_dry2mc_DEMO_dogz1b_监测_

    总的来说,Simons Windows 8 UI Demo将LabVIEW Simon风格与Windows 8的UI设计理念完美融合,为dry2mc监测提供了高效、直观的解决方案。无论是在实验室环境,还是在工业生产现场,这样的DEMO都能帮助用户快速、准确地...

    windows phone7 UI design guide

    此部分主要介绍了移动应用设计对Windows Phone实用性的影响力,并提供了一系列设计理念,帮助开发者更好地理解和设计应用。 - **理念**:强调了简洁、一致性和用户友好性的重要性。 - **实践**:建议开发者在设计时...

    react-React95是一个受Windows95UI设计启发的React组件库

    React95的设计理念在于致敬90年代的计算机界面,同时也为现代应用程序带来一种怀旧的视觉体验。这个库包含了各种组件,如按钮、输入框、下拉菜单、对话框等,它们都带有Windows 95的标志性样式。通过使用React95,...

    Windows8系统新用户界面定名“Windows UI”.docx

    3. **Windows Apps(Windows 8 apps)**:这些应用程序是为Windows UI设计的,它们遵循统一的设计规范,通常具有全屏无边栏的显示方式,以最大化屏幕空间。这些应用可以在Windows RT和x86架构的Windows 8系统上运行...

    Windows-Phone-7-UI设计及人机交互指南-v2.0-中英文对照版.pdf

    ### Windows Phone 7 UI设计及人机交互指南v2.0关键知识点解析 ...尽管Windows Phone 7已经退出历史舞台,但其中关于UI设计和人机交互的核心理念依然具有参考价值,对于当前移动应用开发仍然有重要的启示作用。

    软件UI设计之道

    这一过程伴随着操作系统界面的革新,如Mac OS和Windows的界面设计不断优化,反映了UI设计在技术进步与用户需求双重推动下的演变。 ### 三、软件UI设计流程 软件UI设计流程包括需求分析、综合设计、验证、测试、...

    _UI设计对软件开发的影响.pdf

    UI设计与用户体验密切相关,从产品开发初期的设计理念到最终的用户反馈,用户体验始终是检验UI设计成功与否的标准。用户体验不仅关乎产品的外观和交互设计,还涵盖了用户的情感体验和心理满足。好的UI设计能够确保...

    jQueryUI MetroUI WindowUI 主题

    "jQueryUI MetroUI WindowUI"主题将这些设计理念融入到jQuery UI组件中,使得这些组件在外观上更接近Windows 8的风格。例如,对话框可能具有平坦的边框和大胆的背景色,按钮则可能拥有清晰的高亮效果,这都是Metro ...

    基于jQuery 模拟Windows Phone 7 UI的界面效果

    首先,了解Windows Phone 7的UI设计原则至关重要。该平台的设计理念强调简洁、直观和易用,主要由动态瓷砖构成,这些瓷砖可以实时更新内容,提供丰富的信息展示。要实现这种效果,我们需要关注以下几个关键点: 1. ...

    Flat-UI metro UI开发必备

    Flat-UI是一种设计理念,强调简洁、清晰和无装饰的视觉效果。它起源于2012年,由iOS 7的发布引入到主流设计中。Flat-UI的特点包括扁平化图标、单一颜色调、大胆的字体和简单的图形元素。这种设计风格摒弃了传统的...

    UI Design and Interaction Guide for Windows Phone 7

    在IT行业的设计领域,UI(用户界面)设计与交互指南对于任何移动应用的开发者来说都是至关重要的资源。...尽管该指南版本可能已经过时,但其中包含的设计理念和原则对于现代UI设计仍具有重要的启示作用。

    Windows-Phone-7-UI设计及人机交互指南(英文官方版本+中文翻译)

    1. **metro设计语言**:Windows Phone 7的UI基于“metro”设计理念,强调清晰、简洁和动态。metro设计以内容为中心,采用大块文字和颜色,以及独特的排版和图形元素,创造出现代而直观的用户体验。 2. **动态磁贴...

    ModernUI.1.0.5

    ModernUI的设计理念源自于微软Windows 8的Modern(又称为Metro)设计语言,这种设计语言强调简洁、清晰和触控友好的界面。 在压缩包中,有几个关键文件: 1. **FirstFloor.ModernUI.dll**:这是一个动态链接库文件...

    iphone UI c#语言的源码

    《深入探索iPhone UI设计与C#实现:基于Windows Mobile的模拟实践》 在移动设备领域,Apple的iPhone凭借其独特的用户界面(UI)设计赢得了广大用户的喜爱。为了在非iOS平台上模仿这一体验,开发者们利用各种技术...

Global site tag (gtag.js) - Google Analytics