網(wǎng)頁視覺設(shè)計(jì)中總會遵循一些基本的設(shè)計(jì)原則，不論你是經(jīng)驗(yàn)豐富的行業(yè)大?；蚴莿傔M(jìn)入網(wǎng)頁設(shè)計(jì)領(lǐng)域的新手，鞏固容易忽略的設(shè)計(jì)原則將會極大地改善你設(shè)計(jì)工作的質(zhì)量。于是網(wǎng)站建設(shè)小編較全面總結(jié)了網(wǎng)頁設(shè)計(jì)中一些視覺設(shè)計(jì)要點(diǎn)原則，并將它們大致分為以下幾項(xiàng)：
 

　　· 統(tǒng)一

　　· 對齊

　　· 連續(xù)

　　· 強(qiáng)調(diào)

　　· 主體及背景關(guān)系

　　· 層級關(guān)系

　　· 一致性

　　· 相似性

　　· 留白

　　· 平衡

　　· 鄰近關(guān)系

　　· 閉合
 

　　什么是網(wǎng)頁界面視覺設(shè)計(jì)？

　　視覺設(shè)計(jì)能幫助我們將文字等信息經(jīng)過定制處理然后傳遞給觀眾，我們可以通過視覺上的設(shè)計(jì)和觀眾溝通。你的文章傳遞信息包含你畫面的形狀、文字、符號、圖片、留白、材質(zhì)、色彩甚至運(yùn)動（畫面上的動畫以及相關(guān)的運(yùn)動效果）。你的目標(biāo)是成為一個通過設(shè)計(jì)來引導(dǎo)用戶的向?qū)В龑?dǎo)他們?nèi)ツ阆胍麄內(nèi)サ牡胤?也是對他們最好的地方)，一個好的UI(用戶界面)將會認(rèn)真對待這個問題并提供適當(dāng)?shù)慕鉀Q方案。
 

　　下面你會發(fā)現(xiàn)一些設(shè)計(jì)原則和一套你應(yīng)該意識到的、有用的格式塔原則。它們應(yīng)該被當(dāng)作指導(dǎo)方針，而不是一成不變的，從而幫助你做出更大的凝聚力和質(zhì)量的決定。
 

　　網(wǎng)站建設(shè)小編認(rèn)為一個共同的主題將帶領(lǐng)我們學(xué)習(xí)我們今天討論的所有原則：關(guān)系。好的視覺設(shè)計(jì)來自于成功地在你的工作中創(chuàng)造出與眾不同的關(guān)系。然而,請記住,這些要點(diǎn)內(nèi)容相對容易學(xué)習(xí)和理解，但是，我們需要不斷地練習(xí)，將這些碎片拼在一起，并取得成功的結(jié)果。
 

　　我們列出的許多原則（比如鄰近關(guān)系和主體背景關(guān)系）可以被歸類為格式塔原則。這些要點(diǎn)原則在于我們作為旁觀者應(yīng)該如何將一系列原則融為一個整體。我們?nèi)绾螌ふ艺_的工作模式，正如我們已經(jīng)提到的，關(guān)系。與其他視覺設(shè)計(jì)概念類似，這些原則可以應(yīng)用于印刷品、網(wǎng)絡(luò)、視頻和攝影等設(shè)計(jì)領(lǐng)域。
 

　　那么，讓我們從我們來看第一個視覺設(shè)計(jì)原則開始！
 

　　統(tǒng)一

　　設(shè)計(jì)最能發(fā)揮綜合整體的作用，當(dāng)所有的元素都放在一起時，它的目標(biāo)是實(shí)現(xiàn)統(tǒng)一。嘗試建立統(tǒng)一的結(jié)構(gòu)。接近、對齊、連續(xù)續(xù)和重復(fù)可以幫助在元素之間實(shí)現(xiàn)感觀上的統(tǒng)一。這還可以幫助您在不使用額外的邊幅或其他設(shè)計(jì)元素的情況下將這些難題分開。作為觀眾，當(dāng)我們看到新事物時，我們首先感知整體結(jié)構(gòu)。

　?。―ropbox關(guān)于我們頁面樣式上的統(tǒng)一）
 

　　Dropbox網(wǎng)站做了很多規(guī)范的設(shè)計(jì)處理，很好地利用了我們應(yīng)該遵循的一些設(shè)計(jì)原則。“關(guān)于我們”頁面是統(tǒng)一的一個很好的例子。注意，在頁面上只有幾個元素就可以輕松地實(shí)現(xiàn)可視化的統(tǒng)一。他們甚至可能再刪除多余的邊框后，統(tǒng)一感仍然有效。
 

　　統(tǒng)一需要穩(wěn)固地建立起來，它不會在一瞬間發(fā)生。把它看作是宏觀和微觀統(tǒng)一的組合;當(dāng)你建立一個整體的統(tǒng)一印象時，較小的元素也需要傳達(dá)凝聚力。
 

 

　?。℅itHub界面統(tǒng)一性設(shè)計(jì)）
 

　　GitHub在建立統(tǒng)一性方面也做得很好。在這樣一個內(nèi)容豐富的頁面中，所有的小細(xì)節(jié)構(gòu)建成一個一致的整體，所有的部分都是一致的，沒有什么是負(fù)面的視覺效果。
 

　　統(tǒng)一和凝聚力強(qiáng)的界面讓觀眾更舒服。建立信任和理解用戶應(yīng)該如何閱讀內(nèi)容是免費(fèi)的良性副產(chǎn)品。如果沒有什么能妨礙用戶的注意力，那么用戶體驗(yàn)將會更加順暢。
 

 

　　（GitHub界面統(tǒng)一性設(shè)計(jì)）
 

　　上面的插圖是另一個很好的使用統(tǒng)一原則的例子。顯示內(nèi)容列表的圖塊不需要更多其他元素來建立統(tǒng)一。
 

　　對齊

　　對齊方式可以減少視覺上的混亂。想想凌亂的辦公桌和有條理的辦公桌。即使你喜歡你的新潮但凌亂的辦公桌，你的聽眾或客戶不認(rèn)同你的辦公桌，你也會欣賞到一個有序的外觀，而不是一個混亂的桌面。如果您能夠通過對齊建立某種類型的流，那么導(dǎo)航和找到相關(guān)的信息就更容易了。作為一個副作用，層次結(jié)構(gòu)（我們稍后會看到）更容易建立，如果沒有元素在這個位置上浮動。
 

 

　?。―ropbox界面中對齊的應(yīng)用）
 

　　這張來自Dropbox幫助中心的截圖展示了使用清晰網(wǎng)格來正確對齊元素的視覺效果。
 

 

　　（themanyfacesof.com，一個來自帕拉維爾的有趣的副業(yè)項(xiàng)目）
 

　　上圖是一個包括非常棒的伯特雷諾主題網(wǎng)站，它有大量的例子可以說明好的對齊方式是正確的。這種排列非常微妙，主要是通過聲音的排版和清晰的網(wǎng)格，以及每隔一段時間就能熟練地實(shí)現(xiàn)對齊。
 

 

 

　?。―ropbox的功能列表）
 

　　Dropbox的功能列表是另一個值得研究的例子。簡單、樸實(shí)、有效的設(shè)計(jì)工作，利用對齊到最大效果來組織內(nèi)容。