您当前的位置:首页 > 电脑百科 > 软件技术 > PS/设计

APP图标设计基本过程

时间:2022-06-21 09:30:35  来源:  作者:设计智造

​APP图标设计基本过程

 


​APP图标设计基本过程

 

其实图标创意阶段前还有一个重要的步骤创意准备。根据设计师所要做的项目需求,确定ICON图标的风格样式,这一步骤在界面设计过程中,可用图标风格评测的方法来确定所绘制的图标是什么样的风格路线,这也是项目前期对用户研究的内容,有潜力的公司会制订“用户角色”,用来指导界面视觉风格方向、界面内容建构和交互设计等。

​APP图标设计基本过程

 

当设计师从客户那里接到设计任务后,应怎样开始设计图标呢?首先要看懂界面的需求,并对每个功能图标的定义要非常清楚,否则设计的结果将导致用户难以理解,这个也是图标设计所关心的可用性问题。较差的图标设计最终会带来用户对界面的操作失败的体验结果。

​APP图标设计基本过程

 

但视觉审美和可用性有时候存在着矛盾,设计师们不能走极端,只顾及可用性而忽视设计美观的一面,也不能太追求设计上美的需求而忽略了这是一个功能性很强的界面图标,最好是能在这两者之间取得平衡。

​APP图标设计基本过程

 

理解功能需求后,设计师要收集很多关于“关键词语 联想图形”之间能转化的元素,用生活中的物或其他视觉产品来代替所要表达的功能信息或操作提示。例如音乐,我们会想到音符、光盘、音乐播放机、耳机等。但到底选择什么来表达呢?原则上是越贴近用户的心理模型最好,用大家常见的视觉元素来表达所要传达的信息。

​APP图标设计基本过程

 

隐喻在图标设计中是必要的思维方法。找出物与所指之间的内在含义,这就要求设计师对生活的细微观察、丰富的联想能力。当然这也是设计的困难点,做好一个图标设计不亚于好的产品创意设计,包括最终的图标制作也是体现设计师能力之处,特别是现在高分辨率显示设备的大量应用,好的界面要得到用户的认可,高质量的图标设计必不可少。

​APP图标设计基本过程

 


​APP图标设计基本过程

 

草图绘制阶段就是将设计师的创意绘制出来,检验视觉关系,也就是在视觉方面多在草图上推敲,以提高效率,避免在渲染完成后再来修改而造成不必要的浪费。首先要确定图标透视,即关系到一套方案中的每个图标的透视方向,这是在图标设计一致性方面的基本要求,透视统一。然后一步步地进行细节添加。

​APP图标设计基本过程

 


​APP图标设计基本过程

 

一个图标要表达一定的含义就往往须组合不同的形态,借助单个形态所传达的内在信息,拼合在一起去传达另外一种信息。例如:在设计“导航”功能图标时,设计师第一反应是与卫星有关,但就以单个卫星的外形来传达导航的含义恐怕不够,于是再联想与导航有关的信息图示,如“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理地布置它们之间的主次、空间关系。

​APP图标设计基本过程

 

需要注意的是:不可随便使用其与要表达功能相关的图形或物体,要经过精心的挑选,最好是大家熟悉、易记的物或形,毕竟目的是要帮助用户更形象地理解计算机程序的内在功能含义,以易记、易懂为前提。也不能借助过多的图形来表达图标含义,因为过于复杂反而影响用户的理解。

​APP图标设计基本过程

 


​APP图标设计基本过程

 

在前面的流程完成后,设计师设计的草图已经很清楚地表达了自己的想法,并且也能与功能信息密切地吻合,那就需要使用Photoshop、Illustrator、Firework等软件进行绘制,这要看个人的习惯,以及对软件的熟悉程度,都是可以完成图标制作的。

​APP图标设计基本过程

 



