9.23日(rì)音(yīn)訊,淺談“∏♠'懶人(rén)”設計(jì)思路(lù)

 　　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)隻是±☆±(shì)如(rú)何以最簡單的(de)方≤$∏φ式完成，出來(lái)的(de)效果可(kě)能(néng)也(yě)會(h∏∞♠♣uì)更出色，畢竟，簡潔的(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í)的(d÷¶γ₽e)互相(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)簡單清晰，讓兩者的(d¥©≈e)互相(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ī)力”的(de)設計(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òn÷₩"•g)！

　　讓我們深入分(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ī)緻這(z∑≥hè)些(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)RoundBauhausD₹πemi字體(tǐ)，這(zhè)種字體(tǐ)是(shì)一(yī)種有>≈∞(yǒu)趣新奇的(de)字體(tǐ)——處​×↓±處呈現(xiàn)一(yī)種圓弧的(de$₩¥ )感覺。然而，為(wèi)了(le)展現(xiàn)這(z&★hè)種字體(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ǐ)的(de)直線感壓抑了(le)圓弧感£✘，而且下(xià)面的(de)文(wén)字尺寸又<λ(yòu)很(hěn)小(xiǎo)，其文(wσβ≠én)字塊邊緣呈現(xiàn)向兩邊發散的(de)直線視(shì)覺感（見(j§πiàn)上(shàng)圖箭頭線段），這(zhè)樣✔±σ♥的(de)文(wén)字排版削弱了(le)字體(γ"tǐ)特有(yǒu)的(de)風(fēng)格，圓弧不(bù)見(j∏δiàn)了(le)，我們感覺到(dào)的(de)隻是(shì)淩£¶亂的(de)字體(tǐ)元素。

　　設計(jì)師(shī)深明(míng)在風(fēng↕∏±&)格中細節必須呼應的(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)得(d¶₽±e)的(de)并不(bù)是(shì)一(y§÷σī)個(gè)整體(tǐ)，而是(shì)還(hái)得(de)仔細 •₹ 區(qū)别你(nǐ)這(zhè)細小(xiǎo)的(de)區(q¥βū)域——竟然有(yǒ‌↕Ω™u)4個(gè)“步驟&rdq↕←uo;讓讀(dú)者去(qù)練眼力！毫無必要(yào)的(de)設計(jì)$•。

　　分(fēn)析完這(zhè)個(gè)設計(j ₹≤∏ì)，讓我們看(kàn)一(yī)下(xià)&l∑↑÷ dquo;懶人(rén)”是(shì)₽ ÷如(rú)何設計(jì)這(zhè)個(gè)項目的($×de)。

　　“懶人(rén)”的(de)$>€設計(jì)：

　　修改後的(de)設計(jì)，圖片異常搶眼，元素與版面風(fēng)→≈"‍格配合，名稱的(de)文(wén)字同樣醒≤εφ目張揚，出來(lái)的(de)效果漂亮(lλβ>₩ià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ō)，呈現(x&γ↕ià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)說(sσ ​→huō)，是(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)設得(d✔≠γ™e)非常緊密（小(xiǎo)寫字母很(hěn)難呈現(xiàn)這(zh‌​è)種緊縮的(de)排列），形成了(le)很(hěn)§‌短(duǎn)的(de)文(wén)字行(xíng)。∏★文(wén)字整體(tǐ)呈現(xiàn)一(yī)種精細、垂直的(d↑α₹δe)視(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ù)算(suàn)≈♠Ωε面對(duì)一(yī)個(gè)系列的(de)設計(jì)，也(y®←εě)是(shì)氣定神閑，以不(bù)變應 ™λ←萬變，談笑(xiào)間(jiān)就(j§↕iù)能(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òng)不(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ú)果客戶就(j $ε↕iù)認定最初的(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ēn↑•©¶g)際遇否則一(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àng)面所分(fēn)¥¶±♥析的(de)，我們會(huì)采用(yòng)小(xiǎo)寫字母（就(j∞α‌iù)算(suàn)是(shì)第一(yī)個(gè)字母也(yě)是(s∑λ↔&hì)小(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)難象上(s™‍φΩhà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)象。