如何分析產品設計語言?用番茄小說的案例來教你!

視覺當鋪 發佈 2020-04-25T02:31:13+00:00

痛點目前眾多的網文產品中,設計同質化比較高,無論是產品視覺或是品牌運營視覺大多都缺乏獨創性與統一性。

痛點

目前眾多的網文產品中,設計同質化比較高,無論是產品視覺或是品牌運營視覺大多都缺乏獨創性與統一性。番茄小說想要從眾多產品中脫穎而出就需要走出一條合而不同的設計道路。因此提升產品的識別度與消費者對品牌的認知勢在必行,設計需探索構建一套屬於產品的語言體系。

解決方法

探索番茄小說的設計語言,建立產品認知

1. 文學特性——傳統、網絡的冷與熱

傳統文學

文學分為兩類,嚴肅文學(看重語言和細節)、通俗文學(注重情節和故事,淺顯易懂)。

周憲《文學理論導引》里定義「文學是以精緻語言書寫的具有藝術價值的以文本為中心的文化系統。」通過定義可以概括出文學的特點就是具有藝術價值,並且能夠通過文字內容帶人用戶反思或者收穫。當人們在閱讀文學書籍時是冷靜的,只有在這樣的心境下讀者才能更好的獨立思考與分析。因此在氛圍上需要給用戶提供一個相對沉浸的空間、安逸的環境,通過分析可以提煉出的傳統文學情緒關鍵詞:沉浸、冷靜、舒適、價值

網絡文學

不同於傳統文學,網絡文學是順應市場價值而誕生,是文學創作的平民化,讓大家能夠以網絡為載體而發表的文字內容。廣義來說,網絡文學屬於通俗文學的一類,注重情節和故事,通過文字傳遞的內容更加的樸實、接地氣,在創作分類上也更加的多樣化,作者可以天馬行空的表達自己感受,可以說是在傳統文學的基礎上,給文字增加了幾分煙火氣息,也多了幾分熱鬧的感受。

因此通過文學關鍵詞可擴展出網絡文學情緒關鍵詞:沉浸、愉悅、煙火氣

2. 調研分析

前期通過對小說用戶群體與市場的走訪調研,並通過數據分析,我們得到了如下結論:

產品用戶類型

12-50歲青中年人;後GenX時代;一二三線城市有閱讀小說習慣的人群;目前為對生活充滿嚮往的學生與藍領

產品品牌人格

樂觀愉悅(輕鬆);品質(書好);親民、豐富(書多)

產品視覺風格

品牌色貫穿產品,但不過分使用;視覺為產品功能服務,不做多餘的設計;視覺表現多樣化,但需要表達相同的產品氣質;適度的留白,增強設計空間感

3. 小說產品特性

產品核心詞:「沉浸中的愉悅」

正如我們對文學的分析,小說閱讀同樣是一種獨立個體的行為方式,在讀書時,我們不希望被人打擾,不希望被瑣事細節阻斷,我們希望在一個相對安靜、舒適的環境下閱讀,這是一種沉浸式的感受。

因此這裡我們就根據用戶的想要的感受,引入「沉浸」的概念——希望能夠給讀者留下一定的空間,並拋除繁雜打擾,讓大家享受閱讀與獨立思考。其核心是圍繞信息內容本身而呈現,設計不再作為獨立於內容之外的元素存在,而將著眼於內容本身,為用戶打造直觀的視覺體驗。拉大層級對比,增加適當的留白,在一定程度上增加少許修飾,打破絕對的冷淡。其既能體現出文學的特點,又能夠在簡約的基礎上增加畫面的構成感,給用戶愉悅的感受。

觸感

網絡小說與傳統文學另外一個最大的區別是觸感。

傳統文學大多以實體書籍紙張為承載,而網絡文學來自於網際網路是虛擬的。我們在閱讀時,觸摸紙張與書本樸實的質感,也能夠給讀者帶來額外的舒適感受,因此如果能以視覺的形式還原用戶對書籍的「觸感」,不僅能夠將網絡與實體相連結,也可以幫助用戶增加電子閱讀的樂趣。

4. 建立番茄小說情緒版

根據歸納出的文學特徵,以及調研用戶年齡層與喜好,我們可以歸納出番茄小說基礎原生關鍵詞。

基礎原生關鍵詞

拓展衍生關鍵詞

根據網絡文學原生關鍵詞,我們拓展出衍生詞

  • 沉浸:安靜、乾淨、整潔、內部、深色
  • 煙火氣:城市、中國風、武俠、繪畫、美女
  • 愉悅:跳躍、陽光、水果、溫暖、火熱
  • 觸感:紙張、磨砂、紋理、褶皺、斑駁

