如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請點(diǎn)這里

編者按：想讓一個(gè)設(shè)計(jì)經(jīng)典而永恒并不容易，但是要實(shí)現(xiàn)這一點(diǎn)還是有跡可循的，今天我們來分析7個(gè)技巧~

那些真正經(jīng)典的設(shè)計(jì)始終能夠經(jīng)受時(shí)間的考驗(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)造一個(gè)符合當(dāng)下審美，擁有數(shù)年生命力的優(yōu)質(zhì)設(shè)計(jì)。接下來的七個(gè)技巧，值得你思考。

1、專注于可讀的內(nèi)容

具備良好可讀性的字體、圖片是基礎(chǔ)，清晰的內(nèi)容設(shè)計(jì)和直觀的信息傳遞，是打造可讀內(nèi)容的關(guān)鍵。聽起來這是一個(gè)艱巨的任務(wù)。

字體排版應(yīng)當(dāng)確保在不同尺寸下都能清晰地為用戶所識(shí)別。新奇的字體或者過于炫酷的字體效果也許能夠在特定的時(shí)候吸引用戶，但是如果用戶讀著費(fèi)勁、無法輕松識(shí)別文本內(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ì)。

2、引入交互性

一旦你將不同的視覺元素組合到一起，用戶便會(huì)有與之進(jìn)行交互的欲望。這并不意味著你得為用戶創(chuàng)造虛擬的體驗(yàn)，盡管你可以這么做。微小的交互細(xì)節(jié)能夠讓你的設(shè)計(jì)更加真實(shí)，賦予項(xiàng)目以不同的個(gè)性。

當(dāng)你開始思考交互的時(shí)候，設(shè)計(jì)的易用性和實(shí)用性就不得不納入考慮中來。而你所帶來的交互應(yīng)當(dāng)是獨(dú)特而不可替代的，它可以用來講述故事，作為導(dǎo)航引導(dǎo)用戶，還能以微妙的效果來取悅用戶。

為你的交互設(shè)定一個(gè)基本的目標(biāo)：簡單而流暢，確保它能同你的內(nèi)容很好的聯(lián)動(dòng)起來。

3、創(chuàng)造最佳的視覺比例

每個(gè)網(wǎng)站的視覺元素都是有層級的。較大的元素，普通的組件，還有遍布的細(xì)節(jié)元素。每個(gè)元素在整個(gè)設(shè)計(jì)中都應(yīng)該有足夠的空間展示，同其他的元素區(qū)分開來。

好的視覺比例能夠讓設(shè)計(jì)協(xié)調(diào)，讓不同元素各司其職，從而創(chuàng)造出符合邏輯的設(shè)計(jì)，引導(dǎo)用戶行為。

好的比例不僅僅在視覺上有優(yōu)勢，而且能夠讓用戶更加輕松的識(shí)別內(nèi)容，推進(jìn)流程。絕大多數(shù)的網(wǎng)站采取的是左上角LOGO+頂部大圖Banner+文本內(nèi)容 的布局，這種布局本身帶來一種視覺上的對比，引導(dǎo)用戶吸收內(nèi)容。

另外，各種元素也應(yīng)當(dāng)保持比例和視覺重量上的一致性。頁面之間同一個(gè)按鈕應(yīng)當(dāng)沿用相同的設(shè)計(jì)，從顏色到形狀都是如此。特殊的情況就另當(dāng)別論。

4、強(qiáng)調(diào)性的元素

絕大多數(shù)的優(yōu)秀的設(shè)計(jì)總會(huì)有一些獨(dú)特的地方，讓它們從平庸的設(shè)計(jì)中脫穎而出。通常設(shè)計(jì)師會(huì)有目的地借助一些強(qiáng)調(diào)性的元素，來實(shí)現(xiàn)這種微調(diào)。比如更加童真的配色，更加后現(xiàn)代的藝術(shù)元素，更加跳脫的提亮色。常見的強(qiáng)調(diào)方式如下：

·錯(cuò)落而別致的排版
·有趣而跳脫的色彩
·簡單的動(dòng)效
·獨(dú)特的背景紋理
·幾乎所有出乎意料的設(shè)計(jì)

