上部 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)
第六章 版式關系要素
在設計上關系要素可分為三類:要素與主題的關系、要素與頁面的關系、要素與其他要素的關系。
要素與主題的關系:視覺要素落入版面之前要經過“相關性、獨特性、合法性、建設性(積極內容)”的過濾。
要素與頁面的關系:“空版率”“圖版率”“文版率”。
何為空版率?空版率主要用來控制信息量的,信息量越多,空版率就越低。我們要根據不同的設計類型與載體把握頁面信息量,也就是控制空版率;何為圖版率?也就是圖片面積與頁面總面積的比例。何為文版率?;也就是文字面積與頁面總面積的比例。
選取合適的圖文組合形式。常見的圖文組合有:分離、連接、相交、重疊。分離是指兩者之間互不接觸,連接是指兩者輪廓在邊上有接觸,相交是指兩者有部分面積是交集,重疊是指兩者重合,有前層、后層之分。
同時排版設計也要注意節奏變化。節奏是同類要素在重復、間隔、強弱三方面的規律變化。說白了節奏就是要在大小、方向、長短、高低、強弱、明暗、鮮濁、形狀、色彩、材質機理上作有規律的調整。
第七章 版式表征要素
視覺要素+關系要素=表征要素