《寫給大家看的設(shè)計書》筆記

四大原則

對比:可讀性,強調(diào)重點。對比的元素需截然不同。包括字體、顏色、間隔、材質(zhì)(背景)。

重復:一致性,增強認知度。包括標題、符號、顏色、格式、空白(間距)。未必完全相同,注意對比。

對齊:統(tǒng)一性、有條理。所有元素都和其他元素存在關(guān)聯(lián),不是孤立的。正文和標題要用同一種對齊。文本塊可以靠圖片對齊。

親密性:位置的接近表示存在關(guān)聯(lián),即親密性。多個存在親密性的項成為一個視覺單元。親密的目的是組織性,信息更有條理,易于閱讀,空白更美觀。

設(shè)計原則中,對比效果最顯著。

顏色

CMYK—一種藍色、粉色、黃色和key色(通常會為黑色),黑色表示所有色混合,白色為無色。一般用作實體印刷;

RGB—紅綠藍,用作電子屏幕,白色為所有色混合,黑色為無色。

色輪為三原色黃紅藍組成。處于色輪上對面的兩色為互補色,最佳搭配—主色和強調(diào)。

紅藍黃為基色三色組。他們的中間色—綠橙紫間色三色組。

選擇互補色兩側(cè)的顏色,為分裂互補三色組。

色輪最外面的顏色都是純色,即色調(diào)。向色調(diào)增加黑色構(gòu)成暗色,增加白色構(gòu)成亮色。

使用以上三種三色組的亮色與暗色組合。使用官方顏色的分裂互補色??梢詾轫椖坑凶越ㄕ{(diào)色板。

可以吸取一張自然風景圖片上的多個顏色。

色質(zhì):色調(diào)+明暗。避免相似色質(zhì)的顏色組合在一起。

冷色與暖色:冷色趨于后退,暖色趨于前進,冷色與暖色組合要少用暖色,多用冷色來襯托。不要讓冷暖太均衡。

關(guān)于網(wǎng)站視覺設(shè)計的注意點:

不要對文本鏈接使用下劃線加默認藍色;不要用熒光色;正文不要用粗體;行寬不要太長。盡量不要使用Arial, Helvetica, times roman。

web設(shè)計重要的兩個因素—重復、清晰。在每個頁面重復視覺元素,這樣用戶知道他們在你的網(wǎng)站中,也增加了統(tǒng)一性和連續(xù)性。

字體

不要設(shè)計多個類似的字體。可以讓它們完全不同。

字體類別:

old style: 基于手寫體。字母筆畫末端的截線傾斜,所有筆畫都有由粗到細的變化,最細處的強調(diào)線為對角線。old style是顯示大量文字的最佳選擇。

modern:截線水平。筆畫粗細過度劇烈,強調(diào)線是垂直的。modern給人感覺冷酷、高雅。

slab serif: 誕生于廣告設(shè)計。粗細差別很小,截線水平,強調(diào)線垂直。簡潔、直接,可用于顯示大量文本。比old style更粗一點。

sans serif: 沒有截線(筆鋒)。無粗細之分,無強調(diào)線。

script: 書法風格。不要用多。

decorative:裝飾字。同樣不要用多。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容