当前位置: 首页 > 科技观察

一个真正优秀的应用程序图标,都会经过这9个关键的设计步骤

时间:2023-03-15 14:29:39 科技观察

对于移动应用程序来说,图标永远是最重要的“门面”,直接关系到产品的品牌价值,图标是否具有良好的可用性,是否会直接影响品牌和产品本身。图标设计需要注意的地方很多,像APP图标这种牵一发而动全身的东西就更讲究了。今天给大家分享一套图标设计的方法和技巧。通常,用户第一次细看APP图标是在AppStore、GooglePlay等软件商店和一些第三方推荐文章中。与界面使用的功能图标相比,APP图标需要承担更广泛的职责:不仅要具有品牌本身的气质和元素,更要体现数码产品本身的功能和特点,在视觉上在同类设计中脱颖而出,在手机主界面的节目列表中一目了然。人眼球,容易识别。这么小的图标,要求也不少吧?(对于一个图标设计师来说,这个要求也是很高的!)真正出彩的APP图标从来都不是手工制作的。之前做了多少基础工作,只有在开始设计的时候才有信心,才会有后来的辉煌成果。△狮子浏览器1.第一件事:从收集背景资料开始为APP设计图标时,最重要的是什么?是图形和颜色吗?当然重要,但不是最重要的。我们稍后会谈到这部分,但这不是为应用程序设计图标的起点。首先要了解的是产品背后的公司气质、团队背景、产品的功能,而不是直接的设计。了解该图标所涉及APP的业务构成和整体架构,向团队询问相关营销策略和内容,包括价值主张、目标受众、市场特征、定价策略等。这些东西决定了产品本身的感觉,要有定位,这些东西跟设计是息息相关的。没有做足够深入的背景研究,只能闭着眼睛画图,导致APP图标很难真正契合产品和功能。企业和产品本身的状态和数据对于设计的重要性怎么强调都不为过。认真搞定这种准备工作,绝对是磨刀不误砍柴工。2、熟悉标准:认真研究设计规范图标设计虽然对创意和想法没有限制,但任何平台都有比较明确的设计规范,需要设计师严格遵守。设计规范允许图标在一定范围内与其他图标保持足够的视觉协调,设计者可以在规范范围内使图标更“优秀”而不是“突兀”。在Android平台和iOS的设计规范中,对于图标的设计和使用,从配色到大小,包括样式和具体的使用场景都有非常明确的说明。请尽量遵循图标设计的技术规范和设计建议,因为设计规范的制定者已经考虑清楚了很多问题和障碍,遵循规范可以让你的设计绕过很多陷阱。3.选择合适的工具:人们通常使用这些软件。通常,最终输出的图标会使用PNG格式。不管你选择什么工具,至少要能输出PNG格式的图标。当然,这只是选择软件工具过程中的一个小条件。目前,绝大多数设计师都会选择最常见、最被接受的专业软件,其中一些甚至本身就是行业标准:AdobeIllustratorCC,也被称为AI,是最流行的矢量设计软件工具之一,拥有悠久的历史。AdobePhotoshopCC是目前使用最广泛、最好用的位图编辑软件,无论是制作光影效果,都非常得心应手。Sketch是一款矢量图形编辑和UI设计软件,界面友好,插件丰富。它可能不是复杂设计的最佳选择,但它的扩展性足够强大,许多功能都是基于现代UI和移动设计来开发的。AffinityDesigner是一款新贵的矢量绘图软件,具有足够干净的用户界面,非常适合初学者。4、注意细节:简洁、有凝聚力在设计图标的过程中,记得随时看图标,看看有没有漏掉一些关键信息,有没有漏掉关键元素,有没有多余的东西。众所周知,APP图标设计好后,在不同的场合会出现,大小也不尽相同。随着尺寸的变化,一些信息会变得不那么突出,缩小时会出现细节过多的图标。非常混乱,所以在APP图标中加入过多的文字和图片细节是非常没有必要的。简约的图标设计不仅是风格的选择,在功能和体验上也有着明显的优势。不要指望将大量隐喻和内容打包到同一个图标中,抓住主要概念和想法,并以清晰的轮廓和简单的元素呈现它。至少绝大多数大型企业和优秀的团队都倾向于使用直截了当的设计。5.结合品牌:记得考虑品牌风格指南每个品牌都有独特的设计,从配色方案到细节元素的风格,通常都有一个比较明确的定位。品牌风格指南在大多数品牌中已经有非常清晰的文档。为了让APP图标与品牌之间的联系足够清晰,最好参考品牌风格指南进行设计,这样才能保证用户在看到APP时能够在视觉上与品牌本身形成一种关系。△Foxygenic应用程序图标6.艰难的选择:让你的图标为APP说话当你想到电子邮件时,你脑海中第一个想到的图像是什么?是信封吧?所以,当你在Apple的AppStore中搜索邮箱时,你会发现很多各种颜色和样式的信封式图标。一方面,使用大众熟知的图像来设计图标,确实非常成熟,被广泛认可,也容易被大家理解。而这种设计策略还有另一面:相似的设计意味着激烈的竞争。这件事可能是设计师在设计图标时面临的最大挑战:设计师需要在原创性和功能性之间做出艰难的权衡。△Elephunappicon7.知己知彼:仔细审视竞争对手的设计并留出足够的时间对竞争对手进行研究,了解竞争对手的功能、APP的设计、图标的构思,使设计者剔除现有设计,得到创造独特性的想法,避免与竞争对手进行相似的设计,并降低风险。有些甲方喜欢使用与竞争对手相似的元素,这也有它的好处,因为相似甚至雷同的元素确实会让一些用户在面对这个新APP时产生信任感和共鸣感。但是和之前提到的很多问题一样,这需要设计者做一个权衡,或者控制中间度。如果看起来太相似,用户会认为它是模仿者和追随者。它缺乏独特性,人们在使用过程中很容易失去信任,甚至完全放弃。8.开始设计:选择正确的颜色和展示终于到了熟悉的部分。出色的配色方案和有趣的图形确实使图标在视觉上脱颖而出。在选择颜色的过程中,很多设计师很容易失手。许多颜色被挤进小图标中,这会让图标看起来像现代艺术品。这时候就需要结合色彩心理学,在有限的色彩范围内(品牌色)构建图标的色彩体系。在纸上绘制图标原型,探索基本思想和构图是一种非常有效的手段。不管你会不会手绘,这个过程都会让你的设计过程更加顺畅。很多想法和想法都会写在纸和笔上。在摩擦中逐渐诞生,是很多数字软件无法替代的。此外,使用基本的几何形状(圆形、正方形、三角形等)来创建图标的基本框架非常有用。请记住,任何复杂的图标都是在简单图形的基础上创建的。△AppShack9的应用程序图标。多做检查:绕不过去的实测无论你的应用图标出现在什么地方,你都希望它看起来很好,对吧?所以,下一个不能绕过的环节就是要在不同的场合和地方测试图标的设计,是否有足够的对比度,是否看起来足够清晰,是否能融入相应的场景,是否契合品牌气质等等。检查不同尺寸的APP图标,主要看小尺寸图标是否清晰可见,辨识度如何,大尺寸图标是否设计不当;使用不同的背景查看APP图标,看图标是否有不同的颜色、风格背景,是否有足够的对比度;了解图标在不同分辨率下的外观;不要只测试图标在AppStore和GooglePlay中的外观,还要将图标放在随机用户的屏幕上,看看它的实际效果。