心智圖資源庫 平面設計版式設計
這是一個關於平面設計之版式設計的心智圖,包含設計三要素、設計原則、建立條理!(版面基礎排列)、添加變化(版面變化設計)、突出強調(突出特定要素、設計技巧(建立經驗累積)等。
編輯於2024-11-02 22:03:01This is a mind map about the annual work plan of the three pillars of human resources. The main contents include: strategic human resources planning, talent recruitment and allocation, employee performance management, employee training and development, employee relationships and communication, employee welfare and care, human resources information system construction, regulatory compliance and risk management, and organizational culture construction.
This is a mind map for the diagnosis and treatment of acute cerebral hemorrhage in patients with hemodialysis. The annual incidence of acute cerebral hemorrhage in patients with hemodialysis is (3.0~10.3)/1000, and the main cause is hypertension. Compared with non-dialysis patients, the most common bleeding site is the basal ganglia area, accounting for 50% to 80%; but the bleeding volume is large and the prognosis is poor, and the mortality rate is 27% to 83%. Especially for patients with hematoma >50ml, hematoma enlarged or ventricular hemorrhage on the second day after onset, the prognosis is very poor.
The logic is clear and the content is rich, covering many aspects of the information technology field. Provides a clear framework and guidance for learning and improving information technology capabilities.
This is a mind map about the annual work plan of the three pillars of human resources. The main contents include: strategic human resources planning, talent recruitment and allocation, employee performance management, employee training and development, employee relationships and communication, employee welfare and care, human resources information system construction, regulatory compliance and risk management, and organizational culture construction.
This is a mind map for the diagnosis and treatment of acute cerebral hemorrhage in patients with hemodialysis. The annual incidence of acute cerebral hemorrhage in patients with hemodialysis is (3.0~10.3)/1000, and the main cause is hypertension. Compared with non-dialysis patients, the most common bleeding site is the basal ganglia area, accounting for 50% to 80%; but the bleeding volume is large and the prognosis is poor, and the mortality rate is 27% to 83%. Especially for patients with hematoma >50ml, hematoma enlarged or ventricular hemorrhage on the second day after onset, the prognosis is very poor.
The logic is clear and the content is rich, covering many aspects of the information technology field. Provides a clear framework and guidance for learning and improving information technology capabilities.
平面設計版式設計
模仿、練習、堅持
設計三要素
排版、配色、字體、效果設計(字體和顏色不超過三種、依風格選擇)
設計原則
親密性
將相關的內容元素集中在一起,不相關的內容區分開來,才能更清晰有條理的展示畫面信息,不要過度分散畫面元素和視線,重點突出每個相關聯的內容版塊
將相關聯的標題和正文集中放在一起,並將標題加粗,正文縮小,將每段不同的內容版塊用較大留白隔開
訓練你的設計師之眼:從其他設計作品中按親密原則找出其中存在的問題
對齊
任何元素都不能隨意放在有空白的地方,一定要與某個內容有視覺聯繫,要使頁面統一有條理
不要同時使用左右上下間距居中多種對齊,盡量選擇同一種對齊方式,左右齊比居中對齊更美觀,對齊線會更直觀,如果非要居中對齊,也要保持上下元素和文本長度不一致,才會顯得不死板
訓練你的設計師之眼:找出一些有問題的設計作品,利用對齊原則來優化它們。再找出一些優秀的設計作品,學習它們是如何運用對齊的
重複
重複使用畫面中的設計手法(例如同樣的加粗,同樣的顏色,同樣的留白,同樣的線條,同樣的排版和對齊,同樣的符號),可以讓畫面的不同內容既有獨立塊區分,又能保持整體統一性,但是重複數量不能太多,會不容易突顯重點
訓練你的設計師之眼:找一個利用重複性手法的設計作品,找出畫面中有多少重複的元素
對比
不同的內容對比一定要區分強烈,截然不同,主次層級結構清晰,將重要的訊息在不重要的訊息中突出對比出來
比較手法:大字體與小字體,字體加粗加黑與不加粗加黑,細的襯線字體與粗的無襯線字體,冷色與暖色,粗線條與細線條,水平與垂直對比,大間隔與緊湊對比,大圖片與小圖片對比,有色塊和無色塊,有框線和無框線,放大與縮小
總結:不要害怕留白,留白有助於畫面放鬆不壓抑 不要過度迷戀居中對齊,左右對齊效果會更好 不要害怕把標題放大,把內文放小
一、建立條理(版面基礎排列)
資訊整理:確定設計作品受眾、展現的環境和形式,最終目的、設計元素(產品圖 產品資訊)
設定版心(設計範圍(頁邊距)/出血位置—設定網格/輔助線,以展現畫面的整體感,然後進行各類資訊的分佈規劃(利用親密性原則分佈)
資訊擷取:最重要/次要的內容進行大小及位置排序重點突出,再設計主題和版面效果,部分資訊適當圖示化,凸顯精煉,直觀
貼近與遠離:將同類資訊貼近擺放,易於閱讀,不能太分散擺放,顯得雜亂無章
排列與對齊:在重複性和繁雜的圖文排版中,所有元素塊統一對齊,顯示出整體設計版面的邊緣直線感
畫面視覺引導:文字較多時,先後順序要排清楚,做好段落連結引導
構成與重複:畫面中的多個相同的資訊區塊時,可做成同樣的設計行式重複按規則擺放
曲線的靈活運用:用曲線貫穿整個畫面(顏色要淡要細),將畫面中的關聯訊息用線條組合起來,使畫面活潑不死板。
重心:設計時要注意整體畫面的重心,整體畫面要有對角對稱感,不要頭重腳輕,右空左無,疏密無度,重點次點分佈不合理,部分圖片背景可以超出出血位置,例如圖片放大位於下方,上方。左上角,右下角
對稱構圖:將圖文以三角形或倒三角形進行上下構圖,或左右對稱構圖(例如一整行商品兩側漸小的排列)字體對稱時選用襯線字體效果較好
比較:將兩個要素排列區分,比較出想要重點突出的那一個要素(電商常出現),例如汽車廣告的粗獷與時尚比較。 (丙個要素顏色區分
版面分割:可依黃金比例、白銀比例、三等分(上、中、下或1:2上下區域塊劃分很清晰)進行排放。
倒金字塔排版:將重要的資訊往上排(一般海報:選把主要資訊放上面,配圖放下面)(電影海報:配圖放上面,電影資訊放下面)
金字塔排版:將訊息依序從上往下排,依序一步步傳達訊息。
二、添加變化(版面變化設計)
留白:關聯要素接近的地方留白要小 ,主要元素周圍留白要大,不同訊息組、內容不同或想引起注意的地方留白也要大。也可以利用配圖中天空部分或白色部分留白。整個版面中,四角中留一處空白,製作空間的透氣口,不至於版面顯得滿,透不過氣。高級舒緩的奢華版面也適合大量留白
字體的粗細變化:使用同一字體的不同粗細,可以字體整體保持統一協調又富有層次變化
躍動感:適當變換角度,加上非水平、非垂直的直線或曲線、加入箭頭引導方向感(配的文字應與方向感一致
退底:為人物或圖片設定背景輪廓底色,帶來歡快的氣氛(娛樂雜誌中明星人物常用)
邊界:用細線條為每組同類要素隔開,或做一個形狀面,色塊用以隔開。
點綴:不想讓整體版面發生大幅度變化時,可以用元素進行大面積點綴
加入圖片:版面中只有文字不行,需要加入圖片增強注意力,可以更直覺的表現訊息內容。可擺放多張具有關聯性的照片(蒙太奇設計法),多張圖片時,可以相同的大小方式排版,若要突出某一張,可以單獨放大排版、或放在最前面或最中間顯眼的位置。
三、突出強調(突顯特定要素)
反差:利用背景亮度明暗(淡色底深色字),要素的形狀/顏色深淺/粗細/大小/顏色/親密度排列的變化來強調突出特定的要素(最好只反差出一兩個要素,太多會弱化強調效果)
差異:加框包圍、色塊圖示背景、隔線區分、改變元素角度,調整留白大小、單獨增加點綴元素(不改整體版面),製造反差效果、字體變化
放射:主體放中間,其他元素放射性排版,或在主要元素中增加背景或引導符號,以突出主要元素。或中間主體元素使用不同的顏色以顯示突出
軟硬:賦予要素軟硬的性質。例如將四邊形直角改成圓角,將直線改成曲線,或曲直結合,將區域元素邊緣作漸變柔和處理
四、設計技巧(建立經驗累積)
節奏:將許多相同的要素以多種角度和大小排版,營造出跳躍的節奏感。 (背景加入大小不一的淡顏色三角形、圓形) 數量感、誇張變形、放大比例
質地感:增加各種紋理材質效果
圖案:元素中添加圖案填充,添加的圖案要與畫面中其他元素顏色相協調
擬態:使用各類模擬現實物品的圖標(垃圾桶標識,衛生間標識,電腦/地圖/電話/天氣標識等)
印刷加工:非塗佈紙/膠版紙手感較粗糙,清晰度欠佳(圖畫/複印/書籍);塗層紙/銅版紙平滑有光澤、色調艷麗清晰(雜誌/書封/畫冊)
圖上設計文字:可以在圖片資訊量少(比較純色)的位置上設計文字,或沒有,可手動增加圖片上的純色部分,如常見的增加天空部分的圖文設計)或不能合成增加圖片的純色部分,則可以對文字進行突出設計(例如在文字後面增加塊色以示突出),文字的顏色可以在圖片中提取,保持統一。
畫面中加人物:可以直接放有背景的四方圖人物,但顯得普通。也可放摳圖後的人物,再將人物白色描邊,或在人物後方增加傾斜的色塊條)
動態海報:例如製作人物跑步的動態海報,可以將文字傾斜排版,粗細搭配,錯開擺放,背景中加入傾斜長短不一的色塊條。 (線 面,尺寸不均)
高級感海報:顏色兩種左右,字體統一,留白多,文字不加效果,使用黑色兩色,刪減多餘的內容,版面簡潔乾淨
產品海報設計想法:
刻畫主體一大一小(重複 放大)-文案資訊編排(主要 次要 字體設計 資訊分區)-配色 手繪豐富畫面
排版技巧:對齊(左右居中)、分組、層次對比(大小/粗細/形態/顏色/長短/虛實/淺深/亮暗/肌理/前後疊加/透視/投影/色-63塊突出/框選/光效)
第一:分組即訊息的整合,當文案與文案之間的關聯性很強時,則可以將他們歸為一組。
第二:文字排版分組最少分為兩組,目的是為了提昇文案資訊閱讀的流暢性、以及避免造成壓迫感;而最多不要超過四組,目的是分組過多會給人一種鬆散、不夠整體的感受!
第三:當文案資訊太少且要兼顧分組時,可以藉助按鈕、裝飾元素、線條、形狀等等用於體現文字排版的層次和分組。
英文字體使用:英文可以增強對比和層次感,填滿缺少的細節和空白、增加形式感
避免畫面太空:1、留白處善於用大號水印文字填滿(英文字/書法字/數字)透明度5-15%。 2.善用輔助小元素協調和對齊整體畫面。 3.做光投射填充4、底部紋理肌理和色塊突出
提升作品檔次:暗色調搭配(黑藍灰暗紅紫適量點綴色)、乾淨的配色(白色淡色調)、適當留白、統一字體形式和氣質(標題字體/副標題字體/說明文字)、高清有質感的大圖作背景)、良好的視覺層次並且主次分明,整體和諧精緻簡潔一致。
文字大小層級:主要資訊(放大突出)-次要資訊(縮小)-補充資訊(再縮小) 大小 粗細 顏色來區分(不同字體風格要統一協調)
主體突出與焦點:色彩突出、放大突出、位置突出、形狀突出、緊密突出、路徑指引突出
簡約設計:資訊層級區分的都特別清楚。第一招:標題大小對比強烈(標題與說明文的字號大小比例最好在2倍以上),第二招:背景加中英文製造層次感(加一些英文,上下形成遮擋關係),第三招:小符號,小元素
設計的流程:整理海報資訊確定主題-區分資訊主次,增強對比(先將文案全部打上去,方便我們操作。然後根據我們的設計目的,提取主題字眼,重要的資訊放大顯眼,次要訊息縮小擺放)-進一步突顯主體,對比更加強烈分明-資訊視覺化增添細節(加入邊框,將讀者視線鎖定集中在中間。將資訊視覺化,例如順豐包郵加了一個飛機圖標,活動時間加了一個鬧鐘。讓消費者更快速感知資訊。另外添加一些線條變化,讓畫面充滿形式感,打破常規,加入一些元素點綴)
孟菲斯風格:1:各種點和麵結合小元素作為裝飾,2:各種描邊的幾何形體作為主要載體,3:配色上多使用明亮輕快的撞色
網格系統:整體對齊、黃金比例數列(PS預設的比例~ 4:5 5:7 2:3 16:9 )
字體選擇:正文部分還是建議用方便閱讀的非襯線體例如思源或微軟雅黑字體
配色經驗:顏色幾乎都處在拾色器上同一區域(HSB飽和度接近),明度對比/色相對比/純度對比/冷暖對比,紅橙黃綠藍紫,色相相隔越遠對比越強烈,離得越近搭配越柔和。最後是控制好畫面的色彩比例,純色拼接。高級配色(黑 棕色)
①相鄰色搭配:紅 橙,橙 黃, 黃 綠,綠 藍
②間隔色搭配:紅 黃,橘 綠,黃 藍,綠 紫,藍 紅
③互補色搭配:紅 綠,橘 藍,黃 紫
標題:方正蘭亭黑簡體、方正中黑、造字工坊系列,方正譚黑、蒙娜超綱黑、方正蘭亭黑簡體、方正中黑。二級標題可以使用方正蘭亭細黑、刊黑的字體。正文不能用粗體、書法大字體搭配宋體/黑體。中英文搭配時字體風格形式要協調統一
文字編排時,段間距要大於行間距,行距控制在1.4-1.6位元比較適合。
讓主要的元素按照一定的規律從中心往四周發散,或者呈扇形發散,當元素的排列有一定的規律時就會變得有序很多。除此之外發散構圖還有視覺衝擊力強、聚焦等優點。
字體:正的、斜的、垂直的。主題常用字體為造字工坊/黑體/微軟雅黑/其他圓滑好看的字體,小主題一般新宋體,細長字體,間距較大,用圓點或斜杠隔開。上面加粗字體大標題下面加細字體小標題(上下居中或上下左右對齊),中間可以用橫線或波浪線隔開,字體顏色除了與背景色相搭配的純色,還可使用與圖片或背景相近的漸層色
顏色:整體色調要搭配舒服,最好超過三種色,盡量每一個單獨畫面做成一個明顯的色系
通用搭配色:深咖啡色背景淡白黃色字體橙紅色小字體, 灰白色背景橙紅色字體或橙紅色塊白色字體(可豎排) 牛皮紙暗黃小字體黑色字體,牛皮紙暗黃背景深咖啡色字體暗亮黃色字體,暗朱紅色背景白色/黑色字體,淡白紅色背景黑色字體為暗紅色字體,深青白色為大部分背景色淡紫色淡暗黃色黑色字體,不同深淺的亮紫藍色黃綠色漸變,淡橙背景白色字體,暗淡藍背景白色字體,暗淡藍霧霾藍背景或色塊白黑色字體淡暗黃色藍色過渡到的深青色,同一色相的不相深淺搭配,協調的過渡色相搭配,淡粉色背景亮暗紅色字體亮暗黃色深青色。
版面:頂部和底部資訊上下居中、上午左右對齊,頂部Logo/小標題,底部附加訊息,中間大主題表現,可以造字工坊大號字體 變形處理。
圖片背景的設計:選擇色調容易凸顯文字的圖片,在背景圖片上畫小長方形的半透明黑色塊放置一行文字,或是畫比圖片整體比例小一點半透明黑色塊線框放置文字主題,這樣的文字可以正方形的佈局佈滿圖片,可以橫豎搭配,可以加線條,圓點,或是畫面的一半或大半位置放置圖片,另一半位置放主題文字內容,文字顏色與圖片色調要相近,統一,也可以圖片區域和文字區域都有文字,可使用細斜線,大間距,粗細字體搭配設計。
資訊塊設計:可以是單獨色塊,也可以是單獨對齊式的文字區域塊,文字區域塊可以是垂直對齊或橫向對齊,可以大一塊或小一塊,每個信息塊都均勻分佈,保持各種對齊。
簡約式封面:簡單的幾何形狀作背景或圖片佈滿主畫面作背景,加粗主題字體可以頂部橫向放大,也可以居左豎向放大,其他次要資訊可以集中對齊式放置於空白位置。
橫幅畫面設計:一側圖片,一側文字,圖片和文字之間可以用弧形或半圓形分隔,也可以在分隔邊緣線條上疊加一個顏色陰影,文字區域:頂部Logo,底信附加信息,中間主題以加粗黑體放大,下面放置細字體小主題,與大主題居中或左對齊,用線框線色塊凸顯出來。
實戰應用
開始設計:1、從中心點開始,確定最重要的訊息,最希望讀者看到什麼內容?然後強烈突出 2、將資訊分組,確定親密性內容,並將不同內容版塊區分隔開 3.對齊畫面文字,清晰邊界 4.選擇重複的設計手法,對其他內容版塊重複運用,確保畫面的統一性。同系列的不同畫面,使用重複性設計手法,保持一致性
名片設計中,重點少量的內容放在正面或主要位置,其他資訊放在另一面
在履歷設計中,對比最重要,重點突顯讓你感覺脫穎而出的優勢。其次是重複,每次工作經驗和教育經驗重複排版,並突出時間和單位
報紙廣告設計中,不要選擇精巧的襯線體和很細的線,不要用反色文字(深色背景上的白色文字),利用空白進行對比,與其他內容相隔開形成突出
宣傳冊設計中,著重運用對比,突顯要點,建立訊息的層次。運用重複,同一整個畫面的基調(字體,顏色,佈局,符號等)。親密性也非常重要,將不同的版塊內容集中在一起