注：如(rú)本站(zhàn)轉載的(de)教程文(wén)章(zhāng)涉及版權等問(wèn)↕✔↔✔題，請(qǐng)作(zuò)者與我聯系，我将在​•¥第一(yī)時(shí)間(jiān)删除！ 聯系E-mail：給我留言&nbs'§"★p;可(kě)能(néng)讓你(nǐ)選擇設計(jì)之路(lù)的(de)是(Ω ×shì)超越常人(rén)的(de)創意思π'維，但(dàn)是(shì)有(yǒu)的(de)時(shí)候，太多(duō)的(de)創λ£≤意反而會(huì)扼殺好(hǎo)設計(jì<')。

之前我一(yī)直認為(wèi)，越富有(yǒu)創意的(de)人(réΩ•≈≠n)越容易成為(wèi)優秀的(de)設計(jì)師(shī)，然而當我對(duì)設計♠γ¥(jì)了(le)解的(de)越多(duō)，就(jiù)越發覺得(de)創意并非設計(jìλ÷©")的(de)全部。

推動你(nǐ)進入設計(jì)之門(mén)的(de)創意，可(kě)能(néng)↑→并不(bù)是(shì)帶你(nǐ)走的(de)最遠(yuǎn)的(de)因素。許多(du '≠πō)設計(jì)師(shī)通(tōng)常是(shì)作(zuò)為(wèi)視(shì₽>')覺設計(jì)師(shī)入行(xín•π≠g)，随後開(kāi)始接觸UI界面、可(kě)用(yòng↓↑€')性、可(kě)訪問(wèn)性、用(yòng)戶體(tǐ)驗、交互設計(jì)，↑♦逐步轉型成為(wèi)UI設計(jì)師(shī)、用(yòng)戶體(tǐ)驗設計(jì)師(shī)和(hé)交互設計(jì)師€‍(shī)。

的(de)确，創意、靈感和(hé)創造的(de)熱(rè)情“>>♠±勾引”著(zhe)你(nǐ)進入設計(j∑€$$ì)的(de)領域，然而當你(nǐ)想成為(wèi)更優秀的(de)設計(jì)師(sh×‍‌∏ī)之時(shí)，你(nǐ)會(huì)發現(xiàn)太多(duō)的(↕&‌λde)創意會(huì)對(duì)你(nǐ)±≈的(de)設計(jì)造成傷害。

天貓&京東(dōng),內(nèi)蒙古電(diàn)商'δ€品牌策劃,內(nèi)蒙古微(wēi)信營銷,內(nèi)蒙古微(wēi)網站(zhàn),呼和(hé)浩特電(diàn)商品牌策劃,呼和(≥☆δ↓hé)浩特微(wēi)信營銷,呼和(hé)浩特微(wēi)網站(zhàn),內(nèi)蒙古網站(zhàn)制(zhì)作(zuò)，內(nèi)蒙古網站(z ↕≥hàn)設計(jì)，內(nèi)蒙古網站(zhàn)建設，呼和(hé)浩特網站(zhàn)建設，呼和(hé)浩特網站(zh$"₩↑àn)制(zhì)作(zuò)、呼和(hé)浩特網站(α♦≤©zhàn)設計(jì)首選內(nèi)蒙古呼和( ∞≠€hé)浩特先誠網絡科(kē)技(jì)公司≥>。先誠官網：/

為(wèi)什(shén)麽？

主要(yào)原因是(shì)我們是(shì)在為(wèi)用(yòng)戶而設計(jì)。這(>↕zhè)一(yī)點你(nǐ)越早覺悟越好♣‍‌§(hǎo)。用(yòng)戶心理(lǐ)變化(huà)一(yī‍ ε)定是(shì)複雜(zá)的(de)，但(dàn)是(shì)有(yǒu)一(yī)點是(φ☆ ∑shì)肯定的(de)：默認情況下(xià)，用(yòng)戶是(shì)懶惰的(de)，他(≤Ωtā)們會(huì)選擇最快(kuài)捷最方便的(de)方式來(lái)完成操作≈≠∏(zuò)和(hé)任務。太複雜(zá)的(de)布局、太富有(yǒu)創意的(de)解決方案和(hé)重新造出來(lái)的(>×de)輪子(zǐ)并不(bù)能(néng)讓用(yòng​↓)戶更輕松，結果可(kě)想而知(zhī)。

所以，設計(jì)師(shī)的(de)問(wèn)題變成了(le)這(φ←Ω®zhè)樣：如(rú)何在創造性、藝術(shù)性‍ 和(hé)原創設計(jì)之間(jiān)找到(dào)平衡，并且還(hái)得(dε♥e)兼顧直觀性，又(yòu)不(bù)失實用(yòng)性，同時('≥shí)還(hái)能(néng)在業(yè)務上(shàng)有(yǒu)良好(hǎo₩×)的(de)反饋？

從(cóng)成型的(de)原型構思開(kāi)始根據谷歌(gē)的(de)研究結果，用(yòng)戶更喜歡看(kàn)起來(lái)¥ ε簡單（低(dī)複雜(zá)度）且熟悉（高(gāo)典型性）的(d≥ ↕↕e)網站(zhàn)。

當人(rén)們打開(kāi)你(nǐ)的(↓δ≤de)網頁，隻需50毫秒(miǎo)他(tā)們對(d Ωuì)于你(nǐ)的(de)網站(zhàn)就(ji™∑ù)有(yǒu)了(le)設計(jì)審美(měi)上(shàn↕×g)的(de)判斷結果。對(duì)你(nǐ)品牌和(hé©♦™φ)産品的(de)第一(yī)印象就(jiù)這(zhè)麽形成了(l♣€φ∑e)，是(shì)走是(shì)留幾乎就(jiù)在©‍α♠這(zhè)一(yī)瞬間(jiān)被決定了(le)。

“當設計(jì)與用(yòng)戶的(de)期待所沖突的(de)時(shí)候，用(yòngσ§)戶對(duì)你(nǐ)的(de)設計(jì)的(✔∞¶de)第一(yī)印象會(huì)因此受到(dào)¥•&傷害，失望在所難免。”

——Javier Bargas-Avila ，YouTube 用(yòng)戶體(tǐ)驗中∏ε♣π心，高(gāo)級用(yòng)戶體(tǐ)驗研究∞♠₩↓員(yuán)

你(nǐ)可(kě)能(néng)看(kàn)過數(φ✔shù)以千計(jì)的(de)網站(zhàn)，當我問(wèn)你π₹≈α(nǐ)如(rú)何設計(jì)一(yī)個(gè)博客網站(zhàn)的(de)時(shí ‌$)候，你(nǐ)想到(dào)的(de)布局可(kě)能(néng)是(♥↓shì)這(zhè)個(gè)樣子(zǐ)：

prototype-1

我們幾乎可(kě)以針對(duì)所有(yǒu↕♠)類型的(de)網站(zhàn)都(dōu)做(zuò)一(yī)次這(zhè)樣的(de)測試：α"​電(diàn)商網站(zhàn)、企業(yè)網站(☆ ¥>zhàn)、大(dà)學官網、産品展示、媒體(tǐ)網站(zh✔€ αàn)、電(diàn)子(zǐ)雜(zá)志(zhì)，等等等β¥等。

所以，一(yī)個(gè)博客網站(zhàn)的(de)原型并不(bù÷​♣γ)複雜(zá)，左側是(shì)大(dà)塊©✘§的(de)內(nèi)容區(qū)，右側一(yī)個(gè)功能(néng)性的(de)側邊欄， ©$它可(kě)能(néng)會(huì)包含推薦、廣告、<≈<社交媒體(tǐ)、郵件(jiàn)訂閱等功能(néng)模塊。

是(shì)否每個(gè)博客都(dōu)是(shì)這≈®(zhè)一(yī)個(gè)樣子(zǐ)呢(ne)？并不₽β©(bù)一(yī)定，但(dàn)是(shì)絕大(dà)多(duō)數(shù)的(de)博客會‌®φ(huì)選擇這(zhè)樣的(de)布局。

當用(yòng)戶打開(kāi)你(nǐ)的(de)博客的(de)時(shí)候，他(tā)們知(®σzhī)道(dào)在側邊欄注冊，找到(dào)你(nǐ)的(de)社交媒體(t§ ǐ)帳号。當這(zhè)種設計(jì)成為(wèi)約定俗成的(de)設定之時(shí)，™©₹用(yòng)戶無疑會(huì)感到(dào)自↕φ↔(zì)然而方便，但(dàn)是(shì)如(rú)同它不(bù)存在，用$δΩ(yòng)戶找不(bù)到(dào)自(zì)然會(huì)覺®£π•得(de)沮喪。

因此，我相(xiàng)信心中始終對(duì)特定 β類型的(de)網頁有(yǒu)個(gè)合理(lǐ)的☆↔(de)原型，會(huì)非常有(yǒu)助于設計(jì)™☆↔β。在此基礎上(shàng)，你(nǐ)可(kě)以>∏嘗試調整細節，改變模塊與風(fēng)格，測試不(bù)同的(dγ↑e)想法，加入原創的(de)設計(jì)。

prototype-2

當然，所有(yǒu)的(de)這(zhè)一(yī)切都₩↕(dōu)是(shì)基于你(nǐ)的(de✘¥")目标用(yòng)戶來(lái)做(zuò)的(de)。如(rú)<φ果你(nǐ)的(de)網站(zhàn)是(shì)為(wèi)創意工(gōng₽δ•€)作(zuò)者所設計(jì)，他(tā)們的(de)預期可(kě)能(néng)同普通(t₹©™ōng)用(yòng)戶截然不(bù)同。一(yī)"λ₹個(gè)典型的(de)類型化(huà)網站(zhàn)對(duì)他(tā)們而言無疑是(∞∞♦shì)無聊的(de)，他(tā)們需要(yào)的(de)是(Ω shì)更加廣闊的(de)思路(lù)和(hé)更加開(kāi)放(fàng)的(de)腦(nǎoε✔ ≥)洞。

另一(yī)方面，如(rú)果你(nǐ)的(de)網站(zhàn↕&≥)并不(bù)是(shì)為(wèi)特定群體(tǐ)而設計(jì)，你(↔λnǐ)可(kě)能(néng)需要(yào)用(yòng)更加穩妥的(de)設計(jì)來(l​≠ái)确保安全，盡量靠近(jìn)那(nà)些(xiē)典型的(de)網站(z®♥•hàn)設計(jì)原型才好(hǎo)。這(zhè)個(gè)時(shí)候，太過富有(yǒ≠Ω u)創意的(de)設計(jì)，會(huì)讓有(yǒu)所期望的(de)用(yòng)戶感≥←←到(dào)失望，混亂，甚至離(lí)開(kāi)。

别讓用(yòng)戶思考

其實網絡上(shàng)早就(jiù)有(yǒu)約定俗成的(de)設計(jì)标準，比如(r">↔ú)LOGO多(duō)大(dà)、導航如(¥>​rú)何布局、搜索框在哪個(gè)地(dì)方和(hé)登錄框在哪，等等。甚至于圖标的(de≈✔)含義，網站(zhàn)元素的(de)命名（比如(rú)Home、Site♠ ↔λmap、Contact），按鈕的(de)樣式，布局和(hé)視(shì)覺的(de)層次都(dōu)有(↕∑§πyǒu)規則。

這(zhè)些(xiē)标準使得(de)↕∏©₽用(yòng)戶更容易、更快(kuài)地(dì)找到₽←✔(dào)他(tā)們想要(yào)的(σφ₹de)東(dōng)西(xī)。盡量使用(yòng)這(zhè)些(xiēγ&♥)約定俗成的(de)規則來(lái)做(zuò)設計(jì)，讓創意在其他(tā)的(₽₽★de)地(dì)方發揮作(zuò)用(yòng)。

ui-elements1

這(zhè)些(xiē)流行(xíng)的(de)UI元素都(dōu)是(shì)÷≤‍用(yòng)戶所熟悉的(de)樣式。

還(hái)是(shì)不(bù)要(yào)重新發明(mí∏$ng)輪子(zǐ)了(le)。我想你(nǐ)并↑☆不(bù)希望你(nǐ)的(de)設計(jì)從(cóng€↓)導航欄就(jiù)開(kāi)始遠(yuǎn)離≠≤©♠(lí)用(yòng)戶預期，也(yě)不(bù)想看(kàn)÷ $‍到(dào)用(yòng)戶面對(duì)網站(→↓zhàn)中别出機(jī)杼的(de)圖标一(yī)臉懵逼的(de)樣子(zǐ)。請(qǐng)§¥務必記住，用(yòng)戶希望盡量直接快(kuài)速地(dì)完成自(zì)己的(≠επ‍de)任務，别讓他(tā)們猶豫，别讓他(tā)們思考。

特定的(de)界面層級所能(néng)承受的(de)內(nèi×€)容的(de)量是(shì)相(xiàng)α★® 對(duì)固定的(de)，你(nǐ)的(de)網站(z®≠÷hàn)設計(jì)的(de)結構層級越複雜(‌§☆÷zá)，所成承載的(de)信息量自(zì)然也(yě)越大(dà)，但(dàn)是(shì)用(y‍ ♦☆òng)戶用(yòng)來(lái)探索網站(zhàn)所需要(yàoααπ)耗費(fèi)的(de)精力就(jiù)越多(duō)。

如(rú)果你(nǐ)打破網頁設計(jì)的(de)慣例，自(zì)然也(yě)有(y₩λ♦ǒu)有(yǒu)例外(wài)的(de)方案。如≠α∞(rú)果你(nǐ)确切地(dì)知(zhī)道(dào)你(nǐ)的(de)網站(→ ​ zhàn)用(yòng)戶群的(de)話(huà)，你(nǐ≈§)不(bù)同凡響的(de)設計(jì)是(shì)用(yòng)來(lái₹')給他(tā)們提供發掘的(de)樂(yuè)趣©φ，那(nà)麽這(zhè)種設計(jì)是(shì₩≈÷)合乎邏輯的(de)。

我想你(nǐ)已經看(kàn)過不(bù)少(shǎo)獨"€樹(shù)一(yī)幟的(de)作(zuò)品展示類的(de)網站(zhàn)了(γ×le)，它們有(yǒu)的(de)會(huì)用(yòng)少(shǎo)見(jià ≠∏n)的(de)水(shuǐ)平滾動式頁面來(lái)營造不(bù)同的(de)浏覽體$>↔(tǐ)驗。這(zhè)些(xiē)有(yǒu)趣的π←"€(de)探索會(huì)得(de)到(dào)設計(jì)師(shī)和(h®∑‍ é)創意工(gōng)作(zuò)者的(de)追€≠捧，這(zhè)種情況就(jiù)是(shì)我所說(shuō)的(de)例外(wài)。

但(dàn)是(shì)這(zhè)樣的(de)創意<‌并不(bù)适合本地(dì)圖書(shū)館和(hé)市(sh¶₽♠ì)醫(yī)院的(de)官方網站(zhàn)設計(jì)，因為(wèi)網站(zhàn)∑€•✔面向的(de)用(yòng)戶群體(tǐ)非常的(de)廣泛，有(y‍λ€βǒu)許多(duō)用(yòng)戶并沒有(yǒu)豐富的(de)網站(zhàn)浏覽經驗，這(zα✘♦•hè)樣的(de)設計(jì)會(huì)讓他(‍♦¶tā)們感到(dào)困擾，所以并不(bù)±•&₹存在這(zhè)種創意發揮的(de)空(kōng)間(jiān)。

同樣的(de)，我強烈建議(yì)依照(zhào)慣例來(lái)進行(xín®≈g)設計(jì)，如(rú)果要(yào)進行(xíng)改變和(hé)調整，盡量在測試之後再做ε₹(zuò)決策。

不(bù)要(yào)隻相(xiàng)信直覺——看(kàn)看(kàn)用(yò♣≥¶ng)戶是(shì)怎麽想的(de)吧(ba)。如₩€(rú)果你(nǐ)是(shì)新設計(jì)方案的(de)提 &Ω出者，那(nà)麽你(nǐ)應當承擔起新方案可(kě)用(yòng)性測試的(d≤÷≠γe)測試工(gōng)作(zuò)。

在視(shì)覺設計(jì)時(shí)發揮創意

既然前面提了(le)那(nà)麽多(duō)“不(bù)能(≥↕≥néng)動”的(de)領域，那(nà)麽網頁設計(jì)的(de)樂(yuè)趣又(yòuε←)在什(shén)麽地(dì)方呢(ne)？

在做(zuò)視(shì)覺設計(jì)的(de)時(shí)候，你(nǐ)可(kě)σΩ<↑以、也(yě)應該發揮創意。嘗試不(bù)同的(de)字體(tǐ)和(hé)色彩搭配，在布局、 ε↕留白(bái)、間(jiān)距當中尋找視(shì)覺的(de)醜奴兒(ér)歌(gē)詞，在插畫>↑€(huà)和(hé)滾動特效裡(lǐ)讓用(yòng)戶驚豔。

尋找創造性的(de)方案來(lái)簡化(huà)設計(jì)，極簡主義并不(σ‍↑bù)是(shì)讓你(nǐ)隐藏功能(néng)和(hé)內(nèi)容，而是('≈shì)通(tōng)過減少(shǎo)↓£¶來(lái)提升效果。的(de)确，實際上(shàng)做(zuò)極簡¶±​>設計(jì)反而比複雜(zá)的(de)設計(jì)更需要(yào)創造力。

幫助你(nǐ)的(de)用(yòng)戶在較少(shǎo)的(de)步驟和(hé)較短(∞σ≥☆duǎn)的(de)時(shí)間(jiān)內(nèi)達成目标吧(ba)。用(yò>≈"ng)創意來(lái)幫用(yòng)戶解決問(wè∏¥εn)題，或者打破你(nǐ)的(de)視(shì)覺設計(jì)引入更多(duō)模式化(huà)>∑的(de)設計(jì)來(lái)搞定問(wèn)題，再不(bù)行(xíng)也(y↑×<ě)可(kě)以使用(yòng)行(xíng)動召喚來(lái)解決矛盾。

仔細想想，在慣例、标準之外(wài)，創意在網頁設計(jì)中有(yǒu)著•​(zhe)足夠多(duō)的(de)發揮空(kōng)間(jiān)。

不(bù)要(yào)誤會(huì)我的(de)意思——創意和→φ(hé)樂(yuè)趣始終存在于網頁設計(jì)工(gōng)作(zuò÷©)當中，但(dàn)是(shì)你(nǐ)需要(yào)清楚哪裡(lǐ)需要(yào)α×≈規則來(lái)約束，而哪裡(lǐ)需要(yào)創意來(lái☆∑ )揮灑。

原文(wén)地(dì)址：rafaltomal

原文(wén)作(zuò)者：Rafal Tomal

優設譯文(wén)：@陳子(zǐ)木(mù)

注：本文(wén)均來(lái)自(zì)百度搜索，如(rú)涉及版​ 權問(wèn)題，請(qǐng)聯系我們，我↕$↓ 們會(huì)第一(yī)時(shí)間(jiān)解決。