
在說這本書之前,先來說說一個小插曲。剛拿到這本書的時候我是滿懷期待的以為又可以看到很多不同的設(shè)計理念,可當我粗略地翻了翻之后心里突然嘎噔一下,里面的配圖全是與游戲類網(wǎng)頁相關(guān)的案例。當時我就在考慮還要不要繼續(xù)看,因為我是一個B端設(shè)計師,平時的工作幾乎不會接觸到任何與游戲相關(guān)的設(shè)計工作,就在我糾結(jié)的時候朋友的一句話解決了我的顧慮“無論是什么樣的書你要學習的是思路與方法,舉一反三靈活運用才是真理,你管它看起來是不是你工作需要的”。沒錯,雖然這本書可能介紹的案例與我的工作毫不相干,但是學習并靈活運用里面的方法才是真正的目的,于是我就開始了這本書的閱讀時刻。
《形式感》這本書不是一本高大上的教科書,不涉及任何網(wǎng)頁前端開發(fā)或PS操作步驟,也沒有精深復(fù)雜的平面構(gòu)成和色彩搭配理論,這是一本速食的設(shè)計創(chuàng)意技巧手冊。它是一本以很直接的方式教你如何設(shè)計來快速解決視覺上的各種問題。
本書總共有十個主要模塊外加三章附錄,主模塊以說說、想想、看看、做做四個方面和大量案例來解釋不同的設(shè)計方法該如何運用。接下來我們來具體聊聊我認為這十個模塊中非常有用的五種設(shè)計方法
01.抄現(xiàn)實
抄現(xiàn)實是我們在設(shè)計中最直接也是最常用的一種方法,它顧名思義就是抄襲現(xiàn)實中存在的事物,將抽象的主題通過實體表達出來,并以之作為內(nèi)容信息的載體,可以在第一視覺上直觀地體現(xiàn)核心內(nèi)容并突出主題。
在抄現(xiàn)實的實施中有三個主要步驟:
減法:提煉物體特征,審查刪除重復(fù)的描述。
分塊:對信息進行消化。在吃透信息后將信息由粗到細進行分塊。分塊完成后,結(jié)合造型進行一定的信息和造型微調(diào)。
加法:具體的內(nèi)容填充。氣氛和視覺的補充。特征的還原和細節(jié)的補充。
02.圓、方、三角
圓形,方形和三角是網(wǎng)頁造型結(jié)構(gòu)中的精髓元素歸納,即使再豐富生動的物體也可以由它們組成。利用圓,方,三角可以:
1.打破習慣性思路
2.理性把握主線情感
3.變幻靈活
03.斷臂之美
因為殘缺,所以有了與眾不同的故事和特點,它的主題性和目標性比起完美的東西顯得更加強烈。斷臂的方法是通過去掉局部、選取局部以及替換局部來突出核心思想,讓特別的視角和畫面帶給觀眾更強烈的感受。
去掉局部:去掉局部是在原先完整的整體上,為了更好的突出、說明事物的特征和主題而刪去了其中一部分,它為主題的表現(xiàn)排除了視覺干擾,使中心更加明確。
選取局部:選取局部通常是因為這個部分是特征的集中表現(xiàn),它的獨立存在可以代表并放大整體的中心思想,使主題更加明確,情感更加集中。
替換局部:替換局部是使用更能表現(xiàn)主題的事物來替代特定的局部,從而使主題突出。替換事物的獨立風格與原有整體結(jié)合后,特征更明顯,引發(fā)更多的延伸思考。
04.欲擒故縱
在設(shè)計過程中,我們周圍經(jīng)常會充斥著這樣的聲音:再大一點,顏色再明亮一點,我們需要更炫的效果...通常在這種情況下我們很容易的使用加法,進行放大加粗提亮,導(dǎo)致整個畫面充滿了重點, 充滿了重點也就意味著毫無重點。所以面對需求的時候我們需要一個逆向的設(shè)計思維。突出并不意味著只能增強,我們也可以通過減弱來獲得。
加法:在原有的設(shè)計基礎(chǔ)上,增加、突出、放大、強化某個特定的部分使其突出。
減法:通過減少、縮小、弱化其他部分使得某個特定的部分得到突出
滿:“滿”的目的本身是希望用戶能夠看到并吸收更多信息,但呈現(xiàn)并不表示會被看到,而看到也不代表會被記住。
空:留白可以帶給信息更好的閱讀性,也為設(shè)計帶來更高的品質(zhì)感。往往“空”對內(nèi)容的吸收率更高。
05.乾坤大挪移
在時間短、沒點子、沒創(chuàng)意、又要快速捕捉眼球的時候怎么辦?使用乾坤大挪移通過對頁面整體的旋轉(zhuǎn)和平移可以快速改變視覺效果,它打破了正常網(wǎng)頁的視覺習慣,吸引了觀眾的注意力。
旋轉(zhuǎn):
整體旋轉(zhuǎn) — 背景與內(nèi)容一起旋轉(zhuǎn)。為了兼容性和可閱讀性,背景和內(nèi)容同時旋轉(zhuǎn)的角度盡量不要超過15度。
背景旋轉(zhuǎn) — 旋轉(zhuǎn)背景,信息內(nèi)容保持不變。這種旋轉(zhuǎn)方式既可以產(chǎn)生旋轉(zhuǎn)的視覺形式感,又可以保證文字信息的閱讀性,是推薦和常用的方式。
綜合旋轉(zhuǎn) — 根據(jù)內(nèi)容結(jié)構(gòu)進行有選擇的旋轉(zhuǎn)。
平移:將原有網(wǎng)頁信息內(nèi)容往左側(cè)或者右側(cè)平行移動,使頁面產(chǎn)生不穩(wěn)定的狀態(tài),然后在這種與常見方式不同的不平衡的布局中尋找更新鮮的創(chuàng)意和表現(xiàn)方式。
以上就是我認為非常有用的五種設(shè)計方式。但是無論是哪種設(shè)計方式都需要在實踐中更多的去嘗試、運用,才能夠找出最適合的效果。
本書還有三章附錄,主要說了一些與產(chǎn)品相關(guān)的內(nèi)容,或許它與設(shè)計方法無關(guān),但是其中有這么一句話我很喜歡:“設(shè)計師是一個協(xié)助產(chǎn)品和項目策劃通過視覺表現(xiàn)將產(chǎn)品信息傳遞給目標用戶的傳話人。也許有人覺得視覺傳話人的定義是否降低了一個設(shè)計師的地位和影響力,但是在團隊合作的關(guān)系中,每個人都把握和銜接著工作傳遞中不可或缺的一環(huán),能夠放下身段并真正幫助團隊,有效服務(wù)于產(chǎn)品的設(shè)計師才能最終擁有話語權(quán)和影響力。”
最后,感謝我的那位朋友讓我沒有錯過這么一本好書,所以現(xiàn)在我要運用這本書里的技巧去做圖了。那么你要和我一起么?