《設計心經》讀書筆記

上部 3天打通任脈-配色

第一章 配色視覺要素

HSB模式,色相 H(hues)、飽和度 S(saturation)、亮度 B(brightness)。

基本色相指的是:紅橙黃綠青藍紫;飽和度指顏色的純度:0%(灰色)~100%(完全飽和),例如白牛奶+20%的紅顏料得到20%飽和度的紅色;亮度是指顏色的相對明暗程度:0%(黑 沒有光亮)~100%(白 最亮)例如20%紅顏料+80%黑顏料得到20%亮度的紅色。

第二章 配色關系要素

配色=色相H+飽和度S+亮度B

第三章 配色表征要素

表征要素包括:內容、含義、功能、目的、風格。飽和度低的高端大氣,紅黃搭配常表示廉價。印象圖片+提取顏色+調整關系=印象配色

第四章 配色吸星大法

例如搜索關鍵詞:健康的、自然的、美味的、活潑的、兒童的、沉穩的、野性的、溫暖的、輕盈的等等。

下部 5天打通督脈-版式

第五章 版式視覺要素

5.1實用的點線面

用信息積木圖繪制版式點線面,“文字組合”與“圖文編排”永遠是平面設計中最基本的技能,英文是字母一個單詞就是一小條,中文是方塊字,一個字就是一個點,所以英文版式和中文版式給人的觀感是不一樣的。



5.2三種簡單的空間

空間構成也可分為:形狀空間、版面空間、場景空間。

何為形狀空間?在一個有限的版面內,文字及圖片都是視覺要素,它都會占據一定的版面空間,而視覺要素之外的地方就是空的,所以視覺要素占據的整體輪廓空間我們稱之為正形狀空間,留空的地方為負形狀空間。


何為版面空間?指可延展的空間,包括方向,例如圖片裁切出血的設計,不局限于固定版面,顯得大氣。

何為場景空間?就是用三維空間的思維去感知二維的平面版式,發揮想象,建立前后遠近的觀念,對應到設計軟件里就是前景層、中景層、背景層,設計時可以先建好三個圖層,重要信息放在前景層,次要信息放中景層,輔助信息放背景層,利用這樣容易打造遠近空間感;


場景也有很多分類的,有現實的,超現實的,還有抽象的。現實的和超現實的的場景通常由圖片來展現,抽象的場景一般不用圖片而是用文字、圖形、符合等東西來組成,再利用大小、遠近、運動等方法打造空間感,但這個空間是非真實的,無邊界的、不可測量的抽象空間。


5.3圖形圖像圖標圖表

視覺要素的種類一般可歸納為:點、線、面、體、圖、文、色、格。

圖指的是:圖像、圖形、圖標、圖表。

常見的圖像處理類型有出血型(大背景圖片)、方塊形(方形圖片)、外框型(幾何形/扇形/梯形等圖片嵌套形式)、摳出型(摳圖)、羽化型(漸變虛化形式制造自然銜接)、復合型(2~3種類型結合)





5.4文字符號

維基百科中對于行間距(行距)的解釋是指字體連續行的基線間距離,這個詞起源于手工排版的年代;日本的某些設計里,行距指行間留白,連續行的基線距離才叫行高,各國定義不統一。

平面設計里有句話叫做“形式追隨內容”意思是要根據內容特點選取恰當的排版方式。

文字對齊方式有左對齊(符合閱讀習慣),右對齊(與右邊排版組合),居中對齊(圖形節奏感強),左右對齊(中間“瀑布”是軸心,左邊靠左對齊,右邊靠右對齊)



5.5隱形的網格

傳統上網格系統又叫柵格系統,網格最基本的功能就是規劃版面,節約了‘改稿率’,版面上所有元素都被數據化了,圖片為什么這個尺寸,文字為什么放這里,一切有法可依,有據可尋。-“我要讓他網格對齊”。網格自身所具有的規范化、模塊化、標準化、理性化特性,讓無數憑感覺做設計的苦逼從此走上理性設計之路,德國的包豪斯學院在1919年就已經提出了這樣的思想,國內設計還是要落后很多年。

頁面規劃的本質就是用比例來合理控制頁面上的所有視覺要素。

黃金比例只需記住“1”,“0.618”“1.618”三個數字即可。黃金矩形(距形短邊:矩形長邊=0.618:1)

第六章 版式關系要素

在設計上關系要素可分為三類:要素與主題的關系、要素與頁面的關系、要素與其他要素的關系。

要素與主題的關系:視覺要素落入版面之前要經過“相關性、獨特性、合法性、建設性(積極內容)”的過濾。

要素與頁面的關系:“空版率”“圖版率”“文版率”。


何為空版率?空版率主要用來控制信息量的,信息量越多,空版率就越低。我們要根據不同的設計類型與載體把握頁面信息量,也就是控制空版率;何為圖版率?也就是圖片面積與頁面總面積的比例。何為文版率?;也就是文字面積與頁面總面積的比例。

選取合適的圖文組合形式。常見的圖文組合有:分離、連接、相交、重疊。分離是指兩者之間互不接觸,連接是指兩者輪廓在邊上有接觸,相交是指兩者有部分面積是交集,重疊是指兩者重合,有前層、后層之分。

同時排版設計也要注意節奏變化。節奏是同類要素在重復、間隔、強弱三方面的規律變化。說白了節奏就是要在大小、方向、長短、高低、強弱、明暗、鮮濁、形狀、色彩、材質機理上作有規律的調整。


第七章 版式表征要素

視覺要素+關系要素=表征要素




最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容