“懶人”設(shè)計思維

    大多數(shù)的設(shè)計都會同時涉及到文字與圖片，這兩者的差異是非常大的，也很難事先預(yù)料到兩者一起使用時的互相影響，圖片與文字如何搭配得漂亮，往往也是設(shè)計師的一個很大的挑戰(zhàn)，一不留神，就會造成風(fēng)格矛盾丶細節(jié)沖突，對比錯誤。而且就算有一次給你做得不錯，但下一次你面對另一個新項目時，你還是會為此而抓狂。
    一些設(shè)計師在設(shè)計時往往會出現(xiàn)“設(shè)計過度”的現(xiàn)象。更好的方式就是象一個懶人的思維一樣，圖片放在這里，文字放在那里，搞定！關(guān)鍵是讓每一個元素都簡單清晰，讓兩者的互相影響減至最低，而且這種設(shè)計手法還可以讓你一再使用，永不過時。讓我們看具體的例子吧：

    這是一家室內(nèi)家居專業(yè)攝影工作室的冊子封面，修改前的設(shè)計是一種“吃力”的設(shè)計。 設(shè)計師選擇了毫不相關(guān)的字體及顏色，然后又加上背景及線條，希望使其成為一個有機的整體。其實，設(shè)計沒必要搞得這么復(fù)雜！
     修改后的設(shè)計，文字內(nèi)容并沒有改變，但整個版面分成兩個區(qū)域，圖片及文字各占據(jù)一個，出來的效果就是漂亮丶干凈丶整潔，所用的時間精力也不多，而且這種構(gòu)圖及手法也可以一用再用！

     讓我們深入分析這兩者的設(shè)計過程。
吃力的設(shè)計：



    幾經(jīng)辛苦，這個設(shè)計完成了。每一步似乎都有理有據(jù)，設(shè)計師也將協(xié)調(diào)丶對比丶風(fēng)格一致這些理論緊記于心，但老實說，出來的效果并不理想，從視覺上說也不吸引。為什么？因為設(shè)計師是事先想好了某種風(fēng)格，然后強加在版面上，但偏偏主題元素又與這種設(shè)想的風(fēng)格不一致，強加未遂。
      我們再來總結(jié)一下這個設(shè)計：
    在這個設(shè)計中，設(shè)計師主要采用了Round Bauhaus Demi字體，這種字體是一種有趣新奇的字體——處處呈現(xiàn)一種圓弧的感覺。然而，為了展現(xiàn)這種字體圓形的特點，我們需要將字體顯得比較大，字母間距緊密，并且是要小寫字母（上圖），但問題是，設(shè)計師在設(shè)定介紹文字時，將其全部設(shè)為大寫——這個時候，字體的直線感壓抑了圓弧感，而且下面的文字尺寸又很小，其文字塊邊緣呈現(xiàn)向兩邊發(fā)散的直線視覺感（見上圖箭頭線段），這樣的文字排版削弱了字體特有的風(fēng)格，圓弧不見了，我們感覺到的只是凌亂的字體元素。
     設(shè)計師深明在風(fēng)格中細節(jié)必須呼應(yīng)的重要性，所以他將一些地方設(shè)為圓角來呼應(yīng)字體的特點（上圖）。問題是，它還是不夠圓，出來的效果仍然是直線占支配地位。特別是上圖右所示的，我們可以觀察到，這里顯得非常局促，讀者在觀看時，看得的并不是一個整體，而是還得仔細區(qū)別你這細小的區(qū)域——竟然有4個“步驟”讓讀者去練眼力！毫無必要的設(shè)計。
    分析完這個設(shè)計，讓我們看一下“懶人”是如何設(shè)計這個項目的。

“懶人”的設(shè)計：



    修改后的設(shè)計，圖片異常搶眼，元素與版面風(fēng)格配合，名稱的文字同樣醒目張揚，出來的效果漂亮清晰，為什么這種簡簡單單的設(shè)計手法卻更能發(fā)揮作用？

通過大小及色值來區(qū)分：
      精心設(shè)計的文字包含了四個視覺引導(dǎo)。從位置來說，呈現(xiàn)由上至下的引導(dǎo)；從字體尺寸來說，是由大至小的引導(dǎo)；從字體樣式來說，是由粗至細的引導(dǎo)；從顏色明暗來說，是由暗到亮的引導(dǎo)。這種特點在這個設(shè)計中發(fā)揮重要的作用，你的眼睛很自然的由一個元素去到下一個元素，毫無阻礙。
    介紹文字采用全大寫，字母間距及行距都設(shè)得非常緊密（小寫字母很難呈現(xiàn)這種緊縮的排列），形成了很短的文字行。文字整體呈現(xiàn)一種精細丶垂直的視覺特點。文字放在左邊，使右邊留出較大的白色區(qū)域，這個區(qū)域呈現(xiàn)視覺張力，讓人的眼睛不由自主地移到文字上來。
變化：
“懶人”就算面對一個系列的設(shè)計，也是氣定神閑，以不變應(yīng)萬變，談笑間就能出色完成任務(wù)！
    無論上下左右，怎么放都讓人滿意。因為圖片及元素都自成一體，互不干擾，文字放在上面， 效果與放在下面一樣出色。水平放置，同樣顯得優(yōu)雅精美。其實這是顏色的功勞，不同的圖片要用不同的顏色，文字顏色取自于圖片中，這樣文字與圖片既分離，但又有聯(lián)系，整體總是顯得和諧一致。當然，還要記住視覺引導(dǎo)：名稱要重點強調(diào)，而其它的字體則低調(diào)處理。
上面幾個修改后的字體及顏色是我們自由選擇的，如果客戶就認定最初的那種字體及綠色他最喜歡，認為最能體現(xiàn)室內(nèi)裝修的風(fēng)格，非得要用回原來的那種字體及綠色。怎么辦？不用一頭撞墻，認為自己如果不是有其它的人生際遇否則一早就成為一個藝術(shù)家的客戶大有人在，反正我們一樣應(yīng)付自如：
仍然保留簡潔的構(gòu)圖，版面仍然是圖片及文字各就各位； 
我們采用原來的字體，但正如我們在上面所分析的，我們會采用小寫字母（就算是第一個字母也是小寫），并且采用細體，這樣的修整，能使包豪斯的字體風(fēng)格得到最大程度的體現(xiàn)，文字呈現(xiàn)更豐富的特色。 
保留字體引導(dǎo)的特性：仍然采用上至下，大至小，暗到亮。在這個設(shè)計中，字母不需要粗細變化。
保留對齊特性：包豪斯這種字體結(jié)構(gòu)決定了你很難將它們的字母緊縮排列，所以也意味著我們很難象上面一樣，將文字整體設(shè)置成一個具有強烈視覺效果的列狀區(qū)域。我們需要隨機應(yīng)變：調(diào)整成右對齊，將名稱的尺寸盡量拉大，然后將字母“g“突出右邊的空白區(qū)域，起到強調(diào)的作用。作用是讓文字整體搭配得更密切（想象一下，如果g不突出來，名稱與下方的文字會顯得很松散），當然，也使版面更活。 
加深綠色：加深綠色的作用是減少與紅色形成過于強烈的對比，現(xiàn)在紅色及綠色的“份量”大概平等，起到恰當?shù)幕パa關(guān)系，而沒有出現(xiàn)誰要控制誰的現(xiàn)象。