Tags:APP图标   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,不构成投资建议。投资者据此操作,风险自担。如有任何标注错误或版权侵犯请与我们联系,我们将及时更正、删除。
▌相关推荐
APP图标设计基本过程
其实图标创意阶段前还有一个重要的步骤创意准备。根据设计师所要做的项目需求,确定ICON图标的风格样式,这一步骤在界面设计过程中,可用图标风格评测的方法来确定所绘制的图...【详细内容】
2022-06-21  Search: APP图标  点击:(294)  评论:(0)  加入收藏
IOS 14“资源库”详解 看完再也不会迷失App图标
在IOS 14发布后,很多技术小白在使用时都碰到了一个难题:在自己新安装了App之后,却无法在桌面找到它的图标,也就根本无法启动程序!其实,这是苹果在IOS 14中添加的全新功能—&m...【详细内容】
2020-10-19  Search: APP图标  点击:(825)  评论:(0)  加入收藏
▌简易百科推荐
AI绘画是一种新型艺术形式
图①:法国艺术团体Obvious在2018年创作的AI绘画作品《贝拉米伯爵》。图②:普通用户通过发布文本指令生成的AI作品。 图③:普通用户通过发布文本指令生成的AI作品。【学术争...【详细内容】
2024-03-29    光明日报  Tags:AI绘画   点击:(16)  评论:(0)  加入收藏
原画男女人体比例绘画方法
在绘画男女人体比例时,首先需要注意人体的基本比例和构造。以下是一些关于原画男女人体比例绘画方法的基本步骤和要点: 确定基本比例:人体比例分为纵向的头身比和横向的肩宽比...【详细内容】
2024-03-22  山复尔尔已    Tags:原画   点击:(16)  评论:(0)  加入收藏
白纱轻舞,精灵般女友的梦幻瞬间
身为摄影师的我,拥有着一个如精灵般的女友,她钟爱白纱裙,每当她身着那轻盈的白色纱裙时,便仿佛化身为飘渺的仙子,让我忍不住想用镜头捕捉下她每一个动人的瞬间。那一日,阳光透过落...【详细内容】
2024-03-19  钦麟AI绘图社    Tags:Ai美图   点击:(14)  评论:(0)  加入收藏
ai绘画在线的方法有哪些?一分钟分享5款软件
ai绘画在线的方法有哪些?随着人工智能技术的飞速发展,AI绘画在线软件逐渐成为创意领域的热门话题。这些软件利用先进的算法和机器学习技术,让用户可以轻松地创作出独具特色的艺...【详细内容】
2024-02-07  灰姑娘生活    Tags:ai绘画   点击:(77)  评论:(0)  加入收藏
四个技巧:无损放大图片,保持清晰度!
如果你有一张低分辨率的图片,但是想要无损将放大成高分辨率的图片,那么这篇文章就可以帮助到你了!今天小编给大家整理了四个支持无损放大图片的工具,这些软件都具有高分辨率转换...【详细内容】
2024-01-30  酷雀图像    Tags:图片   点击:(74)  评论:(0)  加入收藏
海报设计软件推荐:从初学者到专业设计师必备!
龙年新年即将到来,你是否也在为新年海报的设计而犯愁呢?毕竟大家都期待着以焕然一新的海报,迎接新年的到来。不过别担心,现在的海报制作软件可谓是方便又实用,让你能轻松设计出令...【详细内容】
2024-01-26      Tags:设计软件   点击:(92)  评论:(0)  加入收藏
新手喜欢的免费的p图软件有哪些?
在数字时代,P图软件已经深入人心,成为人们生活中不可或缺的一部分。无论是为了美化人物或风景照片,还是进行美颜自拍,P图软件都能满足。它不仅能够帮助改善照片的视觉效果,更激发...【详细内容】
2024-01-16  老林爱分享生活    Tags:软件   点击:(80)  评论:(0)  加入收藏
如何实现AI绘画?这里将分享四种不同的方法
如何实现AI绘画?随着人工智能技术的飞速发展,AI绘画已成为艺术领域的新宠。AI绘画是指使用人工智能技术来创作艺术作品。通过结合深度学习、计算机视觉和自然语言处理等技术,AI...【详细内容】
2024-01-11  阳仔问文    Tags:AI绘画   点击:(76)  评论:(0)  加入收藏
Photoshop 闪退是怎么回事
Photoshop 是 Adobe 公司开发的一款图像处理软件,广泛应用于平面设计、摄影后期、网页设计等多个领域。然而,许多用户在使用过程中可能会遇到 Photoshop 闪退的问题,这不仅会导...【详细内容】
2024-01-08    简易百科  Tags:Photoshop   点击:(186)  评论:(0)  加入收藏
2023年值得推荐的免费AI艺术生成器
译者 | 布加迪在过去的几个月里,生成式AI取得了突破性的进展。由于DALLE-2、Imagen和ChatGPT等模型唾手可得,生成式AI模型已普遍流行起来。这种先进AI技术最受欢迎的应用之一...【详细内容】
2023-12-19  布加迪  51CTO  Tags:AI艺术   点击:(116)  评论:(0)  加入收藏
站内最新
站内热门
站内头条