9.23日(rì)音(yε✔īn)訊,淺談“懶人(rén)”設計(jì)思路(lù ÷)。設計(jì)師(shī)總會(huì)說(shuō)設計(j≤♣ ì)是(shì)一(yī)件(jiàn)很(hěn)累人(r$↔§↑én)的(de)事(shì)，但(dàn)這(zhè)部分(fēn)原因可(ααkě)能(néng)是(shì)你(nǐ)自(zì)找的(de)。時(shí♠₽≠δ)間(jiān)與設計(jì)出來(lái)的(≥λ✔≠de)效果也(yě)并不(bù)一(yī)定成正比。平面設計(jì)師(shī¶€)或許應該培養一(yī)種“懶人(rén)”設計¥↓$(jì)思維，面對(duì)一(yī)個(gè)設計δ←(jì)時(shí)，心裡(lǐ)應該想著(zhe)的(de)隻是(s''hì)如(rú)何以最簡單的(de)方式完成，出來(lái)的(de)效果可←≠¶>(kě)能(néng)也(yě)會(huì)更出色，畢>™竟，簡潔的(de)設計(jì)往往也(yě)是(shì)最好(h"βǎo)的(de)設計(jì)。
大(dà)多(duō)數(shù)的(de)設計(jì)都(dōu'÷←♠)會(huì)同時(shí)涉及到(dào)文(wén)字與圖片，→₩←這(zhè)兩者的(de)差異是(shì)非常大(dà)的(de)，σβ也(yě)很(hěn)難事(shì)先預料到(dào)兩者一φ←(yī)起使用(yòng)時(shí)的♦π(de)互相(xiàng)影(yǐng)'λ≈α響，圖片與文(wén)字如(rú)何搭配得(de)漂亮↑(liàng)，往往也(yě)是(shì)設計(jì)師(shī)的(>•→÷de)一(yī)個(gè)很(hěn)大(dà)的(de)挑戰，一(yī)不( ✔bù)留神，就(jiù)會(huì)造成風(fēng)格矛盾、細節沖突↑' ，對(duì)比錯(cuò)誤。而且就(jiù)算(su¶ àn)有(yǒu)一(yī)次給你(nǐ)做βφ★>(zuò)得(de)不(bù)錯(cuò)，但(dàn)下(xiබ↓)一(yī)次你(nǐ)面對(duì)另一(yī♥±)個(gè)新項目時(shí)，你(nǐ)還(hái)是↕€(shì)會(huì)為(wèi)此而抓狂。
一(yī)些(xiē)設計(jì)師(shī)在★<™設計(jì)時(shí)往往會(huì)出¶♦∑現(xiàn)“設計(jì)過 <≤度”的(de)現(xiàn)象。更好(hǎo)的♠§(de)方式就(jiù)是(shì)象一(y☆σ♣←ī)個(gè)懶人(rén)的(de)思維一(yī)樣，圖片放(÷ ↑fàng)在這(zhè)裡(lǐ)，文(wénπ↑Ω≠)字放(fàng)在那(nà)裡(lǐ)，搞定！關鍵是(shì)讓每一(αΩ÷≈yī)個(gè)元素都(dōu)簡單清晰，讓兩者的(de)互"'>相(xiàng)影(yǐng)響減至最低(d✘₩®ī)，而且這(zhè)種設計(jì)手法還(hái)可(kě∏±)以讓你(nǐ)一(yī)再使用(yòng)，永不(bù)過時(shí)₽≈×®。讓我們看(kàn)具體(tǐ)的(de)例子(zǐ)吧(ba)：
這(zhè)是(shì)一(yī)家(jiā)室₹δ∏內(nèi)家(jiā)居專業(yè)攝影(yα€ǐng)工(gōng)作(zuò)室的(de)冊↔±子(zǐ)封面，修改前的(de)設計(jì)是(shì✘≥)一(yī)種“吃(chī)力”的(d<€ e)設計(jì)。設計(jì)師(shī)←>選擇了(le)毫不(bù)相(xiàng)關的(de)字✘ ₽體(tǐ)及顔色，然後又(yòu)加上(shàng) •↕背景及線條，希望使其成為(wèi)一(yī)個(gè♠₽ )有(yǒu)機(jī)的(de)整體(t≥§"ǐ)。其實，設計(jì)沒必要(yào)搞得(de)這(zhè✘★)麽複雜(zá)！
修改後的(de)設計(jì)，文(w™¥ én)字內(nèi)容并沒有(yǒu)改變，但δ£π(dàn)網站(zhàn)建設整個(gè✔€)版面分(fēn)成兩個(gè)區(qū)域，圖片及文(wén)字各占據一" (yī)個(gè)，出來(lái)的(de)效≥←果就(jiù)是(shì)漂亮(liàng)•★、幹淨、整潔，所用(yòng)的(de)時£®φ₩(shí)間(jiān)精力也(yě)不(bù)多( ☆'duō)，而且這(zhè)種構圖及手法也(yě)可(kě)以一(yī)用•★ (yòng)再用(yòng)！
讓我們深入分(fēn)析這(zhè)兩者的(deΩ₩)設計(jì)過程。
吃(chī)力的(de)設計(jì)：
幾經辛苦，這(zhè)個(gè)設計(jì)完成了(le)。每一(yΩ↕εī)步似乎都(dōu)有(yǒu)理(lǐ)有(yǒu)≈♣•據，設計(jì)師(shī)也(yě)将協調、對(↓₹duì)比、風(fēng)格一(yī)緻這(zhè↓β₽')些(xiē)理(lǐ)論緊記于心，但(dàn)老(lǎo)實說(shuō)， β出來(lái)的(de)效果并不(bù)¥∑理(lǐ)想，從(cóng)視(shì)覺上(shàng)說(shu$≈ō)也(yě)不(bù)吸引。為(wèi)什(shén)麽？因為(wèi)≈∏♥設計(jì)師(shī)是(shì)事(shì)先想好(hǎo)了(<ε±le)某種風(fēng)格，然後強加在版面上 ©(shàng)，但(dàn)偏偏主題元素又(yòu)與這(zhè)種設±£§♦想的(de)風(fēng)格不(bù)一(yδī)緻，強加未遂。
我們再來(lái)總結一(yī)下(xià)這(zhè)個("☆δgè)設計(jì)：
在這(zhè)個(gè)設計(jì)中，設計(jì)師(shī)主要 >✘↕(yào)采用(yòng)了(le)RoundBauhausDemi字體(tǐ•₹$≤)，這(zhè)種字體(tǐ)是(shì≥☆♥)一(yī)種有(yǒu)趣新奇的(de)字體(tǐ)&mda$ε•≤sh;—處處呈現(xiàn)一(yī)種圓弧的(de)感δ覺。然而，為(wèi)了(le)展現(xiàn)這(zhè)種字體(tǐ&♣)圓形的(de)特點，我們需要(yào)将字體(tǐ)顯得(de)比較大λ₽✔(dà)，字母間(jiān)距緊密，并且是(sh©±±♥ì)要(yào)小(xiǎo)寫字母（上(shàng)圖），但πγβ←(dàn)問(wèn)題是(shì)，設計(jì)師(shī)在設定≤™±介紹文(wén)字時(shí)，将其全部≤γ§設為(wèi)大(dà)寫——★¶這(zhè)個(gè)時(shí)候，字體(tǐ)的(dφαλe)直線感壓抑了(le)圓弧感，而且下(xiδ↑à)面的(de)文(wén)字尺寸又(yòu)很(hěn)小(xi¥ ☆✔ǎo)，其文(wén)字塊邊緣呈現(xiàn)向兩邊發散的∑ (de)直線視(shì)覺感（見(jiàn)上(s×β hàng)圖箭頭線段），這(zhè)樣的(de)¶¥文(wén)字排版削弱了(le)字體(tǐ)特有(yǒu)α≥π的(de)風(fēng)格，圓弧不(bù)見(♥>☆jiàn)了(le)，我們感覺到(dào)的(de)隻是(π✔±∑shì)淩亂的(de)字體(tǐ)元素。
設計(jì)師(shī)深明(míng)在風(fēn↑™g)格中細節必須呼應的(de)重要(yào)性，所以他(tā)将一(yī←β♥δ)些(xiē)地(dì)方設為(wèi)圓角來(lái)呼應字↕♣α體(tǐ)的(de)特點（上(shàng)圖）。問♦∑π₽(wèn)題是(shì)，它還(hái)是(shì)不(bù)夠圓，≤♥↓出來(lái)的(de)效果仍然是(shì)直線占支配地(dì)位。↓∏特别是(shì)上(shàng)圖右所示的(de)，我們可(kě)→σβ以觀察到(dào)，這(zhè)裡(lǐ)顯得(✘₽☆de)非常局促，讀(dú)者在觀看(kàn→₩)時(shí)，看(kàn)得(de)的(de)并不(bù)是≥♥(shì)一(yī)個(gè)整體(tǐ)，而是(shì)還±♦(hái)得(de)仔細區(qū)别你(nǐ)這(zhè)細小(xiǎo)∏™的(de)區(qū)域——竟然有(yǒu)4¶§個(gè)“步驟”讓讀(dú)者去(qù)練眼力！毫無₩÷必要(yào)的(de)設計(jì)。
分(fēn)析完這(zhè)個(gè)設計(jì)，讓我們看(kàn)§♦一(yī)下(xià)“懶人(©¶rén)”是(shì)如(rú)何設計(jì)這(zhè)個(∞✔gè)項目的(de)。
“懶人(rén)”的(de ↑§)設計(jì)：
修改後的(de)設計(jì)，圖片異常搶眼，元素與版面風(fēng↓≥ ∏)格配合，名稱的(de)文(wén)字同樣醒目張揚，出來(γ♠lái)的(de)效果漂亮(liàng)¶≠↓§清晰，為(wèi)什(shén)麽這(zhè)種簡簡單×λ¥σ單的(de)設計(jì)手法卻更能(né> →δng)發揮作(zuò)用(yòng)？
通(tōng)過大(dà)小(xiǎo)及色值來(lái)區(qū)分☆σ→(fēn)：
精心設計(jì)的(de)文(wén)字包含☆₩∏了(le)四個(gè)視(shì)覺引導。從(cóng)位置來(lá✘♣$i)說(shuō)，呈現(xiàn)由上(shàng)至下(xià)的↑δσ(de)引導；從(cóng)字體(tǐ)尺寸來(lái)說(shuλ≈Ω↑ō)，是(shì)由大(dà)至小(xiǎo)的(de)引導；從(có¥Ωng)字體(tǐ)樣式來(lái)說(shuō)，是(shì)由粗至€←©♥細的(de)引導；從(cóng)顔色明(míng)暗(àn)£←來(lái)說(shuō)，是(shì)由暗(àn)到(d✔"♥ào)亮(liàng)的(de)引導。這(zhè)種特點在這(zhè)個(g±è)設計(jì)中發揮重要(yào)的(de)作(zuò)用♦≈®↕(yòng)，你(nǐ)的(de)眼睛很(hěn®¥)自(zì)然的(de)由一(yī)個(gè)元素去(qù)到(γ"β♦dào)下(xià)一(yī)個(gè)元素，毫無阻礙£ λ。
介紹文(wén)字采用(yòng)全大(dà)寫↓¥"，字母間(jiān)距及行(xíng)距都(dōu)設得(de)非常緊密≤♠∏¥（小(xiǎo)寫字母很(hěn)難呈現(xiàn)這(zhè)種緊縮的(d✔γ≠ e)排列），形成了(le)很(hěn)短(duǎn)的(de)文(wén)字☆±♠γ行(xíng)。文(wén)字整體(tǐ)呈現(xiàn)一(yī)種精≥§"←細、垂直的(de)視(shì)覺特點。文(wén)字放 ≠¥↑(fàng)在左邊，使右邊留出較大(dà)的(de)白(bái)ε↑±$色區(qū)域，這(zhè)個(gè)區(qū)域呈現(xià>₽σn)視(shì)覺張力，讓人(rén)的(de)★¥÷眼睛不(bù)由自(zì)主地(dì)移到(dào)文δ₽↓σ(wén)字上(shàng)來(lái)。
變化(huà)：
“懶人(rén)”就(jiù)算(s☆∑★uàn)面對(duì)一(yī)個(gè)系÷ ™列的(de)設計(jì)，也(yě)是(shì)氣定神閑，以不(±←bù)變應萬變，談笑(xiào)間(jiān)就(jiù)能(néng)α₽☆出色完成任務！
無論上(shàng)下(xià)左右，怎麽放α& Ω(fàng)都(dōu)讓人(rén)滿意。因為(wèi)圖片及 ♣<元素都(dōu)自(zì)成一(yī)體(tǐδ↓)，互不(bù)幹擾，文(wén)字放(fàng)在上(shàng§₩λ)面，效果與放(fàng)在下(xià)面一(yī)樣出色。水( ☆shuǐ)平放(fàng)置，同樣顯得(de)★★♣優雅精美(měi)。其實這(zhè)是(shì)顔色的 £Ω (de)功勞，不(bù)同的(de)圖片要(yào)用(yònπΩg)不(bù)同的(de)顔色，文(wé↑n)字顔色取自(zì)于圖片中，這(zhè)♣•↔樣文(wén)字與圖片既分(fēn)離(lí)，但(dàn)又≥≤(yòu)有(yǒu)聯系，整體(tǐ)總是(shì)顯得(de)ש>和(hé)諧一(yī)緻。當然，還(hái)要(yào)記住視(shì)覺引α$&導：名稱要(yào)重點強調，而其它的(de)字體(tǐ)則低(✘₩λdī)調處理(lǐ)。
上(shàng)面幾個(gè)修改後的(de&←☆)字體(tǐ)及顔色是(shì)我們自(zì)由選擇的(de)→↓>，如(rú)果客戶就(jiù)認定最初的(de)那( ₩§nà)種字體(tǐ)及綠(lǜ)色他(tā)最喜歡，認為(wèi)最 λ÷→能(néng)體(tǐ)現(xiàn)室內(nèi)裝¶β§修的(de)風(fēng)格，非得(de¶γ)要(yào)用(yòng)回原來(lái)的(de)™☆那(nà)種字體(tǐ)及綠(lǜ)色。怎麽辦？不(bù)用(↔σyòng)一(yī)頭撞牆，認為(wèi)自(zì)己如↑"(rú)果不(bù)是(shì)有(yǒu)其它的(de)人(rén)生(sh→¥ēng)際遇否則一(yī)早就(jiù)成為(wèi)↕∏一(yī)個(gè)藝術(shù)家(jiā)的(de)客戶大(Ω↑¶εdà)有(yǒu)人(rén)在，反正我們一(yī)樣應付自(zì)如(r→✘λ&ú)：
仍然保留簡潔的(de)構圖，版面仍然是(shì)圖片及文(wén)字各就€§ ™(jiù)各位；
我們采用(yòng)原來(lái)的(de)字體(tǐ<→γ₹)，但(dàn)正如(rú)我們在上(shàn≥↓₽g)面所分(fēn)析的(de)，我們會(∏©∏huì)采用(yòng)小(xiǎo)寫字母（就εσ•(jiù)算(suàn)是(shì)第一(yī)個(gè)字母也(yě)∞ 是(shì)小(xiǎo)寫），并且采用(yòng)細體(tǐ)♥ ，這(zhè)樣的(de)修整，能(néng"")使包豪斯的(de)字體(tǐ)風(fēng)格得(de)到(dà ★ε∑o)最大(dà)程度的(de)體(tǐ)現(xi♣≠àn)，文(wén)字呈現(xiàn)更豐富的(de)特色。
保留字體(tǐ)引導的(de)特性：仍然采用(yò✘ ®ng)上(shàng)至下(xià)，大(dà)至小(xiǎo)，$×↕暗(àn)到(dào)亮(liàng)。在這(zhè)個(gè)設計(₽®÷jì)中，字母不(bù)需要(yào)粗細變化( ×huà)。
保留對(duì)齊特性：包豪斯這(zhè)種字體(tǐ±π♥)結構決定了(le)你(nǐ)很(hěn)難将它們的(de)字 ♠母緊縮排列，所以也(yě)意味著(zhe)我們很(hěn)難'≈象上(shàng)面一(yī)樣，将文(wén)©♦•字整體(tǐ)設置成一(yī)個(gè)具有(yǒu)強烈視γ→£★(shì)覺效果的(de)列狀區(qū)域。我們需π¥Ω要(yào)随機(jī)應變：調整成右對( α✘duì)齊，将名稱的(de)尺寸盡量拉大±™©(dà)，然後将字母“g“突出右≤¶邊的(de)空(kōng)白(bái)區(qū)域，起到(d★✘®ào)強調的(de)作(zuò)用(yòng'★∏)。作(zuò)用(yòng)是(shì)讓文(w§≤≤§én)字整體(tǐ)搭配得(de)更密切（想象一(yī)下(xià)，★'÷δ如(rú)果g不(bù)突出來(lái)，名稱與下(xià)方的(de)文$$→∑(wén)字會(huì)顯得(de)很(↔®hěn)松散），當然，也(yě)使版面更活。
加深綠(lǜ)色：加深綠(lǜ)色的(de)作(★★• zuò)用(yòng)是(shì)減少(shǎo)與紅(h∏→₽♥óng)色形成過于強烈的(de)對(duì)比，現(xiàn)在紅(hóng☆♦$γ)色及綠(lǜ)色的(de)“份量↕ε≤”大(dà)概平等，起到(dàoπ≤φ)恰當的(de)互補關系，而沒有(yǒu€←π)出現(xiàn)誰要(yào)控制(zhì)誰的(de)現(xiàn)象。←
