一個(gè)優(yōu)秀的設(shè)計(jì)永遠(yuǎn)不會(huì)脫離當(dāng)下流行的風(fēng)格，相反，它們往往能夠借鑒而形成自己獨(dú)樹一幟的風(fēng)格。這些經(jīng)典經(jīng)常深深地植根于設(shè)計(jì)理論中，并具有能夠幫助它們經(jīng)受住時(shí)間考驗(yàn)的元素。你一定知道其中的一些經(jīng)典——耐克和可口可樂等品牌擁有幾十年不變的標(biāo)志、顏色以及整體設(shè)計(jì)的代表性人物形象。

幸運(yùn)的是，這些可以保持永恒的經(jīng)典概念幾乎可以應(yīng)用于任何設(shè)計(jì)項(xiàng)目中。你可能沒有與Swoosh相同的視覺識(shí)別，但你可以創(chuàng)造一種可以為你工作多年的審美標(biāo)準(zhǔn)。這是怎么做的呢？

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

和其他設(shè)計(jì)最基礎(chǔ)的要求一致，一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)以圖像和設(shè)計(jì)以及消息內(nèi)容的整體清晰度和高度可讀性開始。雖然這聽起來像是一個(gè)很高的標(biāo)準(zhǔn)，但你可以鎖定兩個(gè)關(guān)鍵詞——簡單性和可讀性。

這就需要在你的網(wǎng)頁設(shè)計(jì)或任何設(shè)計(jì)項(xiàng)目中具備以下要求：

· 排版需要在任何大小以及分辨率的情況下都是可讀的，無困難的。新穎的字體我們提到了很多次，它可以很有趣，但是如果用戶不知道你在說什么，那么你的設(shè)計(jì)將會(huì)毀于一旦，因?yàn)橛脩舨粫?huì)哈很長的時(shí)間在他們需要花更多腦力去“破解”的內(nèi)容上。

· 圖像應(yīng)該清晰，質(zhì)量高，易于理解。正如排版需要可讀的一樣，你要確保在你的網(wǎng)站設(shè)計(jì)及其他設(shè)計(jì)中，所有的視覺效果也必須可以輕易的閱讀。用戶可以理解圖像中發(fā)生了什么，以及它與您你想要說的內(nèi)容有什么關(guān)系？

· 設(shè)計(jì)需要整體上感覺不錯(cuò)這是基礎(chǔ)，進(jìn)一步你應(yīng)該提供一個(gè)明確的信息或意義。圖像，文本和用戶操作應(yīng)創(chuàng)建一個(gè)用戶理解并希望成為其中一部分的組合型體驗(yàn)。如果設(shè)計(jì)中的“零件”是不同步的和脫節(jié)的，即使是美觀的設(shè)計(jì)也會(huì)失敗。

2.結(jié)合互動(dòng)

在你的網(wǎng)頁設(shè)計(jì)中將所有視覺元素放在一起后，用戶應(yīng)該與之進(jìn)行交互。這并不意味著你必須創(chuàng)造一個(gè)虛擬的現(xiàn)實(shí)體驗(yàn)（盡管以目前技術(shù)可以做到）。即使是小巧的互動(dòng)也可以使設(shè)計(jì)感覺更加現(xiàn)實(shí)，并增加了項(xiàng)目的個(gè)性。

在思考如何使用交互元素時(shí)，你應(yīng)該充分結(jié)合設(shè)計(jì)的可用性和實(shí)用性?；?dòng)的使用應(yīng)該是有目的的，在于它可以做一些以另一種方式不能做到的事情。這可能關(guān)系到在你的網(wǎng)站設(shè)計(jì)中，你需要如何來講述你的故事，以及如何合理的安排你的導(dǎo)航模式或一些只是為了讓用戶感到新奇和高興的動(dòng)作。

記得，凡事都需要一個(gè)最終的目的，網(wǎng)站設(shè)計(jì)也一樣。為互動(dòng)視覺設(shè)定一個(gè)目標(biāo)，保持簡潔流暢，并確保與內(nèi)容配合使用，以獲得最大的影響。

3.創(chuàng)建合理的視覺結(jié)構(gòu)

每個(gè)網(wǎng)站設(shè)計(jì)都需要一個(gè)層次結(jié)構(gòu)分明的元素。大尺寸、常規(guī)尺寸或小尺寸的元素，這些元素中的每一個(gè)都需要在設(shè)計(jì)中具有足夠的空間區(qū)域，以將其與視覺顯示的其他部分區(qū)分開來，以此來創(chuàng)建分明的主次之分。

一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)需要在視覺尺度上通過相關(guān)的、適合的比例來充實(shí)你的設(shè)計(jì)計(jì)劃和放置元素（從類型到空間到大小），以便所有內(nèi)容都可以符合邏輯。

良好的視覺結(jié)構(gòu)可以創(chuàng)造了一個(gè)通用于該設(shè)計(jì)項(xiàng)目的模式流程，使用戶易于識(shí)別和使用（這么做有一個(gè)原因：大多數(shù)網(wǎng)站設(shè)計(jì)在其左上角都有一個(gè)品牌標(biāo)志，往下是主視覺圖像，然后再是正文，它提供了一個(gè)可視化的尺度標(biāo)度，引導(dǎo)用戶如何閱讀內(nèi)容）。

與元素的尺寸和主次一樣重要的是保持一致性。如果按鈕在主頁上確定了一種顏色和尺寸，那么它應(yīng)該在其他頁面上具有相同的設(shè)計(jì)。正文，標(biāo)題和顏色選擇應(yīng)遵循各頁之間的一致性規(guī)則。

