為什么書和雜志通常會(huì)統(tǒng)一版式？即便是視覺設(shè)計(jì)調(diào)整替換，在版式布局上也追求一致和諧蝶念，視覺舒適，不然讀者會(huì)感到混亂项乒，直接不看了或者跳到下一頁。在出版物梁沧，網(wǎng)頁設(shè)計(jì)檀何，插畫以及其他跟這些有聯(lián)系的元素中，成功的設(shè)計(jì)取決于畫面的繪制以及視覺引導(dǎo)廷支。
也許有些人覺得這不是什么大問題频鉴！因?yàn)槲覀兪菍W(xué)習(xí)文化課程長(zhǎng)大，從小看設(shè)計(jì)相對(duì)較少恋拍，否則就能了解它到底有什么規(guī)律垛孔。在大多數(shù)文化環(huán)境下，我們習(xí)慣從左到右閱讀施敢。所以貌似視覺引導(dǎo)聽起來不難周荐。只需要在從左邊開始并且讓視線落在那個(gè)地方即可。其實(shí)在視覺設(shè)計(jì)中最大的挑戰(zhàn)是引導(dǎo)讀者按正確順序閱讀僵娃，至少要是你希望他們看到的順序概作，這是版式設(shè)計(jì)最具有挑戰(zhàn)性的地方。
規(guī)則
我基本上沒有按規(guī)則走默怨，但是吧讯榕，老師和牛逼的藝術(shù)家們說的這幾句讓人印象深刻。
在你打破常規(guī)之前先壕，你必須先知道規(guī)則
你必須了解現(xiàn)實(shí)的世界后才能創(chuàng)造屬于你的世界瘩扼。
如果你去研究那些規(guī)則突破者谆甜，會(huì)發(fā)現(xiàn)他們都是從現(xiàn)實(shí)的垃僚，基礎(chǔ)的學(xué)起并在這些基礎(chǔ)上演變發(fā)展集绰。規(guī)則是對(duì)版式，類型谆棺，顏色栽燕，插畫以及攝影的基本理解，以及涉及到眼睛如何注意他們改淑，當(dāng)他們放在一起的時(shí)候大腦會(huì)怎么解讀它們碍岔。
被很多大師應(yīng)用在設(shè)計(jì)布局中的是“z”模式。它是（西方文化）重要信息閱讀的戰(zhàn)略布局：從左上角開始朵夏，向右然后向下蔼啦，最后再回到左邊。從上到下布局仰猖。標(biāo)準(zhǔn)而又簡(jiǎn)單捏肢。
當(dāng)我在網(wǎng)上發(fā)現(xiàn)1950年的版式設(shè)計(jì)規(guī)則時(shí)忍不住笑了。這些規(guī)則是合理的饥侵，而且依舊是在講設(shè)計(jì)基礎(chǔ)鸵赫。
- 當(dāng)你想要設(shè)置框架或者是提請(qǐng)注意信息時(shí)，可以使用邊框把它們框起來（例如
目錄躏升，日歷辩棒，特殊說明） - 文本列和插圖可以創(chuàng)建模糊的邊框效果
- 通過邊框加陰影來讓人注意到邊框或圖像
- 通過比例（尺寸），顏色膨疏，畫面位置的對(duì)比引導(dǎo)讀者注意到一些重要的元素一睁。確保這些東西對(duì)內(nèi)容呈現(xiàn)的輔助作用
- 通過加大，加粗或者圖形元素來創(chuàng)建畫面焦點(diǎn)佃却。使用具有視覺重感者吁，視覺強(qiáng)度或有顏色的元素進(jìn)行對(duì)焦
- 通過網(wǎng)格去組織畫面元素。確保網(wǎng)格的靈活度,但是網(wǎng)格節(jié)不能過小双霍。為了獲得最大的靈活度砚偶，將畫面劃分為四到五列最佳。
- 多列組織文本洒闸，在視覺上切分成更小的信息塊更易于閱讀
- 在一個(gè)標(biāo)準(zhǔn)的頁面上將文本劃分成均等的兩到三列染坯，閱讀體驗(yàn)最佳
- 引用或者是編輯其他類型的支持內(nèi)容，可以使用單個(gè)較寬行高短的列來排版
所以說丘逸，這些簡(jiǎn)單的規(guī)則依舊沿用到今天甚至還會(huì)繼續(xù)沿用到未來单鹿。 但伴隨著消費(fèi)者文化的發(fā)展以及這些年在設(shè)計(jì)上很多牛逼的規(guī)則突破者的創(chuàng)新，規(guī)則在不斷的演進(jìn)發(fā)展深纲。設(shè)計(jì)的一個(gè)演變是網(wǎng)格系統(tǒng)仲锄。據(jù)維基百科顯示
第二次世界大戰(zhàn)后劲妙，一些平面設(shè)計(jì)師，包括ax Bill儒喊，Emil Ruder等镣奋，受到了an Tschichold的現(xiàn)代主義思想的影響，開始質(zhì)疑傳統(tǒng)頁面的相關(guān)性布局怀愧。他們開始設(shè)計(jì)一個(gè)靈活的系統(tǒng)侨颈，能夠幫助設(shè)計(jì)師在組織頁面時(shí)實(shí)現(xiàn)一致性。也因此現(xiàn)代排版網(wǎng)格與印刷開始關(guān)聯(lián)起來
最酷的秘訣
之前芯义，插畫老師給我們看了一個(gè)方便識(shí)別畫面焦點(diǎn)的工具哈垢。首先，從左上角到右下角畫出一條對(duì)角線扛拨，頁面可以是水平或者是垂直的耘分。他對(duì)任何方向都是合適的。
接下來绑警，從其他兩個(gè)角各畫一條直線垂直連接剛畫好的水平線求泰。線連接的點(diǎn)就是注意力的焦點(diǎn)即最大注意區(qū)域〈海可以做個(gè)試驗(yàn)拜秧。找一副著名的畫作，然后在上面畫上這些線（當(dāng)然不是在博物館里章郁，否則你會(huì)被抓起來啊哈哈哈枉氮。）你會(huì)看到畫家們是如何用這種布局創(chuàng)作了偉大的藝術(shù)
現(xiàn)在，你可以拿一本雜志或者一個(gè)網(wǎng)頁做相同的嘗試暖庄。首先聊替。想想這個(gè)頁面是怎么設(shè)計(jì)的。它看起來舒不舒服培廓。當(dāng)你盯著頁面看的時(shí)候惹悄，你的眼睛的注意力先后順序。你會(huì)因?yàn)榭吹竭@個(gè)頁面而感到焦躁或者興奮么肩钠？好了泣港，現(xiàn)在你可以畫一條線然后看看頁面是怎么布局的。
如果沒有任何重要的元素落在線相交的區(qū)域价匠，你會(huì)感到焦慮当纱，因?yàn)槟愕难劬εΦ目串嬅娴悄愕哪X子里卻一片混亂，因?yàn)榘媸降牟季质悄嫦虻牟冉眩`背一般視覺規(guī)則坡氯。如果布局得好，你會(huì)感到興奮，因?yàn)槟愕淖⒁饬Ρ灰龑?dǎo)到所要表達(dá)展示的頁面元素上箫柳。
當(dāng)涉及到處理客戶調(diào)整設(shè)計(jì)方案的需求時(shí)手形，使用這種布局方式去做示范。當(dāng)你使用這種布局悯恍，他們更容易理解元素的放置库糠。量化他們不想破壞的規(guī)則，使他們關(guān)注最終產(chǎn)品坪稽，讓團(tuán)隊(duì)對(duì)他們的想法感到興奮曼玩。因此把這個(gè)秘籍融入到設(shè)計(jì)中鳞骤，你會(huì)發(fā)現(xiàn)在應(yīng)對(duì)客戶設(shè)計(jì)需求時(shí)窒百，你有更多的余地。
所以說豫尽，有時(shí)候可以這樣玩篙梢，堅(jiān)持別人的規(guī)則，允許你打破他們不知道或者看不到的規(guī)則美旧。
編譯原文：http://www.webdesignerdepot.com/2013/06/the-trick-to-designing-a-great-layout/