仔細(xì)想想那些細(xì)小的驚喜是如何引導(dǎo)用戶體驗(yàn)到整個(gè)設(shè)計(jì)。這些強(qiáng)調(diào)性的元素不僅讓視覺更加有趣，而且提供方向和引導(dǎo)，幫助用戶理解。

5、個(gè)性與品牌識(shí)別

你通過視覺傳達(dá)的每一個(gè)元素應(yīng)該都帶有你的品牌烙印。從網(wǎng)站到名片，從圖片到社交媒體，你應(yīng)該讓你的用戶記住你是誰，讓他們不會(huì)懷疑看到的內(nèi)容是否真的出自你手。

品牌識(shí)別非常重要重要。打造一套品牌識(shí)別系統(tǒng)是一項(xiàng)關(guān)鍵而重要的工作，如果你沒有，那么應(yīng)當(dāng)開始著手準(zhǔn)備了。在此期間，有幾件事情能夠幫你創(chuàng)造一致而富有個(gè)性的品牌識(shí)別：

·使用相同的色彩
·堅(jiān)持幾種特定的字體和尺寸
·仔細(xì)思考排版的對齊方式，并且選擇一種風(fēng)格
·界定圖片的風(fēng)格，是彩色還是黑白，抑或其他的技術(shù)
·堅(jiān)持使用一種語言表述風(fēng)格，隨性還是正式
·堅(jiān)持做自己

6、忘記噱頭

設(shè)計(jì)趨勢的變化太快了，時(shí)尚和潮流難以追隨。雖然這些設(shè)計(jì)趨勢看起來很巧妙，可是不推薦使用它們。

真正永恒的設(shè)計(jì)模式往往植根于最基本的設(shè)計(jì)理論。設(shè)計(jì)原則和規(guī)范已經(jīng)勾勒出經(jīng)典和永恒設(shè)計(jì)的輪廓了。這個(gè)時(shí)候再來看目前的設(shè)計(jì)趨勢，要如何協(xié)調(diào)經(jīng)典和趨勢之間的關(guān)系呢？以Material Design為例，它的理念植根于物理規(guī)律和運(yùn)動(dòng)，它是基于這兩個(gè)規(guī)則，然后推廣細(xì)化構(gòu)成的。忘記那些表面的噱頭，重新回歸基本的理論和規(guī)則吧。

是否要使用特殊的字體、復(fù)雜的插件、動(dòng)效和色彩，這些視覺上的問題是需要你考慮的。這樣的設(shè)計(jì)能夠流行多久？如果你替換了這些元素之后，余下的元素能給予用戶什么樣的體驗(yàn)？仔細(xì)思考這些問題，你的設(shè)計(jì)就可以永恒經(jīng)典，也可以流行時(shí)尚！

7、使用柵格

組織合理精巧的設(shè)計(jì)從未過時(shí)。從簡單的柵格到基于柵格系統(tǒng)的復(fù)雜的視覺設(shè)計(jì)，柵格賦予了設(shè)計(jì)組織性也給予了堅(jiān)實(shí)的設(shè)計(jì)基礎(chǔ)。

當(dāng)你規(guī)劃柵格的時(shí)候，橫向和縱向的都要考慮。通常設(shè)計(jì)師需要花費(fèi)大量的時(shí)間來計(jì)算縱向的欄和中間的間隔，以及橫向的列和列與列之間的間距。一個(gè)良好的柵格能夠賦予靈活的設(shè)計(jì)，創(chuàng)建充滿呼吸感的布局，便于元素之間的對齊，控制元素和控件之間的間距。

柵格系統(tǒng)會(huì)影響整個(gè)視覺設(shè)計(jì)中的每個(gè)方便，從圖片尺寸到字體大小。所以，不論項(xiàng)目本身是復(fù)雜還是簡單，柵格都可以很好的應(yīng)對，不過執(zhí)行過程中，每個(gè)元素都要按照規(guī)則來處理，確保整體的一致性。

結(jié)語

真正永恒的設(shè)計(jì)通常與技術(shù)沒有太大的關(guān)系，它更多的是在設(shè)計(jì)平衡性上的選取，制造合理而易于用戶理解的設(shè)計(jì)才是關(guān)鍵。當(dāng)你真正決心打造永恒的設(shè)計(jì)，最好的方法是回到基礎(chǔ)，忘記趨勢與噱頭。

藍(lán)藍(lán)設(shè)計(jì)( yvirxh.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ù)