设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
图标设计,即icon设计,在界面设计中占有很重要的位置,一个好的图标,可以让用户「一秒即懂」,如何设计出优秀的图标,这篇文章给你解答。在图形交互界面(GUI)中,图标(icon)是一种最常使用的设计元素之一。
一、概述整理图案图形设计文档有助于更好的传递支付宝品牌的视觉语言、保持平台的统一性、提升团队工作效率和打磨细节体验。图案图形是支付宝品牌 DNA 的重要部分,通过几何图形(矩形、圆形、三角形)的组合,造型鲜明,可以传递出支付宝品牌的安全感、信赖感和专业感;基础的几何图形通过不同的灵活组合,可以创造出千变万化的造型感,符合想象力的品牌调性;30° 角度给人以速度感,图案图形通过转角位30°倍数的原则做视觉处理可以传递支付宝的便捷调性。
在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点。即讲到了系统图标的设计风格,也讲到图标设计的栅格体系。
@京东设计中心 :很多设计师跟开发都会遇到SVG 图标模糊的问题,今天我们简单教你四招,轻松搞定这个问题,有需要的同学赶紧来收 >>>简单介绍随着高清视网膜屏的出现,网页设计也需要考虑各种高清屏幕的显示效果,前端在写代码的时候也需要根据屏幕的不同,输出不同分辨率的icon图片,真的好多工作量啊~为了解决屏幕分辨率对图标影响的问题,SVG格式的icon出现了,简单的说它是通过矢量路径把icon变为字体,这样前端在改变icon...
编者按:今天的图标教程不停留在操作层面上,深入点,来说说那些微妙而关键的图标设计原则,看完这五点会发现,一枚优秀的图标可不光视觉效果好,在用户体验方面也经过细腻的思考,还不清楚的同学,戳 >>>你曾经遇到过让你给一个指定的问题设计图标的困难么?和你的开发者一起合作,却发现很难给你的客户一个足够完美的解决方案?
编者按:今天是一个图标临摹教程,平时同学们看到好看的图标,如果想临摹但不知道从什么地方入手,可以先来借鉴下@上清若铭 的思路呦。特别是图层样式方面,讲得非常仔细,新手的临摹绝佳教程!
@陈子木 编者按:本文的作者是设计师Jon Hicks,是原文所在网站HicksDesign的创办人和设计主导者,网站的The Hickensian栏目记录了Jon的设计历程和经验总结,非常值得阅读。本文就是Jon参与设计著名音乐软件Spotify图标集的过程,其中打磨图标的思路,和细节处理的手法非常值得学习。
一些本来尺寸很大,质量很不错的高清png图片,经过缩小转为icon时却变得惨不忍睹(图标的细节损失严重)而当我们去看那些专业人士制作的icon时,却发现,对方制作的icon尺寸虽小,但是细节却保持的非常好,这里面难道有什么技巧么?今天分享一篇关于利用Photoshop cs6网格对齐功能绘制高清icon的文章。
@伯毅狼 :这个文章有点长,大家请耐心看。先来一段索然无味又老生常谈的话吧,呵呵~~~嫌麻烦的朋友可以直接跳过。
上期通过分享《浅谈矢量图形前景》,简单地从设计趋势、技术、以及现有应用环境等角度讲述了矢量技术应用的可行性。这期我们将把阿里妈妈MUX这两年在矢量图标制作上积累的经验也分享给大家;大家可能在网上看过很多关于矢量图标制作的教程,而且大多是技术同学分享的技术贴。
zhaolei:现在再提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下,并且加入了自己在制作中遇到的问题,使得大家可以在今后使用的时候可以很快上手并且避免这些问题。推荐阅读: 《未来大趋势——响应式图标》 《手把手教!
扁平化风格潮流浩浩荡荡,童鞋们周末有时间也来撸一发,学习一下扁平化风格icon的设计思路吧。今天分享的教程是教你创建一枚IOS 7 风格的图标,教程不难,熟练的童鞋30分钟就可以完成咯。
启动图标是每一个iOS中应用软件的关键组成部分。 它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受。
图标在网页设计中用途广泛,几乎每个网站中都存在着图标。通过这些小小的图标,可以方便的实现视觉引导和功能划分。
Chris_Ye:效果图的主体部分是在AI里完成的,图形不是很复杂,作者介绍也比较详细,自己可以慢慢完成。然后把做好的图形导入到PS中,用图层样式上色并增加质感及纹理等即可。
一,何谓古代中式图标Jie: 具有明显古代中式传统象征纹样或装饰的图标。其一,来自民间工艺:陶瓷、刺绣、窗花、蓝印花布,蜡染、剪纸、雕刻、编织等;其二来自宗教艺术,如宗教传说和神话传说,庙宇、石窟中的壁画、藻井、龛楣、塑像服饰、基座、建筑、雕刻以及各种供器装饰。
@AricWorks 将某一事物的特征概括出来成为图标是一件非常有意义的事,一眼就能识别事物的特征是不容易的,特别是设计需要48X48像素时,如何让它跟256X256像素一样清楚。一个令人难忘并且具备隐喻的图标是漂亮的、标志性的,富有意义和功能性。
如何吸引用户注意力: 1.人性化:尽量不要传达系统消息感,可以考虑用人物对话等更有温度的形式来包装 2.个人IP:头像在互联网世界中,如同现实世界的名字一样,都是属于个人形象IP的一个标志,更容易被用户关注到
讲的非常好,很感谢,但是文章中有一点点小问题,比如说文章中有一处是长边完全显示,写成了短边完全显示,会加长阅读的时间。不过也无伤大雅,总之很感谢!
思路非常好,点个赞,现实很多设计师在设计中更多是在参考需求原型,而没有跳出原型去思考设计策略,所以当面试官问到这个问题的时候不知道怎么说。 文章最后给出的设计策略个人觉得还是并不能解决问题。对于商品交易,除非复购或者对此商品非常了解,缩短交易路径是可用的,但是这只能复盖很小一部分场景,缩短交易路径的方法并不是单纯地缩短操作路径,这是很多新手都会走的误区...
特意登录感谢无私的大神
受益匪浅,感谢作者分享,期待后续文章
如何吸引用户注意力: 1.人性化:尽量不要传达系统消息感,可以考虑用人物对话等更有温度的形式来包装 2.个人IP:头像在互联网世界中,如同现实世界的名字一样,都是属于个人形象IP的一个标志,更容易被用户关注到