我负责番茄小说的设计工作,大家每天在app上看到的各种图像、交互界面,均出自我手。我是不是很棒(没有求夸的意思,真的......愣着干嘛呢,夸呀!)
使用了番茄这么久,你是否好奇过,番茄的logo(图标)是怎样被设计出来的呢?
今天我来为大家还原这个logo的设计工作日记:一个logo的冒险之旅。
(一)确定目标:既要醒目,也要高级
我们要明确,通过这个logo我们想要什么。
设计师最怕的就是听人说:“我既要...又要...也要...还要...”。
不,你必须有所舍弃。
想要高端大气,就不要接地气;想要冷静,就不要热情;想要五彩的缤纷,就别要黑色的高贵。
番茄的logo想要实现什么目标呢?在和产品amp;运营同学讨论(吵架)多次后,我们达成了一致:
一是要醒目,好辨认:我们希望这个logo是独特的、鲜明的、有特色的,在茫茫应用海中能让你一眼pick的那种。这样打开手机想看小说时,你才能快速找到我们。
二是要给用户带来美好的感受:我们希望这个logo是优美的,是有品质感的,用户光是看到它就能产生积极的联想。
概括起来就是,既要醒目,也要高级。
(二)确定调性:暖色、简洁、有想象空间
明确目标后,我心里就有点谱了(其实也没有)。
为了更有谱,我仔细欣赏了市面上所有阅读产品的logo,发现他们长得就像一胎八宝,咋都差不多呢?
在内心许下一个要比他们全部都好看的誓言后,我进入了“定调”环节。
你可以把“定调”理解为,确定一些具体的形容词,以明确我们要把logo设计成什么感觉。
虽然我自己是一个多年小说用户,但我也不能代表所有人,因此,我对小说群体做了为期两周的走访调研,并通过数据分析,得出了如下结论:
网文读者主要是年轻人和学生,他们共同的特点是对生活充满美好的向往。而网文给读者的体验是沉浸式的,是愉悦的,同时是具有烟火气的。
因此我得到的设计关键词是沉浸、愉悦、烟火气。
到了这一步,就要发挥我小学三年级语文96分的优势了:找到更多衍生关键词。
在没有借助新华字典的帮助下,我得到了这些词语:
沉浸——安静、干净、整洁、内部、深色;
愉悦——跳跃、阳光、水果、温暖、火热;
烟火气——城市、中国风、武侠、绘画、美女。
根据这些衍生关键词,我收集了大量的视觉图片(好一顿搜)并将其汇总,并尝试分析其视觉特征。
这样我就得到了番茄的设计语言:
简洁——简约,做不饱和的设计,给用户空间感、想象的余地;
趣味——暖色+趣味,体现产品的温度与友好;
风格多样化——视觉多样化体现小说多样性、市井的特点。
(三)确定图形:番茄+书签
有了语言,接下来要设计图形方案了。
我在,可可爱爱的番茄图形、方方正正的书籍图形、和清清楚楚的“番茄”二字之间,纠结了足足十几秒钟。
我决定将“番茄”的图形抽象化,保留番茄籽,局部留白。
我还做了一个大胆的决定,在右上角增加一个可爱的小书签,形成了一个非对称性式logo。市面上大多产品logo都是对称的,我比较逆反(青春期比较长),决定刻意不对称。
但我不仅仅是为了标新立异,我是觉得非对称logo既能够加深用户对产品的印象,也突出了「愉悦」的特性。你们觉得呢?
接下来是“番茄小说”4个字的文字设计,相比正常宋体弱化文字衬线,为了突出空间感,我扩大了字面拉伸了中宫的占比,这样做不仅提高文字识别度,整体气质也也能够与沉浸的定义相耦合。杰伊文学网
好啦,知道你没听懂,连连点头就好啦!
(四)确定颜色,你知道世界上有几种红色吗?
色彩能极大影响我们的情绪。你看到黑色会觉得压抑沉闷,看到白色会觉得安静平和。
刚才提到了关键词,愉悦的+沉浸的。
愉悦感的传递需要温暖和阳光的色彩,譬如红色、黄色等等,让人想到光和热,传递偏正面的情绪。
我们在无数种红色、黄色系进行了一番巧妙(是真的很巧妙)的混合。
最终用中国和日本的传统色彩合成了一个叫做“黄丹”的颜色,作为我们的主色调。整体是明丽的橙黄色,不算太高的饱和度又添加了一些柔和的视觉效果,平添静谧温柔。大家看到它时,会想起温暖的阳光、远足的春日,想起生命中那些明快愉悦的幸福瞬间。
在有了主色调后,我们还需要一些辅助色作为配合,在中国古典美学中,色彩搭配需要阴阳调和、君臣相济,像《红楼梦》中莺儿给宝玉打络子,讲究大红色须配黑络子才好看,或是石青络子才压得住颜色;松花色要配桃红,则是雅淡之中带些娇艳。
因此,我们的辅助色除了要负责传递“沉浸感”这一情绪,还需要烘托出主色,与它相映成趣。
我们一共调制出六个辅助色,分别名为白绿、白鼠、柳鼠、灰樱、裹柳和胡桃,都是低饱和度的素雅色彩,或偏淡绿、或偏淡粉,都可以很好地营造出一个沉浸的阅读氛围,且能够成功烘托出主色的明快,像合唱中醇厚的男低音,淡而不化,支撑起整体的视觉框架。
此处省略描述“10次定稿,50次争吵和100次手指戳屏幕艰难过程”的三万字不表。
如此,你看到的logo就顺利竣工啦!希望你喜欢(必须喜欢!)。
(五)彩蛋:设计师的工作日常
你理解的设计师,除了logo还会做哪些设计工作呢?
其实,你们所看到的,小到一条通知、大到一个阅读页面,都需要我们设计师的全力投入。细节的精益求精、排版的“锱铢必较”,都是为了给你们呈现出最优的视觉效果,和最佳的使用体验。
以阅读器(就是你正在看的这个页面)为例,要设计成什么样,我们也有过审慎的思考。
我们觉得,传统文学大多以实体书籍纸张为承载,而网络文学来自于互联网是虚拟的。我们在阅读时,触摸纸张与书本朴实的质感,也能够给读者带来额外的舒适感受,因此如果能以视觉的形式还原用户对书籍的“触感”,不仅能够将网络与实体相链接,也可以帮助用户增加电子阅读的乐趣。
不知道,你有没有感觉到设计中的“触感”呢?
欢迎在评论区与我交流呀!只要不戳屏幕,我们就是好朋友!
名字很长的jojo(勿cue,我只想躺着)
2020.7.17
晶晶走到唐三身边,就在他身旁盘膝坐下,向他轻轻的点了点头。
唐三双眼微眯,身体缓缓飘浮而起,在天堂花的花心之上站起身来。他深吸口气,全身的气息随之鼓荡起来。体内的九大血脉经过刚才这段时间的交融,已经彻底处于平衡状态。自身开始飞速的升华。
额头上,黄金三叉戟的光纹重新浮现出来,在这一刻,唐三的气息开始蜕变。他的神识与黄金三叉戟的烙印相互融合,感应着黄金三叉戟的气息,双眸开始变得越发明亮起来。
阵阵犹如梵唱一般的海浪波动声在他身边响起,强烈的光芒开始迅速的升腾,巨大的金色光影映衬在他背后。唐三瞬间目光如电,向空中凝望。
网页版章节内容慢,请下载爱阅小说app阅读最新内容
顿时,”轰”的一声巨响从天堂花上爆发而出,巨大的金色光柱冲天而起,直冲云霄。
不远处的天狐大妖皇只觉得一股惊天意志爆发,整个地狱花园都剧烈的颤抖起来,花朵开始迅速的枯萎,所有的气运,似乎都在朝着那道金色的光柱凝聚而去。
请退出转码页面,请下载爱阅小说app 阅读最新章节。
他脸色大变的同时也是不敢怠慢,摇身一晃,已经现出原形,化为一只身长超过百米的九尾天狐,每一根护卫更是都有着超过三百米的长度,九尾横空,遮天蔽日。散发出大量的气运注入地狱花园之中,稳定着位面。
地狱花园绝不能破碎,否则的话,对于天狐族来说就是毁灭性的灾难。
祖庭,天狐圣山。
原本已经收敛的金光骤然再次强烈起来,不仅如此,天狐圣山本体还散发出白色的光芒,但那白光却像是向内塌陷似的,朝着内部涌入。
一道金色光柱毫无预兆的冲天而起,瞬间冲向高空。
刚刚再次抵挡过一次雷劫的皇者们几乎是下意识的全都散开。而下一瞬,那金色光柱就已经冲入了劫云之中。
漆黑如墨的劫云瞬间被点亮,化为了暗金色的云朵,所有的紫色在这一刻竟是全部烟消云散,取而代之的,是一道道巨大的金色雷霆。那仿佛充斥着整个位面怒火。
网站即将关闭,下载爱阅app免费看最新内容
为您提供大神慕容知春达拉萌巴甘道夫欧阳铁蛋的番茄小说团队随笔番茄小说团队最快更新
第18章 一个Logo的奇妙冒险之旅免费阅读.https://www.jieyidazhiye1.com
章节错误,点此报送(免注册),
报送后维护人员会在两分钟内校正章节内容,请耐心等待