這本書(shū)說(shuō)實(shí)話并不是給做產(chǎn)品的人看的，是給設(shè)計(jì)師看的，而且還是游戲產(chǎn)品相關(guān)的設(shè)計(jì)師。不過(guò)因?yàn)檫@本書(shū)寫(xiě)的足夠入門(mén)，作者總結(jié)的一些思路蠻不錯(cuò)的，所以面向的閱讀對(duì)象也可以很廣，所以推薦的閱讀對(duì)象是：專(zhuān)門(mén)從事設(shè)計(jì)工作的同學(xué)、產(chǎn)品同學(xué)、交互設(shè)計(jì)同學(xué)、還有就是經(jīng)常做PPT的同學(xué)。
“形式感”我理解就是在做平面設(shè)計(jì)的時(shí)候的套路，這個(gè)套路讓你區(qū)分于隨機(jī)出作品的設(shè)計(jì)大師，而讓你更機(jī)械和更標(biāo)準(zhǔn)化的輸出一份設(shè)計(jì)作品，然后獲得順利驗(yàn)收。如果要提高生產(chǎn)率，讓工作輸出保持穩(wěn)定的水準(zhǔn)，形式感是必須要學(xué)的套路。
這本書(shū)總結(jié)了10種讓你的網(wǎng)頁(yè)設(shè)計(jì)保持形式感的方法，我可以再分分類(lèi)：1-3章節(jié)是從無(wú)到有的創(chuàng)作方式、4-6章節(jié)是有趣的創(chuàng)造性表現(xiàn)方式、7-10是專(zhuān)門(mén)的處理方案，比如7是設(shè)計(jì)與屏幕關(guān)系、8是設(shè)計(jì)中文字的處理、9是數(shù)字可視化處理、10是設(shè)計(jì)里的小物件。
接下來(lái)就沒(méi)個(gè)章節(jié)概要內(nèi)容進(jìn)行下梳理，讓這本讀后感能同時(shí)做一本讀書(shū)筆記是好事情~
1抄現(xiàn)實(shí)
有些設(shè)計(jì)主題可以直接通過(guò)現(xiàn)實(shí)生活原貌來(lái)激發(fā)靈感。讓抽象的主題通過(guò)實(shí)體表達(dá)出來(lái)，并以之作為信息載體，從而在視覺(jué)上直觀體現(xiàn)核心內(nèi)容并突出主題。
具體步驟是“減法-分塊-加法”。減法就是將復(fù)雜和細(xì)節(jié)化的物體進(jìn)行抽象化，通過(guò)輪廓及關(guān)鍵元素讓一眼知道這只有簡(jiǎn)單幾筆構(gòu)成的物體是什么，然后進(jìn)行信息分塊，考慮需要展示的信息如何結(jié)合，最后通過(guò)加法，添加一些配飾、物件讓版面更有趣和生動(dòng)。這一類(lèi)做法在球類(lèi)、棋牌、建筑等方面運(yùn)用比較多。
2圓、方、三角
圓形、方形與三角形是網(wǎng)頁(yè)造型結(jié)構(gòu)中得精髓元素的歸納，我們可以利用它進(jìn)行網(wǎng)頁(yè)框架的打造。
圓是可愛(ài)的、靈動(dòng)的、有親和力的畫(huà)面想象；
方適合在信息量較大的頁(yè)面中，或者莊重、嚴(yán)肅、情感內(nèi)斂的主題中；
三角帶來(lái)刺激的、運(yùn)動(dòng)的、時(shí)尚的、尖銳的。
設(shè)計(jì)的三步為“打大框架-為內(nèi)容進(jìn)行布局調(diào)整-擺文字和圖片”。
3斷臂之美
因?yàn)闅埲保辛伺c眾不同的故事和特點(diǎn)，它的主題和目標(biāo)性相比完美的東西更顯得強(qiáng)烈。
斷臂的做法有刪除局部、選取局部、替換局部三種方式。具體步驟是“置入主題-斷臂處理-信息排布”。這種方案在角色扮演類(lèi)游戲和人物廣告中運(yùn)用的比較多。
4欲擒故縱
再到處充滿加法的地方，我們可以使用減法讓主題突出。包括留空白、長(zhǎng)頁(yè)面展示、多層級(jí)頁(yè)面展示三種方式。
過(guò)于頻繁的單一的使用加法往往會(huì)把自己逼上絕路，這點(diǎn)很有感觸。想要簡(jiǎn)潔高大上？想要保持較好的可讀性？那真應(yīng)該嘗試下這種方式。
5乾坤大挪移
乾坤大挪移就是對(duì)頁(yè)面進(jìn)行整體的旋轉(zhuǎn)和平移，這是改變視覺(jué)的快速有效方法。包括整體旋轉(zhuǎn)、背景旋轉(zhuǎn)和綜合旋轉(zhuǎn)。操作步驟為“旋轉(zhuǎn)板式-主視覺(jué)設(shè)定-信息排布”。平移則包含上下格局、左右格局、混合格局的平移，讓頁(yè)面開(kāi)合有度，避免背景與文字信息的打架。
關(guān)于旋轉(zhuǎn)有幾個(gè)注意點(diǎn)：
1）非內(nèi)容必要原因，文字盡量保持一定的規(guī)律排布對(duì)齊。
2）非內(nèi)容必要原因，并列內(nèi)容盡量使用同一變換角度。
6雜志板式
雜志具有輕薄質(zhì)感、節(jié)奏感強(qiáng)、圖片大視覺(jué)等特點(diǎn)。常見(jiàn)的做法是背景大圖、信息圖形化、文字配圖。這個(gè)適合在BANNER圖上應(yīng)用，BANNER常常是人一眼看到一個(gè)網(wǎng)站、APP的第一映像來(lái)源（誰(shuí)讓它那么顯眼呢），所以在放置信息入口的時(shí)候要兼顧品牌信息的傳遞，這個(gè)在大廠做的比較好。
7全屏大視野
顯示器分辨率越來(lái)越高，所以設(shè)計(jì)師也開(kāi)始思考如何滿足更大屏幕用戶(hù)的需求-當(dāng)然也要兼顧原有的小屏幕。作者提出可以用大圖平鋪?zhàn)赃m應(yīng)、中心定位兩側(cè)自適應(yīng)、單側(cè)定位中心延展、小切糕全屏響應(yīng)式等方式來(lái)解決大屏幕與小屏幕的適應(yīng)問(wèn)題。這方面在游戲活動(dòng)、產(chǎn)品宣傳等注重品牌美譽(yù)度的方面應(yīng)用的比較多。
8文字衣櫥
這一章節(jié)專(zhuān)門(mén)介紹設(shè)計(jì)頁(yè)面中文字如何處理的問(wèn)題。文字展示經(jīng)常包含標(biāo)題、副標(biāo)題、小標(biāo)題、序號(hào)、內(nèi)容說(shuō)明、提示說(shuō)明、關(guān)鍵詞、圖示、按鈕等內(nèi)容。作者給出解決方案應(yīng)該“大關(guān)系、分要點(diǎn)、小字眼”。
·“大關(guān)系”就是為了還擊大篇幅文字對(duì)閱讀造成恐懼，應(yīng)該理清段落之間的關(guān)系（并列、流程等）。
·“分要點(diǎn)”就是標(biāo)識(shí)段落里的結(jié)構(gòu)，提取信息段落里的主要元素，從大到小，從重到清。
·“小字眼”就是關(guān)鍵要點(diǎn)，比如數(shù)字、時(shí)間、地點(diǎn)、獎(jiǎng)勵(lì)等。通常會(huì)標(biāo)紅或安置在特殊的位置。
你看起來(lái)很好吃
講完了文字布局，作者繼續(xù)講解數(shù)據(jù)圖形化展示方式，分為并列型、對(duì)比型、流程型。并列型常見(jiàn)的就是餅圖、環(huán)形圖、地圖；對(duì)比型常見(jiàn)的是柱狀圖、折線圖；流程型常見(jiàn)是任務(wù)流程、分支流程、循環(huán)流程等。
可視化其實(shí)在總結(jié)、產(chǎn)品對(duì)比、時(shí)間任務(wù)等方面經(jīng)常用到。這方面有很多專(zhuān)門(mén)的書(shū)籍，有很大的學(xué)問(wèn)。
釘釘柳柳
釘釘柳柳指網(wǎng)頁(yè)中的小裝飾，它并非主體的形式感或者大的UI，而是網(wǎng)頁(yè)設(shè)計(jì)中非主體的裝飾，比如一個(gè)小圖標(biāo)，或者一些小裝飾。
文中介紹了小圖標(biāo)、小序號(hào)、小字與小手繪。小的圖標(biāo)很難被我們關(guān)注，但是卻在潛意識(shí)里為整體頁(yè)面的易用性、舒適性、節(jié)奏感和親切度默默加分。
至此，本書(shū)已經(jīng)基本看完。這本書(shū)講的道理比較淺顯，是速成快餐。但是看完這本書(shū)后才知道這些只是皮毛而已，更難的地方在于創(chuàng)意的誕生以及如何制造視覺(jué)焦點(diǎn)、讓整體有節(jié)奏感，這些都是本書(shū)沒(méi)有涉及的。
另外，本書(shū)如果改版，可以增加動(dòng)效設(shè)計(jì)。
