level 2
伴随着近几年多平台人机交互界面的巨大进步,越来越多的开发者选择将更多的精力投入在移动应用的设计领域。在此系列的文档中,我将会从多个方面来阐述Windows Desktop版应用的设计原则,从色彩、排版、图标设计等多个角度,吸收近几年移动版UI设计的精华,帮助更多的桌面端应用开发者制作更具现代感的人机交互界面,并且分享一些桌面版程序设计的UI资源,还会帮助大家进一步理解Microsoft官方发布的Windows 10通用应用(Universal App)设计原则。
概述
Windows桌面版应用一直以来具有高效、开放、易用以及丰富的优势。鼠标与键盘协同配合的操作能够使得桌面版的应用获得比移动版的应用获得更具效率的使用体验。因此,在软件设计中,开发人员应该遵循以下的基本原则:
(1)使用更具效率的应用界面排版,选择合理的留白和分割线的设计,并且采用适当的字体大小及样式;
(2)选用合理的操作方式,在使用传统键盘和鼠标的操作方式下,采用更具现代化的语音及手势操作;
(3)选用合理的色彩及窗口设计,避免出现突兀感;
(4)动画设计要服务于功能及用户体验,在保证简洁的情况下引入更加美观的动画效果;
(5)选择合理和美观的组件,让每一个设计元素都整体的设计及体验。
色彩
在桌面设计中,色彩应该具有吸引力,合理的色彩搭配能够使整个程序获得更加美观的视觉体验。下面是一些推荐使用的基本颜色。

需要注意的是,在使用这些颜色的过程中,需要注意颜色的使用场合。如蓝色、绿色、淡灰色适合于用于边框和大面积用色。而较为明亮的颜色如红色、橙色、黄色等适用于一些更加细微的元素,如Tab上的指示框。
关于颜色,在本贴后面的资源部分将给出适用于Adobe Photoshop和Adobe Illustrator调色板文件以及一些相关的资源网站。
字体
在打造适用于Windows Desktop的时候,我们推荐使用无衬线字体(如微软雅黑体、思源黑体、兰亭黑体、汉仪旗黑体)*,而避免使用衬线字体(如宋体)。

部分字体需要购买后方可供个人使用和商用。

要

不要
我们希望提供给用户一个更好的体验,因此尽量不要使用衬线字体,否则将会使得文本显示不够清晰或是不能与界面较好地融合。
字重
通常情况下,某种字体都有多个字重。如Ultra Light,Thin,Light,Regular,Medium,Bold等等。
在选用字体的时候,我们往往需要考虑到字重的选用。
通常情况下,在正常字号中我们选用较多的是Light和Regular,而在字体较大的情况下,我们通常使用的字体会偏细。考虑到目前Windows平台对于高dpi的屏幕优化并不是很到位,因此开发者应当尽量少用类似Ultra Light一类的超细字重(除非是比较大的字号)。字体的算法应该尽量偏向美观而不是逐个像素显示。Windows LCD的字体算法使得字体显示十分清晰锐利,但同时又丢失了系统原有的美观和设计感。因此开发者在考虑字体显示的时候,应该在这个方面多加考虑,使得字体显示与UI相互配合。字体美化软件如MacType即可解决Windows字体显示的问题。
字体字号及间距
在选用字体的时候,我们应该充分考虑到字号和间距的因素,因为优秀的设计往往会采用较为严谨的字号和间距。下图展示了在设计程序时应如何考虑字号,间距和字重的问题。

当然,字体选用一直以来都在UI设计中占有十分重要的地位。但是有些开发者在设计的时候对于字体选用却并不重视。这里列出的规则仅仅是十分细微的地方,在实际使用中,将会有更多的挑战。
***资源区***
常用的颜色指导网站:
colrd.com
flatuicolors.com
Google官方的Material Design调色板(转载)下载:
http://materialdesign.qiniudn.com/downloads/color_swatches.zip
安装方式在附件中已经介绍。
2015年08月21日 10点08分
1
概述
Windows桌面版应用一直以来具有高效、开放、易用以及丰富的优势。鼠标与键盘协同配合的操作能够使得桌面版的应用获得比移动版的应用获得更具效率的使用体验。因此,在软件设计中,开发人员应该遵循以下的基本原则:
(1)使用更具效率的应用界面排版,选择合理的留白和分割线的设计,并且采用适当的字体大小及样式;
(2)选用合理的操作方式,在使用传统键盘和鼠标的操作方式下,采用更具现代化的语音及手势操作;
(3)选用合理的色彩及窗口设计,避免出现突兀感;
(4)动画设计要服务于功能及用户体验,在保证简洁的情况下引入更加美观的动画效果;
(5)选择合理和美观的组件,让每一个设计元素都整体的设计及体验。
色彩
在桌面设计中,色彩应该具有吸引力,合理的色彩搭配能够使整个程序获得更加美观的视觉体验。下面是一些推荐使用的基本颜色。

需要注意的是,在使用这些颜色的过程中,需要注意颜色的使用场合。如蓝色、绿色、淡灰色适合于用于边框和大面积用色。而较为明亮的颜色如红色、橙色、黄色等适用于一些更加细微的元素,如Tab上的指示框。关于颜色,在本贴后面的资源部分将给出适用于Adobe Photoshop和Adobe Illustrator调色板文件以及一些相关的资源网站。
字体
在打造适用于Windows Desktop的时候,我们推荐使用无衬线字体(如微软雅黑体、思源黑体、兰亭黑体、汉仪旗黑体)*,而避免使用衬线字体(如宋体)。

部分字体需要购买后方可供个人使用和商用。
要
不要我们希望提供给用户一个更好的体验,因此尽量不要使用衬线字体,否则将会使得文本显示不够清晰或是不能与界面较好地融合。
字重
通常情况下,某种字体都有多个字重。如Ultra Light,Thin,Light,Regular,Medium,Bold等等。
在选用字体的时候,我们往往需要考虑到字重的选用。
通常情况下,在正常字号中我们选用较多的是Light和Regular,而在字体较大的情况下,我们通常使用的字体会偏细。考虑到目前Windows平台对于高dpi的屏幕优化并不是很到位,因此开发者应当尽量少用类似Ultra Light一类的超细字重(除非是比较大的字号)。字体的算法应该尽量偏向美观而不是逐个像素显示。Windows LCD的字体算法使得字体显示十分清晰锐利,但同时又丢失了系统原有的美观和设计感。因此开发者在考虑字体显示的时候,应该在这个方面多加考虑,使得字体显示与UI相互配合。字体美化软件如MacType即可解决Windows字体显示的问题。
字体字号及间距
在选用字体的时候,我们应该充分考虑到字号和间距的因素,因为优秀的设计往往会采用较为严谨的字号和间距。下图展示了在设计程序时应如何考虑字号,间距和字重的问题。

当然,字体选用一直以来都在UI设计中占有十分重要的地位。但是有些开发者在设计的时候对于字体选用却并不重视。这里列出的规则仅仅是十分细微的地方,在实际使用中,将会有更多的挑战。***资源区***
常用的颜色指导网站:
colrd.com
flatuicolors.com
Google官方的Material Design调色板(转载)下载:
http://materialdesign.qiniudn.com/downloads/color_swatches.zip
安装方式在附件中已经介绍。