主页 > 洞察 > 设计沙龙 > APP设计
  • APP设计:APP图标设计流程与技巧!

    adinnet / 2020-10-09 14:39 /APP设计

    一、图标设计流程

       1.定义主题。定义主题是指把要设计的图标所涉及的关键词罗列出来,重点词汇突出显示,确定这些图标是围绕一个什么样的主题展开设计,对整体的设计有一个把控。

    定义主题.jpg

       2.寻找隐喻。隐喻是指真实世界与虚拟世界之间的映射关系,寻找隐喻是指通过关键词进行头脑风暴,在彼类事物的暗示之下感知、体验、想象此类事物的心理行为。

    寻找隐喻.jpg

       3.抽象图形。抽象图形要求设计师将生活中的原素材进行归纳,提取素材的显著特点,明确设计的目的,这是创作图标的基础。

       4.绘制草图。经过对实物的抽象化汲取后,便可以进行草图的绘制。在这个过程中,设计师需要将实物转化成视觉形象,即最初的草图,当然草稿可能有很多方案,这时需要筛选出若干种满意的方案继续下面的流程。

    绘制草图.jpg

       5.确定风格。在确定了图标的基准图形后,下一步就是确定标准色。我们可以根据图标的类型选择合适的颜色。当不知道使用什么颜色的时候,蓝色是最稳妥的选择。目前图标设计主流是扁平化风格。值得一提的是在UI设计中,大部分扁平化图标以单色图形为主,从技法上来说这样降低了设计的难度。

    确定风格.jpg

       6.制作和调整。根据既定的风格,使用软件制作图标。在扁平化风格盛行的今天,单独的图形设计需要更多的设计考量,需要经过大量的推敲,设计调整。因此在图标的制作中,会修正一些草图中的不足,也可能增加一些新的设计灵感。

    制作和调整.jpg

       7.场景测试。图标的应用环境有很多种,手机的背景色也各不相同,有深色系的,也有浅色系的。我们要保证图标在各个场景下都有良好的识别性,因此在图标上线前,设计师需要在多种图标的应用场景中进行测试。

    场景测试.jpg

    二、图标设计技巧

       在设计图标过程中,掌握相关的设计技巧,可以帮助设计师更加快捷高效地完成设计任务。通常图标设计技巧有以下几个方面:

    设计图标.jpg

    正负组合

       正负形组合是一种最常见的设计方法,我们可以根据产品特质,然后提取相应的图形,通过图形相互组合、叠加,或者抠除,组成新的图形。

    正负组合.jpg

    折叠图形

       当一个完整的平面图形设计完成后,可以分析图形的轮廓走向,在图形的结尾或者转角处做局部折叠处理。

    折叠图形.jpg

    线形图标

       线形图标是一种独特的绘制图形手法,可通过提炼图形的轮廓进行设计。线性图形应用的形象简练、完整,更具吸引力。

    线形图标.jpg

    透明渐变

       通过对图形放大或缩小叠加不同透明度的图形,形成一个层次丰富,形态饱满的图形组合。

    透明渐变.jpg

    色块拼接

       色块拼接是指把图形分割成有规律的块状,并填充颜色。

    色块拼接.jpg

    图形复用

       对已经设计好的主图形进行复制,通过透明度、颜色或者大小的变化,创造出一种图形阵列之美。

    图形复用.jpg

    背景组合

       运用不同的底板背景更能使图标汇聚聚焦点、富有活力。背景可以选择纯色、渐变或规律的集合线条以及和主题相关的元素。通常可以将运用背景组合的图标分为以下几类:

    背景组合.jpg

       ①图标形状+背景组合。

       ②文字+背景组合。

       ③图文组合+背景组合。

       ④吉祥物或卡通形象+背景组合。推荐阅读:工具栏图标设计方法!

       「上海艾艺」作为一家专业的APP开发设计公司,不仅开发经验丰富、技术强劲,更能基于客户需求进行界面、程序、功能的专属定制。所以选择艾艺,是您APP成功落地开发的最佳助力者!艾艺咨询热线:17702199087(同微信)。

上一篇:茶叶小程序开发:茶叶小程序制作优势和价值分析 下一篇:杂志app开发:电子杂志app制作需要哪些功能?多少钱?