产品设计丨ICON设计的反思与总结,以公众号为例

频道:新闻中心 日期: 浏览:16

何谓ICON设计

ICON,诞生于九十年代IT行业,最初是计算机软件里,为了让人机界面更方便、更友好,用来标示特定功能的图形符号。它也是一种图片格式,后缀名为*.icon、*.ico。作为图形符号,ICON需要传递信息,比如产品用途,设计者的个性,艺术特色等等。

通常情况下,商业领域里的图标需要将某个功能或应用转化为易于理解的视觉形式,目的是让用户无需过多思考就能联想到实际场景,经常借助模仿真实物体的手法,例如下图展示的台球游戏图标

在并非追求逼真的情况下,有时产品或创作者自身的鲜明个性,或是某些特殊要求,会促使设计师选用抽象化、变形具象等手法来构思图标,这种设计往往能提升整体格调,例如某些艺术组织的标志就体现了这一点

图标不仅传达了物品的运作方式,也常常反映了创作者的创作心绪。轮廓和含义的框架由拟真设定,而纹理修饰、明暗搭配、主体与辅助结构的安排,往往能看出设计者的技艺水平。

构思一个图标,需要兼顾前述两项要素,同时还要注重独创性。同样的基础构成,怎样调整能够更鲜明地表现中心思想比如运用文字作为核心框架,结合简约几何造型,就能迅速超越其他标志设计;面对类似的竞争产品,如何展现独特性国内的即时通讯、社交应用,大多以信息气泡作为视觉主体,雷同现象严重,难道就没有其他既创新又不牺牲辨识度的设计手法吗

以公众号ICON设计为例

