UI设计图标，带你揭晓图标概念(二)

按设计形式分类分为扁平化图标和拟物化图标

1、扁平化图标

扁平化设计特点：简洁，清新，设计感强，没有更多的细节与特效修饰。直接明了的表达出出图标的本意。缺点是识别性差。

2、拟物化图标

特点，精致，细腻，识别性强，比较接近真实物品，但是就是因为拟物化比较接近真实物品，所以在绘制的过程中具有一定的难度，在ui设计图标发展至今，已经渐渐的淡出了用户的视野，全面的被扁平化图标所代替了!

说完图标的分类之后呢，接下来我们来说说如果叫你来设计这些图标我们需要去遵循什么原则呢

1、可识别性原则

可识别性原则即清晰明了的表达清楚相应的功能和和操作。通俗的讲就是用户一眼看过去就知道它是做什么的。比如拨打电话图标，用户不需要看文字只需要看图标就知道是拨打电话用的!这样才能使用户的体验达到满意!否则的话就等于是废的设计!

2、差异性原则

这个差异性讲的就是图标与图标之间的差异，如果说每个图标彼此之间很相似，就会很难分辨这样就很可能导致用户群体的误操作!切不可模棱两可。所以这点也是至关重要的!

3、统一性原则

这点在我们设计主题图标也好，系统图标也好，是必须要遵循的一点!统一性原则表现在形状，样式等风格层面有共同点，这样让人看起来就会赏心悦目，已经更能受到用户的喜爱!

4、尺寸大小尺寸与格式。

图标一般有以下几种尺寸：Ios、Android，图标有以下几种格式：png , jpg ,svg。

以上是UI设计图标的的内容分享，希望对各位想从事UI设计的小伙伴们有所帮助，想要了解更多相关内容，请关注本平台，小编也会做及时的整理并发布在平台上，大家注意查看哦!

ios7越狱后可以利用是iOS主题美化神器Winterboard将ios7的图标替换成ios6图标。 1 进入cydia 2点击搜索后，在搜索栏中输入 WInterBoard 并且安装 3Select Themes 选择ios6主题即可

我是建筑设计的，从业几年下来感觉如果效果很炫（不是很简洁的那种）就用ps，如果是简洁风就用ai，ai的理性方面大于ps，所以一般我们都用ai排版、画分析图一类的感性处理，而用ps做效果图等感性的处理。

我们都知道，在Windows Server 2012系列的服务器版本中都已经引入了Modern的现代界面作为默认的用户交互界面，同时满足视觉一致化，新版的服务器管理程序也做成了扁平化。因此传统的计算机（我的电脑）、我的文档这些经典图标默认是不会存在于传统的经典桌面上的。

为什么会有这样的开题，微软建议大家使用新得Modern模式，你还找原先的那些东西做什么？

那么场景来了，如果是一个需要给用户定制模板的模板提供方（用户有这方面的需求），或者是用户自行拿到了只有Modern的界面服务器如何自定义经典桌面上需要的图标，这里面需要一个简单有效的通用处理办法。另外就是你单纯靠自己找这个界面的开关，那是找不到的！不知道微软是什么意图，想用鼠标找到他，就是找不到！

方法一：使用Windows自带的搜索功能

需要搜索的关键字就是computer这个在各种语言中都是通用的

在Modern界面下面直接敲击键盘，输入computer，在设置（settings）项目下可以看到

Figure 1Modern界面下搜索关键字computer即可找到

Figure 2传统控制面板环境下搜索关键字computer也可方便找到

中文环境下，使用英文关键字一样有效

Figure 3中文环境下使用英文关键字一样有效

Figure 4在Windows 10 化境下一样有效

方法二：使用命令行等非搜索方式

此方法针对老司机用户，喜欢使用命令行操作的朋友。

我们借助procexp工具可以查看到开启程序所对应的系统命令行动作。

Figure 5系统是通过rundll32程序进行了窗口的调用，实现开启一个带有参数的deskcpl控制面板程序

显然上述的命令行对于老司机不合适，冗长不说，关键也不好记忆。

我们分析一下命令行里面的内容对其进行压缩。

首先我们需要了解 C:\Windows\system32\rundll32exe shell32dll,Control_RunDLL deskcpl,,0 这一长串代表了什么。

红色字体表明是主程序rundll32发起的进程，紫色的shell32dll表明这是个需要调用图标显示壳有关的信息，绿色的Control字段表明这是个控制面板调用，蓝色的deskcpl是真正触发的实体，

然后我们就可以这么压缩使用了。

对于需要使用命令行直接调取经典桌面图标开关的老司机朋友，您可以直接在运行或者cmd黑框里面输入deskcpl,,0，即可实现快速打开经典桌面图标开关的对话框。

延伸

MVP写文章需要内容充实，所以在延伸部分会和大家讨论为什么微软会这样设计控制面板的开启。

