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

产品设计 丨ICO N设计的反思与总结 ，以公众号为例 何谓ICON设计 ICO N ，是诞生于上世纪九十年的IT 产业中 ，原 指计算机软件中为使UI （人机界面 ）更加易于操作 和人性化而设计出的标识特定功能的图形标志。同时也是一种图片格式简称 ：* .ico n、* .ico 。ICO N 既然是一种图片 （标 ），那么就需要表达一些东西 ，可以是产品的逻辑 （功能 ），创作者的性格 ， 设计风格等等。 而一般工作 （商业 ）中 ，ICO N往往需要将某项功能 （应用 ）进行直观的视 表达 ，让用户以最少的 思考便可还原其现实逻辑 ，常使用拟真 （物 ）。如下图 ：一款桌球游戏的ICO N 除了拟真之外 ，有时候因为产品、创作者本身有强烈的独有色彩 （特点 ）或者出于某些特殊需求 ， 采用抽象、异化实物等方式设计ICO N （往往是逼格的源头 ）。如下图 ：一些艺术机构的ICO N （不 明觉厉 ） 除了表达产品逻辑之外 ，ICO N还往往体现了设计师的设计情。拟真确定了ICO N的形 骨架 ，而细 节处理、光影色彩、主从骨架的布局等 ，往往是设计师功力深浅的体现。 设计一个ICO N除了考虑上述两点之外 ，还有一样大概就是新 。同样的基本元素 ，怎样变形可以 更好地突出主题 （例如 ：采用字母做主体骨架 ，加上low po ly风格 ，立刻就领跑其它ICO N ）或是类 似的竞品 ，如何体现差异化 （反观国内的IM、社交类A PP ，基本都是采用信息泡作为ICO N的骨架 ，大同小异 ，难道没有其它更有新 且不失易读性的元素吗 ？） 以公众号ICON设计为例 恰逢最近楼主在自学一些前端和设计的技能 ，且一直不满 公众号的ICO N太干瘪 ，一个黄色的毛 （ 楼主不黄 ，( # ▽ # ) ）和黑色背景。无论是表达逻辑还是美感都略搓 ，于是打算重新设计一个ICO N 。 立 设计之初 ，需要设计立 ，找出公众号ICO N需要完成的哪些视觉任务 ： 表达自我 （产品 ）：将这个公众号是什么 ，做什么 ，有什么特色等含义传递给用户… 彰显美感 ：用户能通过这个ICO N感知到背后逻辑之后 ，需要额外的美感来提升视觉体验 ，也凸 显楼主逼格 （如果有的话… ） 一位弱冠骚年 ，一块自留地 ，谈谈产品与设计 ，聊聊情感和浮生。读文章 ，看故事 ，有所启 迪 上面一段话对这个公众号与作者进行了粗略的定位。但有这么一段话 ，还不足以精确定位ICO N的 立 ，于是将这段话扩展 ，罗列若干关键字 ，方便进一步筛选。 为了尽可能精确立 ，再进行一次筛选 ： 筛选完之后 ，可以看出 ，关键字还是比较多。但是结合自身的运营小半年的一些体验和经验可以 看出 ，这里可以分离关键字组合成两条风格不同的线 ： IT 媒体方向 ：和大多数XX产品、XX设计抑或部分相关从业人员的公众号一样 ，提供专业高价值 的互联网题材内容和运营 ； 业余写手方向 ：虽然也有主要创作方向是互联网题材的背景 ，但是立 在强调写作和感悟 ，一个 有情怀的自留地。 直白地说 ，前者就像是人人都是产品经理一样的专业社区 ，是科技和专业知识的聚合 ，后者就像 简书、知乎一样的大杂烩。 因为前者是理想状态 ，后者是目前且较长一段时间内可能的情况 ，所以准备以这两个线去分别设计 ，看看效果怎样 ？ 在确定立 之后 ，还有一步很重要 ，筛选可用的设计素材 ，这次设计中 ，我就想利用这些素材进行 重构 ，名称这些都是比较固定的东西 ，最大的不确定因素就是公众号的类型 ，并借此引申的素材 ， 例如 ：PM、Design、笔、IT 、互联网等素材。 选材 立 确定之后 ，就是ICO N素材的选择 ，显示最重要的元素骨架 （自己 淫的词儿 ）， 思就是什 么形态的东西来表达立 。 先说第一种立 ，专业的IT 媒体 ，将立 和一些设计思路结合发散思维 ： 科技感、金属质感、线条硬朗 ，（类 ）low po ly风、简洁、几何形状、扁平化、Mat e ial Design、科幻风、毛玻璃、对比度高…… 可以脑补出一堆设计相关的词 ，然而这并没有什么卵用。这也是UI小白一样X疼的地方 ：缺乏设计 与创 积累 ，很难脑补出什么有用的灵感。只能乖乖打开网站去找灵感。同时打开微信订阅号页面 ，看看那些大号的设计思路。 因为设计之前就有大概的想法 ，将利用字母或其变形和几何形状结合 ，设计出比较线条硬朗 ，色彩 对比高 ，元素简单的风格。栗子就是人人都是产品经理中一些相关的作品。 确定这个设计风格之后 ，开始着手选择素材。既然