正好最近本人正在自学前端与设计相关知识,并且一直对公众号的图标感到不够满意,那个黄色的毛(本人不黄,( # # ))搭配黑色背景的设计,无论在逻辑呈现还是视觉美感上都有所欠缺,因此决定着手重新设计一个图标。

立意

构思时,必须明确核心思想,确定公众号标识须承担的视觉职责:

一个二十岁的青年,有一片自己的田地,说说商品和构思,谈谈情意和人生。读读文章,看看故事,从中得到一些感悟。

这段文字对那个公众号和创作者做了大致的界定。不过,这样的描述还无法准确锁定ICON的宗旨,因此需要将这段文字加以扩充,并列出一些关键词汇,以便进行更深入的筛选。

为了尽可能精确立意,再进行一次筛选:

经过挑选,可以发现,关键词数量相当可观。然而,依据个人运营半年的实践与心得体会,能够明确,这些关键词可以整合为两条具有不同特色的脉络。

直截了当地讲,前者类似于一个所有成员都是产品专家的领域社群,它汇聚了科技与专业技能,而后者则类似于简书和知乎那种包罗万象的内容平台。

由于前者属于理想状况,后者则是当前以及未来一段时期内可能出现的情形,因此打算针对这两条路径分别进行规划,观察实际成效如何。

构思明确之后,仍需进行关键环节,即遴选适用的创作元素,本次创作计划,我打算借助这些元素进行创新组合,品牌标识等要素相对稳定,其中存在变数的主要是平台定位,并由此衍生的相关元素,诸如项目专员、艺术设计、书写工具、信息技术、数字网络等素材。

选材

构思完成之后,接着是图标素材的挑选,需要展现核心的构成框架,也就是用什么形状来体现主题。

首先谈谈第一种构思角度,专业的信息技术刊物,将构思角度与若干设计理念相融合,从而激发更多创新想法。

未来感、金属色泽、轮廓分明,类似低多边形风格、简约、立体图形、平面化、材质设计、未来主义、磨砂质感、明暗对比强烈……

能够想象出许多设计相关的词汇,但这样并不能带来任何实际帮助。这也是初学者在界面设计方面感到困难的地方:缺少设计和创意的积累,很难构思出有价值的想法。只能老老实实去网站上寻找灵感,并且同时查看微信订阅号的页面,学习那些知名账号的设计理念。

构思阶段已形成初步构想,计划运用字母及其变体与几何图案相融合,打造出风格鲜明,线条分明,色彩反差强烈,构图简洁的视觉效果。在《人人都是产品经理》这本书中,栗子章节收录了一些与此思路相近的设计案例。

选定这种造型方案之后,着手挑选材料,由于涉及文字变形,首先需要选定要变形的文字,

确定ICON元素(骨架)之后,就可以进一步思考设计风格。

这里应该思考一个问题,什么样的设计风格能够与IT、科技、PM这些关键词产生共鸣?

最初感觉造型朴素,轮廓利落,色彩运用大胆,偏重冷色调。由于IT行业给人数字二进制、金属感、尖端科技的印象,所以想到简单的几何图形比较合适。不过这种看法可能因创作者的经验不同而有所出入。

正如前文所述,这个标志应当具备鲜明的色彩反差,轮廓设计要简洁明了,确保辨识度高且具有独特性,同时最好融入一些现代元素,提升其整体格调。

色彩反差大,我挑选了两种情绪色彩浓烈的色调来制作氛围,比如:赤黑,灰白,赤蓝。

通常情况下,选用亮度较低的单一色彩作为背景,搭配亮度更显著的色彩来描绘主体内容,能够有效增强视觉中心,便于凸显核心部分。然而需要留意的是,色彩间的明暗差异过大,可能会引发刺眼现象,导致眼睛不适。例如红色与绿色,红色和蓝色灯光,深色背景上的白色文字。

确保清晰易懂且结构简单,利于用户记忆,运用基础几何图形组合最为便捷明了,三角形与正方形在日常生活中十分常见,理解起来几乎无需说明。

综合上面一些要点,有如下初稿:

呈现完毕后审视了各项不同方案的图示,发觉有些单调,接着着手实施第二种构想:

我是一名不专业的作者,虽然从事工程领域,但内心深处一直怀揣着文艺情怀。在这个方向上,我决定摒弃过去的一些想法;这种风格注重通过文字传递能量和意义,侧重创作,内容不仅包含技术知识,也涉及日常感悟,因此我希望融入一些轻松愉悦、充满温度的元素来阐述主旨,让读者一接触就能感受到温馨的氛围,同时又能领会到创作的内涵。详细的构思过程在此不再赘述,最终的结果是:

这里首先想到的是简书软件的书写功能键。那羽毛笔的轮廓非常别致,透着浓浓的书卷气息。

一旦笔的样式选定,接下来要考虑的是书写内容,将公众号的名称融入其中,这通常是最为切实可行的途径。不过创作时注意到,羽毛笔通常书写的是花体文字,类似汉字中的草书风格,由于排版限制和微信界面中公众号图标尺寸不大,采用这类字体会导致文字显得较为草率,难以辨认单个笔画,从而延长了用户的理解过程,有可能造成用户离开或者留下负面印象。

此刻必须转换方法,正好遇见一个合适的范例,是一个漫画风格的铅笔图形,看起来相当悦目,立刻就参考了它。

经过一番绘制和修改,有下图:

抵达此处,本次公众号图标的创作流程已基本完成,通过这次设计实践,对图标设计获得了一些心得体会:

一些设计反思和总结灵感比工具重要

此次设计仅采用PPT完成,缘由颇多,例如试用版PS已过有效期未予下载,个人对PS操作不够娴熟等等。但这些因素皆属次要,选用PPT进行创作亦受到全能俊杰的启发。究竟运用何种软件,其实并无本质差异,并非使用AI或PS便具备实际价值。设计师真正的核心能力kaiyun官方网站登录入口,在于对艺术感知力与商业需求的精准掌控和巧妙融合。初次接触开yun体育app官网网页登录入口,毫无经验,面临的最大挑战并非能否完成作品,而是构思出兼具创新性和实用价值的主意异常艰难,根本原因在于设计底蕴不足且难以感知美感。只能通过大量研究范例,深入分析缘由,持续练习绘图来逐步改善。

图标创作时,造型务必力求精练且轮廓清晰,以便使用者迅速领悟其内在含义,表述需契合大众的思维模式,并非所有设计流派都适合与各类图形元素相融合,务必遵循现实生活中的感知规律,对夸张手法及形式变换须有所节制,色调组合务必和谐,先前有位前辈曾提及,过多使用纯黑背景配纯白文字的视觉效果欠佳。色彩运用方面存在不足,例如红蓝组合容易产生闪烁效果,这方面要增强色彩学认知才能避免设计失误。低饱和度的色彩更易营造高级感,原因是色彩饱和度越高,传递的情感越强烈,对用户的影响也越大。在第二种设计思路中,卡通铅笔的主体部分采用了低饱和度的蓝色。当然,参考优秀作品的配色方案会相对容易,比如楼主偏爱的网易红黑配色和京东红白配色。坦诚地说,我相当偏爱以深色为底白色为图的布局,真是搞不懂。关于布局的安排,我感受颇深,在采用第二种设计方法时,笔的倾斜程度和文字的放置位置密切相关,既要确保各个部件的平衡点尽可能接近图形的核心,又得妥帖安排两个部分,相当费神。图标应当是一组功能契合且风格统一的整体,这次着手绘制了公众号的标识,后续或许会继续完成文章首尾的配套图形。唯有如此,才能构成完善的视觉体系。#专栏作家#

Aaron毛,其个人公众号名为关我毛事,担任人人都是产品经理专栏的撰稿人,是一位90后理工科背景的男士,坚持“在你身边,为你设计”的理念。他专注于电商产品领域,尤其关注移动电商和社交行业。他的主要工作是热衷于研究各种产品设计的方法,而次要工作是主动寻找产品领域的情感支持者并接受其关怀。在个人时间,他研究微信社群的价值,负责运营一个已经持续一年以上的互联网专业社群kaiyun全站app登录入口,期待同行之间的交流互动。

网友留言(0)

评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。