-
APP设计:APP图标设计流程与技巧!
adinnet / 2020-10-09 14:39 /APP设计
一、图标设计流程
1.定义主题。定义主题是指把要设计的图标所涉及的关键词罗列出来,重点词汇突出显示,确定这些图标是围绕一个什么样的主题展开设计,对整体的设计有一个把控。
2.寻找隐喻。隐喻是指真实世界与虚拟世界之间的映射关系,寻找隐喻是指通过关键词进行头脑风暴,在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。
3.抽象图形。抽象图形要求设计师将生活中的原素材进行归纳,提取素材的显著特点,明确设计的目的,这是创作图标的基础。
4.绘制草图。经过对实物的抽象化汲取后,便可以进行草图的绘制。在这个过程中,设计师需要将实物转化成视觉形象,即最初的草图,当然草稿可能有很多方案,这时需要筛选出若干种满意的方案继续下面的流程。
5.确定风格。在确定了图标的基准图形后,下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候,蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中,大部分扁平化图标以单色图形为主,从技法上来说这样降低了设计的难度。
6.制作和调整。根据既定的风格,使用软件制作图标。在扁平化风格盛行的今天,单独的图形设计需要更多的设计考量,需要经过大量的推敲,设计调整。因此在图标的制作中,会修正一些草图中的不足,也可能增加一些新的设计灵感。
7.场景测试。图标的应用环境有很多种,手机的背景色也各不相同,有深色系的,也有浅色系的。我们要保证图标在各个场景下都有良好的识别性,因此在图标上线前,设计师需要在多种图标的应用场景中进行测试。
二、图标设计技巧
在设计图标过程中,掌握相关的设计技巧,可以帮助设计师更加快捷高效地完成设计任务。通常图标设计技巧有以下几个方面:
正负组合
正负形组合是一种最常见的设计方法,我们可以根据产品特质,然后提取相应的图形,通过图形相互组合、叠加,或者抠除,组成新的图形。
折叠图形
当一个完整的平面图形设计完成后,可以分析图形的轮廓走向,在图形的结尾或者转角处做局部折叠处理。
线形图标
线形图标是一种独特的绘制图形手法,可通过提炼图形的轮廓进行设计。线性图形应用的形象简练、完整,更具吸引力。
透明渐变
通过对图形放大或缩小叠加不同透明度的图形,形成一个层次丰富,形态饱满的图形组合。
色块拼接
色块拼接是指把图形分割成有规律的块状,并填充颜色。
图形复用
对已经设计好的主图形进行复制,通过透明度、颜色或者大小的变化,创造出一种图形阵列之美。
背景组合
运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变或规律的集合线条以及和主题相关的元素。通常可以将运用背景组合的图标分为以下几类:
①图标形状+背景组合。
②文字+背景组合。
③图文组合+背景组合。
④吉祥物或卡通形象+背景组合。推荐阅读:工具栏图标设计方法!
「上海艾艺」作为一家专业的APP开发设计公司,不仅开发经验丰富、技术强劲,更能基于客户需求进行界面、程序、功能的专属定制。所以选择艾艺,是您APP成功落地开发的最佳助力者!艾艺咨询热线:17702199087(同微信)。
- 最新文章
- 1.想做APP 改版练习,这儿有网易高手的15个经验总结
- 2.不同风格:8款银行金融类APP UI页面设计案例欣赏
- 3.APP设计:9个主流的APP界面导航模式介绍
- 4.12组 国外医药APP界面设计案例欣赏
- 5.开发APP时,APP的UI界面如何设计?
- 热门文章