圖片搜索、提取情緒版

根據相關的衍生關鍵詞,我們收集大量的視覺圖片並將其匯總,藉以分析其視覺特徵

色彩提取

視覺映射

通過對情緒版的分析,我們可以得出結論並整理出番茄小說設計語言,輕量的色彩、寫意式元素、非對稱布局、紙紋理噪點

番茄小說設計語言

將傳統的冷靜沉浸與網絡文學的熱鬧相融合是番茄小說設計語言的重要視覺呈現方式風格

多元化的簡約設計+情感化修飾

  • 簡潔:簡約,做不飽和的設計,給用戶空間感、想像的餘地
  • 趣味:暖色+趣味,體現產品的溫度與友好
  • 風格多樣化:視覺多樣化體現小說多樣性、市井特點
  • 質感:增加視覺紋理,給用戶帶來真實閱讀的感受

Logo

番茄的品牌名稱基於「最新、優質」的產品理念,服務於產品設計、品牌設計中。番茄相對於紅果是一個更加具象的表達,不僅可提高用戶對產品的認知,也能傳遞小說品牌的理念和態度。基於此,這個理念框架是講述品牌故事的關鍵載體。

logo動畫展示

小說相關產品logo匯總

在logo的設計上我們將番茄的圖形概念化,保留番茄籽,局部的留白讓標誌同樣能表達空間與白的概念。我們選擇在白色底上用紅色非對稱性式logo ,既區別了市面上大多產品logo樣式,又能夠加深用戶對產品的印象,突出了「愉悅」的特性。

選定 logo 並設計圖形+文字組合:

在文字設計上,相比正常宋體弱化文字襯線,為了突出空間感,我們擴大了字面拉伸了中空的占比,這樣做不僅提高文字識別度,整體氣質也也能夠與沉浸的定義相耦合。

品牌色

前期通過情緒版的分析,摘取關鍵詞配色,綜合歸納出符合番茄小說特性的的色彩搭配

通過對情緒版色彩的歸納,我們抽取具有代表性的顏色,作為番茄小說的品牌色

輔助圖形

從logo中番茄圖形的概念出發,提取出以圓、番茄籽、番茄輪廓為基本型的品牌圖形元素

官方字體

考慮到官方字體在沉浸式頁面中的運用,番茄官方字體的選擇與品牌屬性相契合的苹方體、宋體。

VI 呈現:

品牌視覺感受:

品牌體現—產品場景

番茄小說給人的感覺是安靜、平和、友好。因此在顏色使用中以品牌色配合低飽和度背景色做搭配,突出產品的帶給用戶的沉浸、愉悅感。

運營場景—運營設計對品牌塑造的意義

第一眼的感受,往往決定了用戶對產品的整體印象。目前在番茄小說的產品中,最直觀的品牌視覺展示主要以書單活動banner為載體,其做為活動入口本身就處在一個前置的位置,占用空間大且更能吸引到用戶的注意。因此,需要對運營焦點圖設計精細化的打磨,讓用戶在打開產品的瞬間,快速塑造產品在用戶心中的視覺形象。

番茄小說運營設計——和而不同

運營設計的基本原則

  • 信息快速傳達
  • 促使用戶行動

因此番茄小說的運營視覺需要緊密圍繞在這個大前提下進行設計,快速傳達信息=保證信息的簡單化、文字有效性,促使用戶行動=畫面內容的趣味性、吸引性。

視覺呈現形式

遵循番茄體系,體現小說內核的「煙火」氣質,視覺呈現多元化。以運營文案為中心,畫面設計貼近內容,降低用戶信息識別成本。

品牌運營視覺一期構建:手繪元素+非對稱構圖+質感

設計規範

運營視覺與品牌調性應是統一的,因此在運營設計的色彩選擇需要與品牌配色相呼應,保證視覺與整個產品的和諧性。

運營插圖案例

在運營活動中,依然要以產品所傳遞的氣質來進行畫面設計,即是保留沉浸的前提下,抽取關鍵詞的某個方向來表達品牌運營所傳遞的理念。在色彩的使用上可以圍繞關鍵詞的方向來選擇顏色,以表達內容所傳遞的信息,可適當使用品牌色作為點綴,但依然需要的保持視覺給人帶來的平和感。

總結

作為一個從 0 到1的品牌,番茄小說的設計語言依然在不斷的打磨、優化。整體清晰的品牌規劃能夠保證線上、線下、產品與營銷的各個視覺設計環節更加統一,同時也為後續的設計指明方向,助力業務持續發展

關鍵字: