第27節-項目中期（1）設計圖形的元素拆解

那麼接下來我們進入到項目的中期 那麼從中期開始 我們就開始真正的要進入到設計的實踐過程當中了 那麼我們在真正的設計之前 我們先來講一個問題 關於說在品牌形象傳播中 那麼用戶最先感知到的是什麼 那麼從視覺傳達的角度來講 其實說當用戶通過眼睛 去捕捉任何視覺信息的時候 它都是通過眼睛的瞳孔 然後捕捉到所看見的景象或者是物像 然後通過瞳孔裏面的影像進行視覺傳遞 到人的左腦跟右腦裏面 所以說這就是視覺傳達的一個生理性的過程 那麼在生理性的傳遞過程當中 那麼最簡潔的最簡單的圖形 會被首先應用到眼簾裏面 首先是被大腦所認知的 其次纔是更復雜的信息 那麼我們可以看一下這個圖 就是關於我們品牌形象的一個認知順序 首先圖形會比較簡單 所以說我們大腦對於圖形的認知會更敏感一些 那麼圖形可以迅速的 映入到我們的腦海裏面 那麼其次色彩是佔第二位的 那麼色彩可以說激發 或者是能夠讓人有更多的品牌聯想 所以說它是一個情感的一個激發元素 那麼最後一個層面 我們說大腦要經過更復雜的運算 纔可以去理解一個複雜的標識形式 包括從圖形色彩 包括從字體這三個多個元素的角度去理解 所以說我們說在傳遞的過程當中 或者是在傳播的過程當中 一定要注意圖形的感受 它一定是先於色彩的 色彩的感受一定是先於整個的形式的 所以這就是我們在品牌傳播當中的一個傳遞順序 那麼我們來可以來稍微分解一下 當我們看到一組形象的時候 首先要理解的是最左側的圖形 比如說我們說看YouTube 或者是三星 或者是天津果園 我們首先的大腦認知 它是一個方形的東西 或者是一個橢圓形的東西 然後其次是紅色的一個方塊 或者是藍色的一個橢圓形 最後它組合在一起的元素更復雜一些 那麼我們大腦來講的話 對於它的認知可能也會更加的遲緩一些 所以說這就是爲什麼 曾經有一段歷史 可能會更加提倡簡潔性的東西 因爲簡潔性的東西更容易識別 我們說講完了品牌的認知順序之後 我們可以拿一個具體的項目作爲拆解 我們可以看一下拆解以後的設計元素 那麼現在我們看到的是叫瑞幸咖啡 它是這兩年比較火的一個咖啡的品牌 那麼它這套形象裏面一共會有5個元素 我們說在拆解設計元素的時候 它一共有5個部分構成 首先它是由隱性的元素 也就是說它背後的是一個創意的概念 接着我們可以看到一個顯性的元素 就是我們把鹿的元素進行了一個具象化的表現 那麼把鹿把創意幻化成了一個具體的圖形 包括在圖形裏面我們又加入了藍色的色彩 最後加上looking的咖啡的名稱組合在一起 這就是一個完整的標識的構成元素 那麼其實我們想從這裏面去了解什麼 爲什麼要去拆解這個元素 因爲我們說在一套形象裏面 一個層面是隱性的元素 一個層面是顯性的元素 其實在我們上一節課的方法論裏面 其實解決的就是關於隱性元素的創意 也就是說我們怎麼去確定方向 怎麼去確定元素 它是隱性的元素 它看不見 但是它要通過視覺語言去表現 表現出來的圖形 那麼我們稱之爲顯性元素 還有它的色彩 所以說在我們的整個的課程構成裏面 我們通過上一節課去解決了創意的部分 這節課我們主要是談顯性的元素 也就是說我們這節課主要談的是圖形 色彩以及它的形式 那麼我們整個的元素拆解完之後 我們來看一組形象 比如說像網易的遊戲是吧 遊戲的品牌 包括像社交的多閃 包括像信息看科技新聞的 iPhone或者是時尚 WPP等等 包括像比較火的河馬昇仙 阿里媽媽 包括我們每天用的韻達 或者是每天要用的美圖秀秀 其實我們把所有的 能夠涵蓋到的行業裏面的信息 logo都找出來 我們來看一看這些形象裏面 它有沒有什麼共性的元素 那麼在發掘元素之前 我們再來看另外一個問題 我們設計師在有生之年 能夠看得到的圖形 一共就是這麼4類 首先第一類是直線形的圖形 第二類是曲線形的圖形 第三類是有機形態的 第4種是自然形態的圖形 也就是說在整個的設計領域裏面 我們能接觸得到的 就是這4類圖形 那麼前兩者直線跟曲線 我們又稱之爲是幾何形態圖形 只要吃透了這4個圖形 以及這4個圖形的演化形式 你可以利用它去解決 所有的設計問題 包括我們說是從傳統的平面設計 還是品牌設計 或者是UI 基本上它的圖形形態 不會跑出這4種形式 除了那4種基本形式之外 它會有4種基本的演變形式 那麼我們來舉一個例子 就是通過圓形的例子來講 那麼圓形它有4種關係 這4種關係分別是大小 虛實 濃淡和多少 大小很好理解 它形成在面積上 在體積上會有一個對比 這就是大小的關係 那麼虛實之間 因爲我們說圖形 它有虛實的這種變化 那麼實心的 我們還要理解 就是比較實的圖形 虛的就是以線爲主 這種面跟線的對比 我們稱之爲是虛實 那麼第三種叫濃淡 也就是它顏色的這種深淺 濃淡變化 第4種叫多少 比如說一個元素跟多個元素 在數量上形成一個對比 這是基本的第一種關係 然後第二種關係 我們說由大小裏面 我們可以演變出來 從無窮大到無窮小 它可以從點到面 也可以從面到線 它可以又進行二次的變化 點和點之間的變化 它又有8種不同的關係 比如說兩個圖形之間 它有一段距離的時候 我們稱之爲叫分離 如果兩個圖形相交 或者相切的時候 我們叫接觸 或者是兩個圖形叫聯合在一起 相交在一起叫聯合 虛實之間或者是面線之間 兩個圖形相交 我們說叫減缺 或者是叫疊透 等等這一系列的變化 那麼從虛的線裏面 我們說線它也有直的 有斜的有曲的 那麼圍繞着一個元素的這4種變化 基本上我們可以帶着這個問題 去來解讀 剛纔我們來看到的 這幾類標識的做法 然後我稍微補充一下 就是說我以一個點的形式 去衍生了4種變化 但是我們在實際的過程當中 做設計的過程當中 你也可以把它替代爲 方形跟圓形之間的變化 或者是三角形跟圓形之間的變化 但是這4種關係 它是牢牢的是不會變的 圖形是可以變 但是關係是永遠不會變的 那麼我們可以看一下 像WPP像58也好 芝麻也好 或者阿里媽媽也好 其實它整個的標識的形態 基本上都是用圓形來解決的 我們可以看 它裏面都是有一些圓形的點 然後可能像阿里媽媽稍微複雜一點 它是兩個圖形之間有聯合有接壤 那麼像8848的這款形象它很簡單 其實就是這種三角形的這種維度 進行設計的 包括像愛玩或者愛飯 其實它通過的是這種三角形的切割 足層的把它的信息跟元素集合在一起 那麼稍微複雜一點的是像 河馬和躲閃 包括像美圖 但是它也是經過這種方形跟圓形之間的 這種相互的交疊 最後得出了我們說最後的圖形 然後我從這裏面給大家找幾個 比較複雜的方案給大家拆解一下 比如說可能像芝麻信用 它圖形看起來可能不能夠一眼就能看出來 它是用圓形或者用方形來做的 還有卡通的河馬生鮮 第一步我們可以看一下 我用了兩個圓形進行了一個圓形的聯合 兩個圖形集合在一起了 那麼緊接着我們又通過方形跟這兩個 圓形進一步的聯合 也就是說把河馬的頭部給做出來 那麼在河馬頭部出來之後 我們又進一步的用了一個大的圓形 跟兩個下面的小圓形 跟上面的一個方形 整體做了一個方圓之間的聯合 也就是說通過這一步 我們把整個的河馬的下部的圖形 給它豐滿起來 緊接着我們可以看見在耳朵上面 那麼我們用了兩個方形倒圓角的方形 然後把耳朵做出來 其實整個在河馬生鮮這套形象裏面 其實就是用到了這三個圓形 一個方形加兩個倒了圓角的方形 基本上這套形象就很容易出來了 那麼我們再來看這個 芝麻心用 芝麻心用首先我用的是兩個圓形 作爲透疊 鏤空 緊接着我們用第三個圓形 做這種裁剪 裁削 然後因爲它整個圖形中間是鏤空的 通過這一條線要切出來 芝麻心用的頭部的圓形 圓環 緊接着我們又向下做了一個切面 向下做切面的時候 我們是確定的是芝麻心用裏面 logo裏面內藏的這條線的結構 我們進一步的去切它裏面 另外一層的結構 最終我們說通過這5個6個圓形相切 基本上就可以把logo的核心的圖形就切割出來了 其實我們可以反過來看一下 我們在創意的時候 只要把創意原點 我們的核心元素確定了 其實從技術層面去解讀的話 圖形是非常容易去做的 但是在這個項目裏面 重要的一個難點 就是在我們前期的發散跟聯想的過程當中 怎麼去能把設計的方向確定下來 這個是比較重要的 因爲我們其實在日常的工作當中 下面的設計師都會覺得 好像我們做方案並沒有那麼困難 一般你看我們網站上的那些大型的項目 基本上每一個方案的思考跟發散的時間會特別長 可能要用幾天的時間 但是真正臨門一腳的時候做圖形 基本都是在一個晚上 連貼圖做延展 一個晚上可能就做出來了 基本一個圖形的話 雛形基本十幾分鍾就出來了 所以說這就是爲什麼我們的效率這麼高 其實它每一個環節上要解決的問題是不一樣的 該解決方向思考捕捉信息的環節 我們在前面一定要搞定 那麼在解決技術層面上的東西的時候 我們要通過這種很簡單的圓角方 包括直線曲線這幾個基本的要素 就可以把它裁切出來 那麼除了我們剛纔說的基本的設計元素之外 其實還有一類大家可以瞭解一下 就是說關於設計形式的分類 常用的來講的話是存字體 比如像萬科 像OPPO 像方克 這一類的形象 其實都是這種單純的字體 並沒有過多的設計 那麼第二類是圖形 圖形類的標識 比如說像輕菊 驛車 像口碑 第三類比如說像噹噹 菜鳥 它把字體跟圖形相結合 把字體圖形化 基本上比較主流的思想就是這麼三種形式 但是其實隨着設計形式的發展 已經字體跟圖形或者字體圖形化之間 已經並沒有一個明確的界限了 我覺得這三種形式 大家可能作爲一個心裏有個數就可以了 但是我們在實際的操作的過程當中 其實這三種形式並沒有一個嚴格的界限 你比如說像OPPO 其實它也是將正規的字體進行圖形化處理了 包括像房客 其實它也在原來的基礎上 把N的處理稍微做了一些變化 對吧 所以說我們在理解字體圖形化的類型的設計裏面的時候 一定要保持一種 儘量從品牌設計師的角度去看圖形 去看設計 講到這一類型的時候 我再給大家舉個例子 就是說從品牌設計師的角度來講 看看字體類的標識應該怎麼做 從品牌的角度做字體變化的時候 我們可以看一下 因爲中國的文字 它是由象形的文字演化而來的 我們可以看這個魚字 是吧 首先它是來自於真實的一條魚 然後逐漸從甲骨文到篆書到隸書到楷書 你看它5個不同的角度 其實是在對這個魚的圖形做不同的抽象化的處理 由原來的這個具象化的一條魚 然後逐漸的把它抽象爲具有識讀意義的一個文字 也就是說是具象抽象化的過程 那麼我們怎麼來理解呢 我們的字體設計其實說在字體設計裏面 它恰恰是跟這個文字發展的演變歷史 是成一個逆向規則的 逆向走向的一個思路 比如說比較常見的 我們大家能夠經常能看見的蝦米的播放器的APP 那麼它基本構成元素 其實就是一個蝦米的蝦子 跟一個代表播放器播放音樂的按鍵 那麼它在做處理的時候 它追求的是將蝦子抽象的文字 逐漸的要跟象形具象的播放器的符號去結合 你看它整個的圖形到第三步的時候 它儘量的把抽象的蝦子 然後做一些彎曲的處理 然後讓它更加的去適配 適合播放器的三角的按鍵 以至於到第四步的時候 它已經完全的 基本上蝦子的感覺已經可能看不出來了 但是我們隱約的能夠感覺到蝦子的感覺 跟播放鍵的結合 已經結合的更加緊密了 所以說我們第一眼看上去 這就是一個播放鍵 但是你在識讀的時候 可能好像還有一點蝦的意思 所以說這就是我們說在做這種字體圖形化的時候 從品牌的角度去解讀 它基本是跟中國的文字發展的脈絡 其實是相反的 所以說這就是從品牌設計師的角度來講 字體的設計的一個邏輯 其實從品牌設計上來講的話 在技術上都沒有太多的難度 品牌其實它背後思考的就是 形式背後的一個邏輯 你看我們說要是如果給我們正常一個項目的話 我們可能會考慮這個字應該怎麼變是吧 它沒有一個確切的一個標準 但是如果你從文字的演變歷史來看 當我們下次再拿到這種類似的項目的話 我們就可以按照邏輯先找到你的創意點 然後把圖形跟你的創意點 逐漸的從抽象向具象化去轉移 最後得出來的結果 基本上就是一個比較完整的字體logo了 這就是我們所說的關於設計元素裏面的字體的 那麼我們再給大家來拆解一個 你比如說現在的一個互聯網品牌叫逸車是吧 和噹噹 這是我們經常買書的一個網站 那麼它在處理的時候 比如逸車它的核心元素 其實就是一個逸跟一個笑臉 那麼我們在創意在設計的時候 其實我們說把逸的詩讀性 已經把它逐漸的在弱化 已經不需要它說是一個原來的那種抽象的字母了 更多的它需要跟笑臉的這種實際的表情去結合 所以說我們說在最後的結果裏面 它的逸已經看不出來了 但是其實還有逸的味道 更多的是一個紅色的笑臉 然後跟我們整個的握手笑臉的元素做一個結合 所以說它的邏輯是這樣的 那麼噹噹其實更好容易去理解了 敢作敢當當 就是它用了一個極其貓的小叮噹的小鈴鐺 作爲一個設計元素 那麼它在做漢字的時候 它把當字跟小鈴鐺做了一個結合 那麼它在結合的過程當中 它完全拋棄掉了原來當字的結構 那麼它更多的是把鈴鐺的結構 包括它的鈴鐺外面的圓形 跟裏面的鏤空的部分 更好地去跟漢字去結合 所以說最終出來的logo 它是一個兼具了這種具象元素的小鈴鐺的元素 你又能好像是又是一個噹噹的當字 是這麼一個概念 那麼我們把關於創意元素設計元素圖形的猜解 我給大家這塊做一個小節 那麼我們在做圖形猜解的時候 我們首先講的是圖形元素的猜解公式 就是說我們怎麼去看一個logo 或者說是在傳播過程當中 用戶是先感知到什麼的 它的一個邏輯順序就是由圖形形狀到色彩 然後最終到它的形式 那麼我們說圖形怎麼去解決 我們用了4種能夠看得到的這種圖形形態 比如說直線的曲線的 其實這是幾個圖形 包括第三種有機形態跟自然形態 那麼我們是要用這種4種形態 去跟我們的標識設計去做結合 那麼是不是這4種形態都可以解決 不是 這4種圖形它其實是有幾個變體的 有4種變化 大小的 虛實的 多少 濃淡 4種變化 還有8對關係 比如說分離 接觸 覆蓋 透疊 還有差疊 包括重合減缺 其實這4種圖形的這4種變化加8種關係 基本上就可以解決我們在設計領域裏面 關於視覺元素的一些變化的問題 那麼在最後我們也講了 關於標識的3種形式 是吧 字體圖形或者是字體圖形化 這麼3種類別 然後在這裏面 其實我主要講的是 關於直線曲線的幾個圖形的用法 那麼像有機形態和自然形態 它在我們的設計領域裏面 可能能夠預見能夠用到的幾率 在10%左右 所以是一個比較小的一個概率事件 一般來講商業設計裏面 它更多的會傾向於用這種幾個圖形去做設計 因爲幾個圖形它更方便落地 更方便去製作