嗨，大家好，我是名字很長的jojo，一位嚴肅活潑的人民藝術家。

我負責番茄小說的設計工作，大家每天在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