設(shè)計(jì)如何擁有持久的生命力技巧

　　設(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íng)造出綜合的體驗(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)：簡(jiǎn)單而流暢，確保它能同你的內(nèi)容很好的聯(lián)動(dòng)起來。

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

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

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

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

　　另外，各種元素也應(yīng)當(dāng)保持比例和視覺重量上的一致性。頁(yè)面之間同一個(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ò)落而別致的排版

　　有趣而跳脫的色彩

　　簡(jiǎn)單的動(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ì)思考排版的對(duì)齊方式，并且選擇一種風(fēng)格

　　界定圖片的風(fēng)格，是彩色還是黑白，抑或其他的技術(shù)

　　堅(jiān)持使用一種語言表述風(fēng)格，隨性還是正式

　　堅(jiān)持做自己

　　6、忘記噱頭

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

　　真正永恒的設(shè)計(jì)模式往往植根于最基本的設(shè)計(jì)理論。設(shè)計(jì)原則和規(guī)范已經(jīng)勾勒出經(jīng)典和永恒設(shè)計(jì)的輪廓了。這個(gè)時(shí)候再來看目前的設(shè)計(jì)趨勢(shì)，要如何協(xié)調(diào)經(jīng)典和趨勢(shì)之間的關(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í)。從簡(jiǎn)單的柵格到基于柵格系統(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)建充滿呼吸感的布局，便于元素之間的對(duì)齊，控制元素和控件之間的間距。

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

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

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

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

　　另外，各種元素也應(yīng)當(dāng)保持比例和視覺重量上的一致性。頁(yè)面之間同一個(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ò)落而別致的排版

　　有趣而跳脫的色彩

　　簡(jiǎn)單的動(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ì)思考排版的對(duì)齊方式，并且選擇一種風(fēng)格

　　界定圖片的風(fēng)格，是彩色還是黑白，抑或其他的技術(shù)

　　堅(jiān)持使用一種語言表述風(fēng)格，隨性還是正式

　　堅(jiān)持做自己

　　6、忘記噱頭

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

　　真正永恒的設(shè)計(jì)模式往往植根于最基本的設(shè)計(jì)理論。設(shè)計(jì)原則和規(guī)范已經(jīng)勾勒出經(jīng)典和永恒設(shè)計(jì)的輪廓了。這個(gè)時(shí)候再來看目前的設(shè)計(jì)趨勢(shì)，要如何協(xié)調(diào)經(jīng)典和趨勢(shì)之間的關(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í)。從簡(jiǎn)單的柵格到基于柵格系統(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)建充滿呼吸感的布局，便于元素之間的對(duì)齊，控制元素和控件之間的間距。

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