美狮美高梅-美狮美高梅官方网站

美高梅视点
美高梅曾经做过哪些事情?美高梅的发展怎样
想整合出一套统一的图标,这些技巧不要错过哦
发表时间:2018-07-30

美狮美高梅

【直营信誉】MGM,美狮美高梅官方网站最具公信力的博彩集团官网、更有高质料的游戏平台、打造在线博彩第一直营,美狮美高梅不单拥有环境上最多样化的游戏投注平台,再是为衣食父母供给实时、刺激、高信誉的效劳保证和高质料的游戏。

找图标这个事情,对于策划师而言,莫过于都不是太大的小case了。不单有大把的网站供给Free的图标下载,而且策划师自己改和策划都不是什么大事。不过,这当中涉及到一个非常现实的小case。

对于常用的那十几个图标,并不难找,成套的都一抓一大把,就像「设置」和「编辑」的图标,但是,有许多图标对于特定的porject而言,是独一无二的,您想在通用的图标合聚集找到一个能用的,可能性并不大。如果在其他的区域找到了性状匹配的,但是在性状style样式上,又无法保持一致,这就很尴尬了。总不能直接拿来用吧?那多匆子 侄贸鱿贰












单独看这些图标的时候,您可能会觉得单独看都还行,但是放在一起就不so合适了。

so如何将来自不同的 UIKit 的图标汇总整合成为一套,甚至于让网站和 APP 等不同区域、来源不同的图标,变成一致而令人愉悦的策划?


一、色彩

图标所传递的诸多信息当中,色彩是最为直观的一种。将不同来源的图标先在色彩上统一起来,譬喻使用同一种颜色。




















虽然说使用单一色彩很便捷,不过您如果能运用现有的配色Plan来进行图标的色彩统一,成果就更好了:













如果您真的喜欢您所找到的图标,但是它们的色彩又不一样,可以先自己调整,或者找一位professional的图标策划师来帮您。值得care的是,绝大多数素材的分享授权许可证噬宵含编辑授权的,您可以更改色彩和尺寸。
















二、性状style

拟物化和扁平化策划之间的斗争已经持续接连许多年了,目上来看扁平化策划是主流,但是我并不知道这种局面还会持续多久,因为方另的扁平化策划当中就包含了不少拟物化的策划技巧和圆素。在明朝的5到10年会流行什么,就很难说了。时尚和流行就是这样。




















我所知道的是,您必须挑选一种性状style。要么扁平,要么拟物。

您看看这套图标,配色是一致的,但是性状style并非如此。












将扁平化和拟物的策划性状style混搭到一起,必然会导致界面的杂乱无章。

不过,在大的性状style设定之下,策划师依然有足够多的决定。譬喻在扁平化的策划性状style当中,iOS 的 Apple Human Guideline 和 Google 所推动的 Material Design 都是非常典型的扁平化策划性状style策划规范,两者在细节和性状style的把握上都非常的严格,甚至具体到每一条线的粗细:



















基于那些专门为特定操作系统所定制的、系统化的图标来策划新的图标,莫过易于 最可靠的办法。这些被广大策划师所接受的策划规范,在日常策划中指引着许多策划师的work。

易于 ,在色彩和性状style上保持一致是最要紧的。易于 得出,还有一些微妙而值得care的细节,需要策划师特别上心。因为这些图标的策划已经趋于经典,而重度用户和经验丰富的策划师,能够一眼就分辨出不够贴合的图标细节。以是,策划师常常能够听到这样的反馈:「我也不知道哪里不对,就是觉得不对。」


三、透视和视角


下面的5个图标,同样都是采取应用的拟物化的性状style,为了统一,我细微调整了一下它们的色彩,看起来更好一致。但是不管怎么调整,它们看起来就像是5个完全不同的应用程序的图标(实质上它们就是)。










如果,按照透视图将这5个图标放置进去,就可以清晰地看到,它们所处的视角和地位是截然不同的。

















它们分散在透视图的不同地位,明显是不一致的,而这一点则完全违反了图标策划的一致性。

图标应该看起来就是整个界面的一部分,它们之间的关系是平等的,在视觉和感知上应该保持着同等的关系。























四、阴影

在阴影的策划上,图标之间也应该保持这种一致性。看看下面的两个图标吧:



















这两个图标源自同一套图标,但是看起来却只有一个图标被太阳照到了。光的方向同样很要紧。易于 ,想要让图标保持一致,最好是让图标在光照角度上也保持着一致。

小贴士:虽然阴影多数环境下被认为是拟物化策划中才会用到的,但是就现实来说,包括 Material Design 在内的扁平化策划性状style中也会用到阴影。以是原则上,它是泛用的,策划师需要保持策划上的一致。

五、视觉重量

图标给人的大小、密度和重量感,就是吾们常说的视觉重量。而在同一套图标当中,图标的视觉重量应该保持一个非常接近的程度。

看看下面两个图标:



















当您眯起眼睛感知这两个图标所形成的色块的时候,就能够更好明显的对比两者的视觉重量了:





















异议确实非常的大。这个例子看起来非常极端,以是吾们再继续找点其余案例来进行对比:





























就视觉重量而言,上面的一组明显是不平衡的,您只需要眯眼斜视就可以很快判断出来。

六、细节

魔鬼藏于细节。但是细节中所藏的魔鬼类型灰子 欠浅6嘌模飧鲂宰次崦遣环琳箍死此怠


1. 重复的圆素


有的时候,策划师会加入了一些一致的、重复的圆素,来确保图标看起来足够奇特。












看看下面这组图标,会在右下角加入一些像素化的圆素,每个图标都有,并且各不同样。而这组用户头像图标也是如此:
























重复的圆素,细节在于重复的一致性。


2. 细节的数量


其余一种环境,则是细节数量上的不一致。这种不一致会扰乱整体的一致性,简而言之,就是这组图标应该在复杂度上保持均衡,否则,用户将会因为混乱而难以判断各个图标的属性。



















——转载于“优设”,作者:lcons8


XML 地图 | Sitemap 地图