《Grid systems in graphic design》
(中文名《平面設計中的網(wǎng)格系統(tǒng)》)by Josef muller-Brockman
熟悉一些概念:
DIN系統(tǒng)標準:國際標準ISO 216 ?也就是我們中國常用的A4料滥,A5這類A堤瘤、B系列的標準阁猜;
字號逞度,點:一種單位舞终,用于字體印刷,8-12點適用于書籍正文;
襯線字體、無襯線字體:舉例宋體是襯線字體迷帜、黑體為無襯線字體输吏;(設計排版選擇字體很重要)
行距:一行文字與另一行間的距離权旷;
欄寬:一段文本的寬度;
版心:頁面主要內(nèi)容所在的區(qū)域贯溅,除去頁邊距的部分拄氯;
出血:達到印刷標準須使內(nèi)容邊框超出框外的畫面達到5mm,一般裝訂時1-3mm會被誤裁它浅;
頁邊距:版心周圍的留白區(qū)域译柏,因為有出血所以頁邊距不能太窄;
分欄:把版心在橫向上姐霍,分為幾欄鄙麦,
網(wǎng)格作為一種控制形式法則,在排版中盡可能地利用版面中的資源來達到秩序和經(jīng)濟的最大可能性镊折。讓我們從概念胯府、組織結(jié)構(gòu)和設計上更有效、自信地處理和解決是視覺問題恨胚,并讓設計更具功能性骂因、邏輯性和視覺美感。
網(wǎng)格將二維与纽、三維空間(三維頁面展開成二維侣签,注意視覺中心符合人視覺的高度)分成更小的單元區(qū)域,單元區(qū)域即可相同也可不同急迂;
單元網(wǎng)格的高度相當于文本的整行數(shù)影所,寬度則與文本欄的寬度相當。實際排版中僚碎,適當進行字符縮進猴娩,來保持標點或文字完整,不落在靠近邊緣的位置勺阐。
平面中高寬卷中,以點(points)和西塞羅(ciceros)。單元網(wǎng)格之間留有間隙渊抽,為了保證圖片之間不受干擾蟆豫、文本的易讀性以及為插圖的注視與流出一定的空間。見習的縱向高度為正文的一行懒闷、兩行甚至更多十减,橫向的間隔則取決于正文字體的字號大小和插圖的尺寸栈幸。這里注意:邊距也就是距離四個邊緣,是需要另外設定的帮辟,黃金比例左5速址,上5,又3由驹,下8個單位芍锚,按審美和需求走即可;
文本的行高蔓榄,也就是行間距并炮,根據(jù)不同的需求來選擇,我一般選擇1.2-1.6倍左右的行距使用润樱,平面里可以使用倍數(shù)更高的行距渣触,來達到想要的藝術(shù)效果;
欄寬壹若,文本的寬度嗅钻,英文10個單詞左右易于閱讀;中文店展,個人理解20個字左右一行比較利于閱讀养篓,可以觀察雜志(純文本書籍不適用)或者手機閱讀類、新聞類app赂蕴,正文一行的字數(shù)柳弄;這本書上是15個字;
書上的例子:
斜線表示覆蓋的區(qū)域放置圖片概说、繪畫碧注、圖表、插畫糖赔、色塊等萍丐;
單一網(wǎng)格不能滿足設計需求時放典,可以使用雙網(wǎng)格來排布逝变,《Brochure Lufthansa》、《La macchina》都是雙網(wǎng)格排版奋构;
實用的小Tips
1、正文和標題:正文和標題可以字體一樣弥臼,也可以字體不一樣宴咧;但不能使用近似的字體;
2径缅、整體美觀的頁面:優(yōu)質(zhì)的頁邊距比例悠汽、版心尺寸和文字編排構(gòu)成箱吕;通過邏輯芥驳、秩序以及主次關(guān)系來體現(xiàn)在恰當?shù)木幣胖校?/p>
3柿冲、排版前的草圖:需要真實模擬出文本,轉(zhuǎn)化為最終的排版樣式兆旬;(可以嘗試直接做頁面排版假抄,成本很高)附圖例
4、4個重點突出一段文本的方法:(1)改變文本字體粗細丽猬,與原文本對齊宿饱,添加背景底色;(2)改變文本字體脚祟,粗細與增大文本行距谬以,占滿整個文本框,背景高亮溢出文本框由桌;(3)改變文本字體粗細为黎,縮進文本框,背景高亮行您;(4)改變文本字體粗細铭乾,改變字體顏色,背景不處理娃循;附圖例
5炕檩、網(wǎng)格可以大小不一致:上文提到過,案例畫冊:《Geschichte der Schweizer Kunsttopographie》,非常有自己的風格捌斧;另外請注意笛质,一本冊子上保持排版和風格的一致性;
網(wǎng)格可以用更短的時間和更低的成本來解決問題捞蚂。讓設計在有邏輯妇押、有功能的前提下更具視覺美感。在有限的頁面里洞难,設計師按照客觀的功能需求舆吮,來設置頁面內(nèi)容的展示。內(nèi)容展示主次與重要程度有關(guān)队贱,這里就涉及到更復雜一點的排版色冀。從更理性的角度來看網(wǎng)格,無論是簡單或復雜的問題都能通過一種即統(tǒng)一又獨到的方式去解決柱嫌。
今年的IxDC國際體驗設計大會上锋恬,阿里有了自動制作banner的黑科技,現(xiàn)在淘寶首頁上的banner是自動生成的编丘。那個時候心里感到一陣惶恐与学,科技會最后取代設計嗎彤悔?想想,我的答案是索守,不會晕窑,機器人沒有思考和創(chuàng)意,所以最后呈現(xiàn)的結(jié)果是符合規(guī)則的設計卵佛,然而設計師們要做的遠遠不止這么簡單杨赤,需要:
通過視覺傳達的手段客觀建構(gòu)主題
系統(tǒng)和邏輯的構(gòu)建文本和插圖類材料
在一個緊湊的空間中根據(jù)文本和插畫的特點建立節(jié)奏關(guān)系
將所有視覺材料組織在一起,使其在易讀易懂的同時還具有視覺張力
以前截汪,平面設計疾牲,在我眼中更多的是用適合的色彩、排版衙解、創(chuàng)意來表現(xiàn)產(chǎn)品阳柔;
然而平面設計的作品也會考慮到易懂性、客觀性蚓峦、功能性和具有數(shù)學邏輯美感舌剂。
我做過很多平面的事情,包括產(chǎn)品的包裝枫匾、去工廠調(diào)整印刷色架诞,宣傳用的易拉寶,海報干茉,大型展板谴忧,手冊,還有天貓?zhí)詫毦〇|店鋪裝修角虫;這本書讓我對平面設計有了新的認知和思考方向沾谓,書里沒有提到我覺得非常重要的是,深入理解用戶需求和商業(yè)需求戳鹅,即用戶想要什么均驶、經(jīng)營者想要什么,這些是設計師都要考慮的事情枫虏。
總之保持危機感妇穴,不斷學習,保持核心競爭力隶债!
再來說說腾它,VI中的企業(yè)形象設計
VI是什么:Visual Identity, 即企業(yè)VI視覺設計,通譯為視覺識別系統(tǒng)死讹。包括企業(yè)Logo瞒滴、對外的物料(信封、書冊赞警、宣傳冊妓忍、易拉寶虏两、海報等等),凡是對外的設計都需要有一定的規(guī)范可循世剖,保持統(tǒng)一性定罢。
企業(yè)通過VI設計,對內(nèi)可以征得員工的認同感搁廓,歸屬感引颈,加強企業(yè)凝聚力,對外可以樹立企業(yè)的整體形象境蜕,整合資源,有控制的將企業(yè)的信息傳達給受眾凌停,通過視覺符碼粱年,不斷的強化受眾的意識,從而獲得認同罚拟。---baidu
從廣告宣傳的來說台诗,一個企業(yè)的形象設計必須做到
排版時的要求:
1. ?在版面中,標題的字號和位置保持一直赐俗,從始至終都應使用同一款字體拉队。
2. ?副標題的字號一致,并在頁面中宇上下文保持相同的距離阻逮。
3.圖注的字號一致粱快,與插畫保持相同的編排關(guān)系。
4 .所有版面中的文本和插畫應使用統(tǒng)一的網(wǎng)格關(guān)系叔扼。
5標題的字號一致事哭,并與段落文本保持相同的編排關(guān)系。
6旁注的設計同上
7所有插畫元素(如圖片瓜富、圖表鳍咱、統(tǒng)計數(shù)據(jù)等等)都應按單元網(wǎng)格的大小來編排?
8所有照片的拍攝風格都應一致
9插畫的立場的都應該是客觀的,并保持他們的風格一致与柑。
10谤辜、統(tǒng)計數(shù)據(jù)的表現(xiàn)形式也應該保持一致
11同類型文本的字體和顏色應保持一致。
12字號相同的文本的行間距應保持一致价捧。
13分割文本段落時應使用一行丑念、兩行、或者更多行的整行空行干旧,千萬不要使用半行渠欺,否則下一欄的文本行,將與前一欄的文本行錯位不齊椎眯。