交互設計 | 解密版式設計的四大法則(上)

這本書是我去年年底到圖書館還書時偶然看到的,簡單翻看了一下,出版時間竟然是2017-5-1;想不到圖書館還會時不時添點新書,給我的感覺如同去餐館用餐完準備走人時,服務員突然送上一盤水果或甜點,有點意外的小小驚喜。

看標題就知道這是一本講設計的書,可能有小夥伴會覺得,我又不是搞設計的,看這書幹嘛。值得提及的是,這並不是一本專業設計書,而是「一本面向非設計人員的書」。所以,從事專業設計的小夥伴可以洗洗睡了。

我們平時工作中難免會做個PPT,寫點文章什麼的;但是,頭腦里根本沒啥設計準則和規範,要麼按自己的風格製作、要麼就沒頭沒腦地亂套用模板,結果自然是差強人意,關鍵是自己還渾然不知,發自內心覺得很滿意。

缺乏審美並不可怕,可怕的是「不知道自己缺乏審美」。

設計一方面是為了提升審美,讓人產生愉悅的感覺;另一方面是更快捷傳遞信息,盡量減少讀者的閱讀負擔和壓力。差的設計會讓人覺得閱讀很難受,比如字體太小,顏色太雜亂,排版太混亂等。

設計法則是從長期設計實踐中總結出的設計規律和規範。 這本書一共歸納了四大設計法則,一起來提升設計和審美吧。

想必和我們打交道最多的就是文字,而對文字的不同寫法就形成了各種各樣的字體,比如為我們熟知的字體有宋體、楷體、隸體、魏體等。當然,字體類型遠遠不止這些,目前國內的漢字字體就有300多種,並且還有專門的字體製作公司,比如北大方正、文鼎科技、漢儀字型檔、華康科技、造字工房、文悅科技等。這些公司製作的字體一般是商用,也就是有版權的,不能隨便亂用;但是由於國內對字體版權不重視,盜版猖獗,字體製作公司的生存舉步艱難。

想知道電腦上安裝了哪些字體,可以打開C盤Windows目錄的Fonts文件夾,如下:

如果想要安裝新的字體,可以上網下載字體文件然後將其拖到Fonts文件夾里就會自動安裝了。

字體類型分為兩類:「襯線體」和「非襯線體」。它們之間的區別就在於「襯線體」在字體開始和結尾處有裝飾或襯線,橫豎寬度有變化;「非襯線體」則沒有任何裝飾或襯線,橫豎寬度無變化。

「襯線體」和「非襯線體」各有其優缺點,適用於不同的用途。「襯線體」由於有裝飾,優點是優雅美觀;而「非襯線體」比較簡單直接,優點是直觀醒目。

字體不僅用於顯示文字內容,還存在設計風格,所以才有這麼多種字體;而不同的字體設計風格,給人的視覺感受各不相同,形成獨特的字體風格。

我們一起來看一下不同字體風格給人的視覺感受。

同一種設計風格的字體還存在不同的「字重」。所謂字重不是字的重量,而是字的粗細。

這裡「方正悠黑」和「漢儀旗黑」兩種字體風格都設計了很多不同粗細的字體。

會思考的小夥伴肯定會問,字的粗細不是可以通過「加粗」(快捷鍵CTRL+B)設置,幹嘛還專門設計不同「字重」的字體。答案是直接加粗字體,並不是真正把字體加粗,而是「偽加粗」,也就是在原來的字體周圍加上了陰影,效果自然比真正加粗差一些。不過,沒啥太高要求,也可以這麼干。

剛說到字體有300多種之多,就是專業的設計師恐怕也不可能全部熟悉,給大家看

一些常用的字體。

是不是覺得太多了,一下子根本看不過來。如果你要求不高,可以在任何地方只使用一種字體-「微軟雅黑」。「微軟雅黑」號稱萬能字體,是微軟公司在windows系統中預裝的字體,也就是說任何windows系統的電腦都有該字體;使用該字體雖然不博彩,但是也不出錯,及格吧。(如果你是蘋果電腦,使用「冬青黑體」,果粉專用哈)

另外,字體風格也存在時尚流行,比如最早使用最多的是「宋體」,現在已經被淘汰了,如果再使用的話意味著很low、很土。順便提及一下,現在主流設計風格還是喬布斯的扁平化設計和簡約風。

如果為了追求設計美感,可能就需要使用多種字體,這就需要字體搭配。值得注意的是,字體風格不要使用太多,一般不要超過3種。如果太多字體風格混搭在一起的話,會讓人覺得很怪異。

這裡用了兩種字體風格。

這裡用了五種字體風格。

我漸漸養成了一個習慣,就是出去吃飯、逛街時,喜歡看一看周圍的廣告牌。

這種招牌是不是一看就給人一種強烈的廉價感。

是不是好看的招牌各有各的好看,難看的招牌卻出奇的一致——強烈的廉價感。

歡迎關注「重文讀書會」微信個人公眾號

weixin.qq.com/r/my7N1dH (二維碼自動識別)


推薦閱讀:

如果我浪子回頭,你是否願意接受
知識城堡:最重要的事,只有一件
交互設計 | 解密版式設計的四大法則(下)
《平凡的世界》之賀秀蓮
10分鐘讀書《成功,動機與目標》

TAG:豆瓣讀書 | 讀書筆記 | 讀書會 |