在說這本書之前,先來說說一個(gè)小插曲膊爪。剛拿到這本書的時(shí)候我是滿懷期待的以為又可以看到很多不同的設(shè)計(jì)理念,可當(dāng)我粗略地翻了翻之后心里突然嘎噔一下据块,里面的配圖全是與游戲類網(wǎng)頁相關(guān)的案例。當(dāng)時(shí)我就在考慮還要不要繼續(xù)看募书,因?yàn)槲沂且粋€(gè)B端設(shè)計(jì)師,平時(shí)的工作幾乎不會(huì)接觸到任何與游戲相關(guān)的設(shè)計(jì)工作测蹲,就在我糾結(jié)的時(shí)候朋友的一句話解決了我的顧慮“無論是什么樣的書你要學(xué)習(xí)的是思路與方法莹捡,舉一反三靈活運(yùn)用才是真理,你管它看起來是不是你工作需要的”扣甲。沒錯(cuò)篮赢,雖然這本書可能介紹的案例與我的工作毫不相干,但是學(xué)習(xí)并靈活運(yùn)用里面的方法才是真正的目的琉挖,于是我就開始了這本書的閱讀時(shí)刻启泣。
《形式感》這本書不是一本高大上的教科書,不涉及任何網(wǎng)頁前端開發(fā)或PS操作步驟粹排,也沒有精深復(fù)雜的平面構(gòu)成和色彩搭配理論种远,這是一本速食的設(shè)計(jì)創(chuàng)意技巧手冊(cè)。它是一本以很直接的方式教你如何設(shè)計(jì)來快速解決視覺上的各種問題顽耳。
本書總共有十個(gè)主要模塊外加三章附錄坠敷,主模塊以說說、想想射富、看看膝迎、做做四個(gè)方面和大量案例來解釋不同的設(shè)計(jì)方法該如何運(yùn)用。接下來我們來具體聊聊我認(rèn)為這十個(gè)模塊中非常有用的五種設(shè)計(jì)方法
01.抄現(xiàn)實(shí)
抄現(xiàn)實(shí)是我們?cè)谠O(shè)計(jì)中最直接也是最常用的一種方法胰耗,它顧名思義就是抄襲現(xiàn)實(shí)中存在的事物限次,將抽象的主題通過實(shí)體表達(dá)出來,并以之作為內(nèi)容信息的載體柴灯,可以在第一視覺上直觀地體現(xiàn)核心內(nèi)容并突出主題卖漫。
在抄現(xiàn)實(shí)的實(shí)施中有三個(gè)主要步驟:
減法:提煉物體特征,審查刪除重復(fù)的描述赠群。
分塊:對(duì)信息進(jìn)行消化羊始。在吃透信息后將信息由粗到細(xì)進(jìn)行分塊。分塊完成后查描,結(jié)合造型進(jìn)行一定的信息和造型微調(diào)突委。
加法:具體的內(nèi)容填充。氣氛和視覺的補(bǔ)充冬三。特征的還原和細(xì)節(jié)的補(bǔ)充匀油。
02.圓、方勾笆、三角
圓形敌蚜,方形和三角是網(wǎng)頁造型結(jié)構(gòu)中的精髓元素歸納,即使再豐富生動(dòng)的物體也可以由它們組成匠襟。利用圓钝侠,方该园,三角可以:
1.打破習(xí)慣性思路
2.理性把握主線情感
3.變幻靈活
03.斷臂之美
因?yàn)闅埲彼嵘幔杂辛伺c眾不同的故事和特點(diǎn)帅韧,它的主題性和目標(biāo)性比起完美的東西顯得更加強(qiáng)烈。斷臂的方法是通過去掉局部啃勉、選取局部以及替換局部來突出核心思想忽舟,讓特別的視角和畫面帶給觀眾更強(qiáng)烈的感受。
去掉局部:去掉局部是在原先完整的整體上淮阐,為了更好的突出叮阅、說明事物的特征和主題而刪去了其中一部分,它為主題的表現(xiàn)排除了視覺干擾泣特,使中心更加明確浩姥。
選取局部:選取局部通常是因?yàn)檫@個(gè)部分是特征的集中表現(xiàn),它的獨(dú)立存在可以代表并放大整體的中心思想状您,使主題更加明確勒叠,情感更加集中。
替換局部:替換局部是使用更能表現(xiàn)主題的事物來替代特定的局部膏孟,從而使主題突出眯分。替換事物的獨(dú)立風(fēng)格與原有整體結(jié)合后,特征更明顯柒桑,引發(fā)更多的延伸思考弊决。
04.欲擒故縱
在設(shè)計(jì)過程中,我們周圍經(jīng)常會(huì)充斥著這樣的聲音:再大一點(diǎn)魁淳,顏色再明亮一點(diǎn)飘诗,我們需要更炫的效果...通常在這種情況下我們很容易的使用加法,進(jìn)行放大加粗提亮界逛,導(dǎo)致整個(gè)畫面充滿了重點(diǎn)昆稿, 充滿了重點(diǎn)也就意味著毫無重點(diǎn)。所以面對(duì)需求的時(shí)候我們需要一個(gè)逆向的設(shè)計(jì)思維仇奶。突出并不意味著只能增強(qiáng)貌嫡,我們也可以通過減弱來獲得。
加法:在原有的設(shè)計(jì)基礎(chǔ)上该溯,增加岛抄、突出、放大狈茉、強(qiáng)化某個(gè)特定的部分使其突出夫椭。
減法:通過減少、縮小氯庆、弱化其他部分使得某個(gè)特定的部分得到突出
滿:“滿”的目的本身是希望用戶能夠看到并吸收更多信息蹭秋,但呈現(xiàn)并不表示會(huì)被看到扰付,而看到也不代表會(huì)被記住。
空:留白可以帶給信息更好的閱讀性仁讨,也為設(shè)計(jì)帶來更高的品質(zhì)感羽莺。往往“空”對(duì)內(nèi)容的吸收率更高。
05.乾坤大挪移
在時(shí)間短洞豁、沒點(diǎn)子盐固、沒創(chuàng)意、又要快速捕捉眼球的時(shí)候怎么辦丈挟?使用乾坤大挪移通過對(duì)頁面整體的旋轉(zhuǎn)和平移可以快速改變視覺效果刁卜,它打破了正常網(wǎng)頁的視覺習(xí)慣,吸引了觀眾的注意力曙咽。
旋轉(zhuǎn):
整體旋轉(zhuǎn) — 背景與內(nèi)容一起旋轉(zhuǎn)蛔趴。為了兼容性和可閱讀性,背景和內(nèi)容同時(shí)旋轉(zhuǎn)的角度盡量不要超過15度例朱。
背景旋轉(zhuǎn) — 旋轉(zhuǎn)背景孝情,信息內(nèi)容保持不變。這種旋轉(zhuǎn)方式既可以產(chǎn)生旋轉(zhuǎn)的視覺形式感茉继,又可以保證文字信息的閱讀性咧叭,是推薦和常用的方式。
綜合旋轉(zhuǎn) — 根據(jù)內(nèi)容結(jié)構(gòu)進(jìn)行有選擇的旋轉(zhuǎn)烁竭。
平移:將原有網(wǎng)頁信息內(nèi)容往左側(cè)或者右側(cè)平行移動(dòng)菲茬,使頁面產(chǎn)生不穩(wěn)定的狀態(tài),然后在這種與常見方式不同的不平衡的布局中尋找更新鮮的創(chuàng)意和表現(xiàn)方式派撕。
以上就是我認(rèn)為非常有用的五種設(shè)計(jì)方式婉弹。但是無論是哪種設(shè)計(jì)方式都需要在實(shí)踐中更多的去嘗試、運(yùn)用终吼,才能夠找出最適合的效果镀赌。
本書還有三章附錄,主要說了一些與產(chǎn)品相關(guān)的內(nèi)容际跪,或許它與設(shè)計(jì)方法無關(guān)商佛,但是其中有這么一句話我很喜歡:“設(shè)計(jì)師是一個(gè)協(xié)助產(chǎn)品和項(xiàng)目策劃通過視覺表現(xiàn)將產(chǎn)品信息傳遞給目標(biāo)用戶的傳話人。也許有人覺得視覺傳話人的定義是否降低了一個(gè)設(shè)計(jì)師的地位和影響力姆打,但是在團(tuán)隊(duì)合作的關(guān)系中良姆,每個(gè)人都把握和銜接著工作傳遞中不可或缺的一環(huán),能夠放下身段并真正幫助團(tuán)隊(duì)幔戏,有效服務(wù)于產(chǎn)品的設(shè)計(jì)師才能最終擁有話語權(quán)和影響力玛追。”
最后,感謝我的那位朋友讓我沒有錯(cuò)過這么一本好書痊剖,所以現(xiàn)在我要運(yùn)用這本書里的技巧去做圖了韩玩。那么你要和我一起么?