最早的cpl程序出现在Windows 95 里面（KB149698），满足多种多样控制面板独立设置（那是一个时代的开启），也方便程序员写程序时候调用控制面板设置窗口。

而随着时代的进步，微软自我的变革，新的Modern界面诞生了，这个看起来将Windows窗口弱化的界面实际上是将原先固化好的窗口经过程序以及用户自定义窗口的结合，但是又由于用户使用习惯的原因一些经典桌面下的设置还是需要使用控制面板来进行配置，（插播，在Windows 10的操作系统中，控制面板更多的是被设置那个 齿轮而替代，强大的搜索减少用户再去鼠标指点的查找。）加上服务器操作用户还是能够尽量让服务器功能单一化，直截了当能够解决问题是一致的目标。可见微软这样处理也是一种折中的方式不完全关闭用户自定义经典桌面的渴望，又进一步引导用户使用搜索这样的高效率操作模式。

至于为什么要这样写 deskcpl,,0 ，原因来自于传统窗口下的单窗口多页面（多标签、多选项卡）的设计思路。

某某cpl,@m,n 这样的表示方法标识调用了 某某cpl下的那个页面@m，上的第几个标签n。而通常情况下一个CPL程序只有一个主页面@m,因此微软的写法 deskcpl,,0 表明打开deskcpl下的主页面中的第0号标签。用户看到的就是一个只有一个标签的deskcpl程序。

好奇的我继续向下走，如果不带任何参数直接在Windows Server 2012下面打开deskcpl会看到和设置分辨率一样的界面，（插播，在Windows 10下面已经不是传统桌面环境窗口了，这也证明了微软逐渐弱化传统桌面决心！！），而这个传统桌面的发起者是控制面板本身controlexe，后由explorerexe来接管。

继续使用sysinternals的stringsexe程序进一步研究deskcpl可以发现其中重要的一些开关项：

@Themes

@Desktop

@ScreenSaver

@Appearance

@Settings

他们分辨代表了@m中提及到的多种页面，而现在被拆分成若干个独立的个体，虽然入口还是deskcpl但是最终接管的进程已经不在是那个控制面板程序了，在此，进一步证明微软对于传统桌面弱化的决心，想想以后通过搜索就能进行功能的开关也是一种愉快的事情，真正的条条大路通罗马！上面的那些开关项通过字面就能了解到他们的含义。有兴趣的朋友可以自己跟着deskcpl, 后面玩一玩（注意有一个半角逗号）。

通过stringsexe还发现一个项目叫做DESKCPL,,1，这个也可以开启经典桌面下的图标开关窗口，这是为什么呢？让我们回忆一下Windows XP，用这个命令我们可以调出桌面窗口，而其中的自定义桌面就可以完成当时XP桌面上通用图标的设置。

Figure 6回忆Windows XP 下面的deskcpl,,1

或许是程序开发者的留恋，也可能是恰巧碰上，也可能是适应老程序兼容性等等理由。但无论如何，过去的就让它过去吧，要用新的思维去面对新带来的变化，用新的方法去解决问题。

-=EOB=-

参考：http://vlauriecom/computers2/Articles/controlhtm 关于控制面板的详解

扁平化的概念最核心的地方就是：

去掉冗余的装饰效果，意思是去掉多余的透视，纹理，渐变等等能做出3D效果的元素。让“信息”本身重新作为核心被凸显出来。并且在设计元素上强调抽象、极简、符号化。

例如，Windows、Mac OS、iOS、Android系统的设计已经往扁平化设计发展。其设计语言有Material Design、Metro UI等。

扁平化尤其在手机上，更少的按钮和选项使得界面干净整齐，使用起来格外简洁。可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

扁平化不仅界面美观、简洁，而且达到降低功耗，延长待机时间和提高运算速度。

优点：

1、降低移动设备的硬件需求，延长待机时间

2、扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来，减少认知障碍的产生。

3、随着网站和应用程序在许多平台涵盖了越来越多不同的屏幕尺寸，创建多个屏幕尺寸和分辨率的skeuomorphic设计既繁琐又费时。设计正朝着更加扁平化的设计，你可以一次保证在所有的屏幕尺寸上它会很好看。扁平化设计更简约，条理清晰，最重要的一点是，更好的适应性。

4、在扁平化设计目前最有力的典范是微软的Windows以及Windows Phone和Windows RT的Metro界面，Microsoft为扁平化用户体验开拓者。与扁平化设计相比，在目前也可以说之前最为流行的是skeuomorphic设计，最为典型的就是苹果iOS系统中拟物化的设计，让我们感觉到虚拟物与实物的接近程度，iOS、安卓也已在向扁平化改变。

缺点：

1、降低用户体验，在非移动设备上令人反感，

2、缺乏直观，需要一定的学习成本，

3、传达的感情不丰富，甚至过于冰冷。