风格多样化——视觉多样化体现小说多样性、市井的特点。
(三)确定图形:番茄+书签
有了语言,接下来要设计图形方案了。
我在,可可爱爱的番茄图形、方方正正的书籍图形、和清清楚楚的“番茄”二字之间,纠结了足足十几秒钟。
我决定将“番茄”的图形抽象化,保留番茄籽,局部留白。
我还做了一个大胆的决定,在右上角增加一个可爱的小书签,形成了一个非对称性式Logo。市面上大多产品Logo都是对称的,我比较逆反(青春期比较长),决定刻意不对称。
但我不仅仅是为了标新立异,我是觉得非对称Logo既能够加深用户对产品的印象,也突出了「愉悦」的特性。你们觉得呢?
接下来是“番茄小说”4个字的文字设计,相比正常宋体弱化文字衬线,为了突出空间感,我扩大了字面拉伸了中宫的占比,这样做不仅提高文字识别度,整体气质也也能够与沉浸的定义相耦合。
好啦,知道你没听懂,连连点头就好啦!
(四)确定颜色,你知道世界上有几种红色吗?
色彩能极大影响我们的情绪。你看到黑色会觉得压抑沉闷,看到白色会觉得安静平和。
刚才提到了关键词,愉悦的+沉浸的。
愉悦感的传递需要温暖和阳光的色彩,譬如红色、黄色等等,让人想到光和热,传递偏正面的情绪。
我们在无数种红色、黄色系进行了一番巧妙(是真的很巧妙)的混合。
最终用中国和日本的传统色彩合成了一个叫做“黄丹”的颜色,作为我们的主色调。整体是明丽的橙黄色,不算太高的饱和度又添加了一些柔和的视觉效果,平添静谧温柔。大家看到它时,会想起温暖的阳光、远足的春日,想起生命中那些明快愉悦的幸福瞬间。
在有了主色调后,我们还需要一些辅助色作为配合,在中国古典美学中,色彩搭配需要阴阳调和、君臣相济,像《红楼梦》中莺儿给宝玉打络子,讲究大红色须配黑络子才好看,或是石青络子才压得住颜色;松花色要配桃红,则是雅淡之中带些娇艳。
因此,我们的辅助色除了要负责传递“沉浸感”这一情绪,还需要烘托出主色,与它相映成趣。
我们一共调制出六个辅助色,分别名为白绿、白鼠、柳鼠、灰樱、裹柳和胡桃,都是低饱和度的素雅色彩,或偏淡绿、或偏淡粉,都可以很好地营造出一个沉浸的阅读氛围,且能够成功烘托出主色的明快,像合唱中醇厚的男低音,淡而不化,支撑起整体的视觉框架。
此处省略描述“10次定稿,50次争吵和100次手指戳屏幕艰难过程”的三万字不表。
如此,你看到的Logo就顺利竣工啦!希望你喜欢(必须喜欢!)。
(五)彩蛋:设计师的工作日常
你理解的设计师,除了Logo还会做哪些设计工作呢?
其实,你们所看到的,小到一条通知、大到一个阅读页面,都需要我们设计师的全力投入。细节的精益求精、排版的“锱铢必较”,都是为了给你们呈现出最优的视觉效果,和最佳的使用体验。
以阅读器(就是你正在看的这个页面)为例,要设计成什么样,我们也有过审慎的思考。
我们觉得,传统文学大多以实体书籍纸张为承载,而网络文学来自于互联网是虚拟的。我们在阅读时,触摸纸张与书本朴实的质感,也能够给读者带来额外的舒适感受,因此如果能以视觉的形式还原用户对书籍的“触感”,不仅能够将网络与实体相链接,也可以帮助用户增加电子阅读的乐趣。
不知道,你有没有感觉到设计中的“触感”呢?
欢迎在评论区与我交流呀!只要不戳屏幕,我们就是好朋友!
名字很长的jojo(勿cue,我只想躺着)
2020.7.17
请勿开启浏览器阅读模式,否则将导致章节内容缺失及无法阅读下一章。
相邻推荐:刘备之子,开局武力值点满 嫡女掌家后国公府又兴旺了 沈韵傅斯寒 简晗楼默轩 死缠烂打,强扭的瓜又甜又解渴 退婚后,高冷青梅后悔了 幼崽认回顶级豪门后,杀疯了! 七零军婚,误惹腹黑霸道军官 特种兵:每天融合三种技能 十大悍匪 过期白月光:全文+后续 守寡重生,清冷权臣帐中宠名字 通古今:冷面王爷成了我的电子男友 顾希雅孟嘉淮免费 成为第一御兽师,从宠物护理开始正版 我的读者遍布三千世界 我瞎编游戏武器,你们真造出来了 八零:糙汉混混的娇气小媳妇笔趣阁 斩神,为大夏凡人,开辟成神之路 天庭微信群之小川