当前位置 : 西藏疃龌公司建站 > 安定网站建设 >

网页设计师常用的一套统一图标,这些技巧不要错

作者:西藏建设厅官方网来源:未知

网页设计网站扶植的焦点内容之一,过程设计网页实现网页组合称为一个网站,以小见大的组合成网站从而整体提拔用户体验,那么在设计网页过程汇总经常会用到的是统一性的图标,好比“编纂”、“设置”、“用户中心”、“头像标记”、“搜刮”等分歧的气势,那么对于设计师而言统一化的图标就显得很主要了。


图片

图标对于设计师而言应该算是很小的问题了,普通经由免费网站上的图标下载即可实现网站的整体规划设计,然而某些特定的图标则需要找到合适的主题才可以凸显出设计的气势。

从收集上各色图标来看,网站和APP分歧之处就是设计上的愉悦性,整体结果上用以凸显出设计气势,从而有效的施展出一个网站的不同凡响,那么设计图标过程中应该注重到以下问题:

一、色彩

图标所传递的诸多信息傍边,色彩是最为直观的一种。将分歧起原的图标先在色彩上统一路来,好比使用统一种颜色。

固然说使用单一色彩很便捷,不外你假如能运用现有的配色方案来进行图标的色彩统一,结果就更好了:


图片

假如你真的喜欢你所找到的图标,可是它们的色彩又纷歧样,能够先本身调整,或者找一位专业的图标设计师来帮你。值得注重的是,绝大多数素材的分享授权许可证是包含编纂授权的,你或许更改色彩和尺寸。

二、气势

拟物化和扁平化设计之间的斗争已经持续多年了,今朝来看扁平化设计是主流,然则我并不知道这种局势还会持续多久,因为现在的扁平化设计傍边就包含了不少拟物化的设计技巧和元素。在将来的5到10年会风行什么,就很难说了。时尚和风行就是如许。

我所知道的是,你必需遴选一种气势。要么扁平,要么拟物。

将扁平化和拟物的设计气势混搭到一路,必然会导致界面的混乱无章。

不外,在大的气势设定之下,设计师依然有足够多的选择。好比在扁平化的设计气势傍边,iOS 的 Apple Human Guideline 和 Google 所鞭策的 Material Design 都是非常典型的扁平化设计气势设计规范,两者在细节和气势的把控上都非常的严厉,甚至具体到每一条线的粗细:

基于那些专门为特定操作系统所定制的、系统化的图标来设计新的图标,其实是最靠得住的法子。这些被恢弘设计师所接管的设计规范,在日常设计中指引着很多设计师的工作。

是以,在色彩和气势上连结一致是最主要的。此外,还有一些微妙而值得留意的细节,需要设计师稀奇上心。因为这些图标的设计已经趋于经典,而重度用户和经验雄厚的设计师,或许一眼就分辨出不敷贴合的图标细节。所以,设计师经常可以听到如许的反馈:「我也不知道哪里错误,就是感觉舛误。」

三、透视和视角

下面的5个图标,同样都是采用的拟物化的气势,为了统一,我细微调整了一下它们的色彩,看起来加倍一致。然则不管怎么调整,它们看起来就像是5个完全分歧的应用法式的图标(事实上它们就是)。

若是,按照透视图将这5个图标放置进去,就能够清楚地看到,它们所处的视角和位置是判然不同的。

它们涣散在透视图的分歧位置,显著是纷歧致的,而这一点则完全违反了图标设计的一致性。

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

四、暗影

在暗影的设计上,图标之间也应该连结这种一致性。看看下面的两个图标吧:

这两个图标源自统一套图标,然则看起来却只有一个图标被太阳照到了。光的偏向同样很主要。是以,想要让图标连结一致,最好是让图标在光照角度上也连结着一致。

小贴士:固然暗影多数状况下被认为是拟物化设计中才会用到的,可是实际上,包罗 Material Design 在内的扁平化设计气势中也会用到暗影。所以原则上,它是泛用的,设计师需要连结设计上的一致。

五、视觉重量

图标给人的巨细、密度和重量感,就是我们常说的视觉重量。而在统一套图标傍边,图标的视觉重量应该连结一个非常接近的水平。

看看下面两个图标:

当你眯起眼睛感知这两个图标所形成的色块的时候,就或许加倍明明的对比两者的视觉重量了:

差别的确非常的大。这个例子看起来非常极端,所以我们再继续找点其余案例来进行对比:

就视觉重量而言,上面的一组显著是不屈衡的,你只需要眯眼斜视就或许很快判断出来。

六、细节

魔鬼藏于细节。然则细节中所藏的魔鬼类型照样非常多样的,这个主题我们不妨睁开了来说。

1. 反复的元素

有的时候,设计师会插足了一些一致的、反复的元素,来确保图标看起来足够奇特。

反复的元素,重点在于反复的一致性。

2. 细节的数量

别的一种环境,则是细节数量上的纷歧致。这种纷歧致会骚动整体的一致性,简而言之,就是这组图标应该在复杂度上连结平衡,不然,用户将会因为杂沓而难以判断各个图标的属性。


图片

结语

正如同我刚起头所说的,想要将分歧的图标纳入到一个系统傍边来,设计师首要的工作方针就是确保一致性。经验厚实的设计师会从各个角度和属性上来针对图标进行优化,今天的文章已经将潜在的、需要存眷的问题都梳理出来了,图标的设计工作做好了,界面的设计才会加倍顺畅。

本网站内容来自于互联网或用户投稿,如有侵权,请联系我们删除点击这里给我发消息
网页设计师常用的一套统一图标,这些技巧不要错