4.有目的的安排強(qiáng)調(diào)元素

能夠擺脫時(shí)效影響的優(yōu)秀網(wǎng)頁設(shè)計(jì)或任何的設(shè)計(jì)有一些額外的東西來擺脫其他的一切。有目的的強(qiáng)調(diào)元素，通過以有趣的方式使用顏色，這也包括使用更加時(shí)尚的外觀，來保持設(shè)計(jì)在感覺上的流行和舒適（但這一切都需要以協(xié)調(diào)為主）。

強(qiáng)調(diào)的元素可以包括：

· 特殊的排版；

· 有趣的流行色彩；

· 簡單的動(dòng)效；

· 在背景中使用不尋常的紋理；

· 可以使用戶意想不到的其他元素。

你可以把強(qiáng)調(diào)元素作為你的網(wǎng)頁設(shè)計(jì)中的一個(gè)驚喜，以幫助用戶愉快的瀏覽設(shè)計(jì)。不過記得，它們應(yīng)該提供關(guān)于內(nèi)容的方向和信息的理解，并提供視覺興趣。

5.建立品牌意識(shí)

你的設(shè)計(jì)應(yīng)該在視覺識(shí)別的每一部分看起來像你的品牌。這適用于從你的網(wǎng)站設(shè)計(jì)到名片再到社交媒體上的照片和徽標(biāo)的所有內(nèi)容。只是看著，用戶就應(yīng)該知道你是誰，而不必懷疑他們是否誤入內(nèi)容。

品牌意識(shí)是重要的（至關(guān)重要的）。創(chuàng)造品牌識(shí)別是一項(xiàng)巨大且艱辛的任務(wù)，如果你還沒有一個(gè)品牌，那現(xiàn)在你就要把他納入你的品牌計(jì)劃中了。同時(shí)，你可以做一些事情來幫助創(chuàng)建視覺識(shí)別和一致性。

· 使用相同或相似的顏色；

· 堅(jiān)持使用幾種固定的字體和大小；

· 考慮文本的對齊規(guī)則并選擇樣式；

· 建立一種照片風(fēng)格——顏色、黑與白之間的對比；

· 堅(jiān)持相同的風(fēng)格——正式或者休閑；

· 做你自己。

6.忘記噱頭

過于時(shí)尚的網(wǎng)頁設(shè)計(jì)經(jīng)常是很快就淡出時(shí)尚趨勢了。它們更像是一種“時(shí)效”設(shè)計(jì)，因?yàn)樗雌饋硐袷莵碜杂谝欢喂潭ǖ臅r(shí)間節(jié)點(diǎn)。當(dāng)然，這不是阻止設(shè)計(jì)師們使用時(shí)尚的設(shè)計(jì)趨勢，只是你應(yīng)該巧妙地使用它們。

永恒的設(shè)計(jì)模式植根于設(shè)計(jì)理論。基本原則和指導(dǎo)原則將塑造如何組合你的設(shè)計(jì)的視覺大綱。考慮與趨勢的關(guān)系，它們可以達(dá)到何種吻合的程度。材料設(shè)計(jì)概念（一個(gè)大趨勢）似乎使用良好的原因之一是它植根于物理理念和運(yùn)動(dòng)。它需要一個(gè)二維的想法并推動(dòng)它。

使用特特殊的字體、復(fù)雜的插件、動(dòng)畫或調(diào)色板是你應(yīng)該考慮的視覺想法。它們看起來是新鮮的以及相關(guān)的這種感覺能持續(xù)多久？或者你是否有計(jì)劃在保留其余設(shè)計(jì)的同時(shí)切換這些元素？

7.使用網(wǎng)格

一個(gè)網(wǎng)站設(shè)計(jì)如果有正確的組織作為基礎(chǔ)，那么它永遠(yuǎn)不會(huì)失去風(fēng)格。從簡單的網(wǎng)格到基于網(wǎng)格的視覺顯示，強(qiáng)烈的網(wǎng)格可以為堅(jiān)實(shí)的設(shè)計(jì)提供基礎(chǔ)。

思考和規(guī)劃網(wǎng)格時(shí)，要縱向和橫向一起考慮。通常，設(shè)計(jì)人員花費(fèi)大量的時(shí)間在設(shè)計(jì)中隱藏的柱狀間距和垂直問題。適合的網(wǎng)格能夠提供足夠的靈活性，以創(chuàng)造溫和的流動(dòng)方式輕松創(chuàng)建和放置元素。它還提供了間距（包括白色空間）和元件和其他部分對齊的準(zhǔn)則。

網(wǎng)格可以根據(jù)照片和元素的尺寸影響設(shè)計(jì)的每個(gè)視覺方面，如何將圖標(biāo)或按鈕與其他內(nèi)容對齊？網(wǎng)格可以與設(shè)計(jì)項(xiàng)目一樣——復(fù)雜或簡單，但應(yīng)該與每個(gè)設(shè)計(jì)元素一起實(shí)施，以保持視覺一致性。

總結(jié)

永恒的網(wǎng)頁設(shè)計(jì)不是關(guān)于具體的技術(shù)，它更多的是關(guān)于如何使設(shè)計(jì)趨于平衡，邏輯和容易，以供用戶理解。雖然時(shí)尚元素可以很有趣，但更多永恒的項(xiàng)目使用經(jīng)典和現(xiàn)代元素的混合，以及通過針對性的方式共享信息。

當(dāng)你想創(chuàng)造一些會(huì)持續(xù)很長時(shí)間的東西時(shí)，最好的想法是回到基礎(chǔ)。幾乎所有持久的設(shè)計(jì)理念都植根于長期使用的理論。