2016-10-29 周周
如果您想訂閱本博客內(nèi)容，每天自動發(fā)到您的郵箱中， 請點(diǎn)這里
編者按：想讓一個設(shè)計(jì)經(jīng)典而永恒并不容易，但是要實(shí)現(xiàn)這一點(diǎn)還是有跡可循的，今天我們來分析7個技巧~
那些真正經(jīng)典的設(shè)計(jì)始終能夠經(jīng)受時間的考驗(yàn)，它們長盛不衰，大多還是因?yàn)樗鼈兎献罨镜脑O(shè)計(jì)規(guī)則和人的基本審美規(guī)律。就像Nike和可口可樂的LOGO設(shè)計(jì)，它們在過去的幾十上百年里有著持久的生命力，就是這份規(guī)則的力量造就的。
而值得慶幸的是，這種永恒設(shè)計(jì)的規(guī)則適用于幾乎任何項(xiàng)目。也許你無法再現(xiàn)Nike的LOGO設(shè)計(jì)的成功，但是你可以通過合理的設(shè)計(jì)，創(chuàng)造一個符合當(dāng)下審美，擁有數(shù)年生命力的優(yōu)質(zhì)設(shè)計(jì)。接下來的七個技巧，值得你思考。
具備良好可讀性的字體、圖片是基礎(chǔ)，清晰的內(nèi)容設(shè)計(jì)和直觀的信息傳遞，是打造可讀內(nèi)容的關(guān)鍵。聽起來這是一個艱巨的任務(wù)。
字體排版應(yīng)當(dāng)確保在不同尺寸下都能清晰地為用戶所識別。新奇的字體或者過于炫酷的字體效果也許能夠在特定的時候吸引用戶，但是如果用戶讀著費(fèi)勁、無法輕松識別文本內(nèi)容的話，那么這種設(shè)計(jì)就是失敗的。
圖片應(yīng)當(dāng)是銳利、高素質(zhì)和易于理解的。正如同文本排版需要具備可讀性易于，圖片的視覺效果和信息應(yīng)當(dāng)是能夠清晰傳達(dá)的。用戶應(yīng)當(dāng)能夠看明白圖片中所發(fā)生的事情，明白你想表達(dá)的意思。
設(shè)計(jì)的視覺傳達(dá)要到位，其中最重要的是表達(dá)明確的信息和意義，圖片和文本等內(nèi)容應(yīng)當(dāng)緊密的結(jié)合到一起，營造出綜合的體驗(yàn)，幫助用戶理解。如果不同的元素在信息傳遞上脫節(jié)，再漂亮的設(shè)計(jì)也是失敗的設(shè)計(jì)。
一旦你將不同的視覺元素組合到一起，用戶便會有與之進(jìn)行交互的欲望。這并不意味著你得為用戶創(chuàng)造虛擬的體驗(yàn)，盡管你可以這么做。微小的交互細(xì)節(jié)能夠讓你的設(shè)計(jì)更加真實(shí)，賦予項(xiàng)目以不同的個性。
當(dāng)你開始思考交互的時候，設(shè)計(jì)的易用性和實(shí)用性就不得不納入考慮中來。而你所帶來的交互應(yīng)當(dāng)是獨(dú)特而不可替代的，它可以用來講述故事，作為導(dǎo)航引導(dǎo)用戶，還能以微妙的效果來取悅用戶。
為你的交互設(shè)定一個基本的目標(biāo)：簡單而流暢，確保它能同你的內(nèi)容很好的聯(lián)動起來。
每個網(wǎng)站的視覺元素都是有層級的。較大的元素，普通的組件，還有遍布的細(xì)節(jié)元素。每個元素在整個設(shè)計(jì)中都應(yīng)該有足夠的空間展示，同其他的元素區(qū)分開來。
好的視覺比例能夠讓設(shè)計(jì)協(xié)調(diào)，讓不同元素各司其職，從而創(chuàng)造出符合邏輯的設(shè)計(jì)，引導(dǎo)用戶行為。
好的比例不僅僅在視覺上有優(yōu)勢，而且能夠讓用戶更加輕松的識別內(nèi)容，推進(jìn)流程。絕大多數(shù)的網(wǎng)站采取的是左上角LOGO+頂部大圖Banner+文本內(nèi)容 的布局，這種布局本身帶來一種視覺上的對比，引導(dǎo)用戶吸收內(nèi)容。
另外，各種元素也應(yīng)當(dāng)保持比例和視覺重量上的一致性。頁面之間同一個按鈕應(yīng)當(dāng)沿用相同的設(shè)計(jì)，從顏色到形狀都是如此。特殊的情況就另當(dāng)別論。
絕大多數(shù)的優(yōu)秀的設(shè)計(jì)總會有一些獨(dú)特的地方，讓它們從平庸的設(shè)計(jì)中脫穎而出。通常設(shè)計(jì)師會有目的地借助一些強(qiáng)調(diào)性的元素，來實(shí)現(xiàn)這種微調(diào)。比如更加童真的配色，更加后現(xiàn)代的藝術(shù)元素，更加跳脫的提亮色。常見的強(qiáng)調(diào)方式如下：
仔細(xì)想想那些細(xì)小的驚喜是如何引導(dǎo)用戶體驗(yàn)到整個設(shè)計(jì)。這些強(qiáng)調(diào)性的元素不僅讓視覺更加有趣，而且提供方向和引導(dǎo)，幫助用戶理解。
你通過視覺傳達(dá)的每一個元素應(yīng)該都帶有你的品牌烙印。從網(wǎng)站到名片，從圖片到社交媒體，你應(yīng)該讓你的用戶記住你是誰，讓他們不會懷疑看到的內(nèi)容是否真的出自你手。
品牌識別非常重要重要。打造一套品牌識別系統(tǒng)是一項(xiàng)關(guān)鍵而重要的工作，如果你沒有，那么應(yīng)當(dāng)開始著手準(zhǔn)備了。在此期間，有幾件事情能夠幫你創(chuàng)造一致而富有個性的品牌識別：
設(shè)計(jì)趨勢的變化太快了，時尚和潮流難以追隨。雖然這些設(shè)計(jì)趨勢看起來很巧妙，可是不推薦使用它們。
真正永恒的設(shè)計(jì)模式往往植根于最基本的設(shè)計(jì)理論。設(shè)計(jì)原則和規(guī)范已經(jīng)勾勒出經(jīng)典和永恒設(shè)計(jì)的輪廓了。這個時候再來看目前的設(shè)計(jì)趨勢，要如何協(xié)調(diào)經(jīng)典和趨勢之間的關(guān)系呢？以Material Design為例，它的理念植根于物理規(guī)律和運(yùn)動，它是基于這兩個規(guī)則，然后推廣細(xì)化構(gòu)成的。忘記那些表面的噱頭，重新回歸基本的理論和規(guī)則吧。
是否要使用特殊的字體、復(fù)雜的插件、動效和色彩，這些視覺上的問題是需要你考慮的。這樣的設(shè)計(jì)能夠流行多久？如果你替換了這些元素之后，余下的元素能給予用戶什么樣的體驗(yàn)？仔細(xì)思考這些問題，你的設(shè)計(jì)就可以永恒經(jīng)典，也可以流行時尚！
組織合理精巧的設(shè)計(jì)從未過時。從簡單的柵格到基于柵格系統(tǒng)的復(fù)雜的視覺設(shè)計(jì)，柵格賦予了設(shè)計(jì)組織性也給予了堅(jiān)實(shí)的設(shè)計(jì)基礎(chǔ)。
當(dāng)你規(guī)劃柵格的時候，橫向和縱向的都要考慮。通常設(shè)計(jì)師需要花費(fèi)大量的時間來計(jì)算縱向的欄和中間的間隔，以及橫向的列和列與列之間的間距。一個良好的柵格能夠賦予靈活的設(shè)計(jì)，創(chuàng)建充滿呼吸感的布局，便于元素之間的對齊，控制元素和控件之間的間距。
柵格系統(tǒng)會影響整個視覺設(shè)計(jì)中的每個方便，從圖片尺寸到字體大小。所以，不論項(xiàng)目本身是復(fù)雜還是簡單，柵格都可以很好的應(yīng)對，不過執(zhí)行過程中，每個元素都要按照規(guī)則來處理，確保整體的一致性。
真正永恒的設(shè)計(jì)通常與技術(shù)沒有太大的關(guān)系，它更多的是在設(shè)計(jì)平衡性上的選取，制造合理而易于用戶理解的設(shè)計(jì)才是關(guān)鍵。當(dāng)你真正決心打造永恒的設(shè)計(jì)，最好的方法是回到基礎(chǔ)，忘記趨勢與噱頭。
藍(lán)藍(lán)設(shè)計(jì)( www.gerard.com.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.gerard.com.cn