網(wǎng)頁設(shè)計(jì)中的就近原則

最近，我看了一本舊的網(wǎng)頁設(shè)計(jì)書讓我在感動(dòng)，它讓我想起了一個(gè)網(wǎng)頁設(shè)計(jì)原則，我們許多人付諸實(shí)踐可能只是下意識(shí)的。
這本書論述了將成為一個(gè)重要話題討論網(wǎng)頁設(shè)計(jì)的背景。
就近原則要求相關(guān)的項(xiàng)目進(jìn)行分組的視覺，創(chuàng)造和決策組織布局。彼此無關(guān)的物品應(yīng)該放遠(yuǎn)，強(qiáng)調(diào)他們沒有關(guān)系。
我們將討論設(shè)計(jì)的細(xì)節(jié)，這可以有效實(shí)施的一些方法，正確使用就近原則，與其他設(shè)計(jì)原則，有一個(gè)大的影響了用戶體驗(yàn)，最終，一個(gè)網(wǎng)站的整體成功。

不要害怕白色的空間
第一步正確執(zhí)行就近原則是理解的重要性的白色空間設(shè)計(jì)。
白色空間不足是業(yè)余設(shè)計(jì)常見的問題。設(shè)計(jì)是信息傳達(dá)的手段，當(dāng)業(yè)余愛好者試圖傳達(dá)信息的設(shè)計(jì)，他們的自然傾向是把內(nèi)容均勻地填充空間，卻沒有考慮到組織嚴(yán)密的白色空間的潛力。
白色的空間可以影響用戶的行為一樣多，如果不是更多，比網(wǎng)頁上的實(shí)際內(nèi)容。白色空間引導(dǎo)用戶的眼睛在預(yù)定的方向，產(chǎn)生的對比讓人印象深刻。

所以不要擔(dān)心空的空間在您的設(shè)計(jì)。正確使用白色空間是實(shí)現(xiàn)就近原則的第一步，因此，使設(shè)計(jì)更具視覺吸引力。

視覺相關(guān)的元素
白色的空間，然而，是實(shí)施接近只是其中的一部分。設(shè)計(jì)一個(gè)可有大量的白色空間，但如果項(xiàng)目不分正確，白色的空間影響很小，如圖所示的兩張名片下面：

這個(gè)例子說明了印刷設(shè)計(jì)接近的重要性，和類似的想法可以用于網(wǎng)頁設(shè)計(jì)元素，如下面的截圖。

雖然該設(shè)計(jì)的網(wǎng)站并不復(fù)雜或信息重，其使用的白色空間和視覺元素分離的有效組合。這里要注意的是“白色空間”不一定是白的；它可以是元素之間的任何空間，無論顏色。

創(chuàng)造視覺層次
使用白色空間進(jìn)行分組的相關(guān)元素，給你的網(wǎng)站一個(gè)清晰的視覺層次的關(guān)鍵。當(dāng)然，該網(wǎng)站的體系結(jié)構(gòu)和信息流程的基礎(chǔ)上有效的接近。
層次結(jié)構(gòu)是通過這樣的元素進(jìn)行分組和分。
這種層次結(jié)構(gòu)可以幫助用戶了解他們和他們想去的地方，因此，有助于溝通目的的網(wǎng)站。

實(shí)施這一原則在某個(gè)網(wǎng)站上一個(gè)簡單的HTML列表是很容易的。面臨的挑戰(zhàn)是如何使用這個(gè)原則作為指導(dǎo)因素在網(wǎng)站的建設(shè)從規(guī)劃階段到設(shè)計(jì)線框圖。

布局，易于瀏覽和閱讀
內(nèi)容，組織成一個(gè)層次結(jié)構(gòu)和邏輯分組是容易閱讀和掃描。
標(biāo)題，例如，應(yīng)該允許用戶通過清楚地說明要點(diǎn)掃描。不用說，內(nèi)容應(yīng)該是從一開始就反映出合適的視覺層次計(jì)劃；上述清單與縮進(jìn)的條目是一個(gè)可憐的例子，因?yàn)閮?nèi)容不匹配的視覺層次。
一個(gè)網(wǎng)站，使用鄰近的建筑設(shè)計(jì)并沒有壓倒了用戶信息。
所以，雖然它是比較容易實(shí)現(xiàn)的，對網(wǎng)站內(nèi)容接近的原則，接近更重要的是內(nèi)容豐富的網(wǎng)站。

總的來說，洛杉磯時(shí)報(bào)網(wǎng)站有一個(gè)討人喜歡的設(shè)計(jì)主要是因?yàn)轭伾妥煮w的選擇。但它也有一個(gè)干凈整潔的外觀，特別是在標(biāo)題部分。
這個(gè)標(biāo)志是大而突出，有效促進(jìn)網(wǎng)站的品牌。對象最近的標(biāo)志是橫向?qū)Ш綑谙旅?。由于?dǎo)航欄是黑色的，它有標(biāo)志的對比。

網(wǎng)格有助于接近
一組項(xiàng)目，使用白色空間適當(dāng)是開始于一個(gè)網(wǎng)格。
在洛杉磯時(shí)報(bào)和環(huán)球郵報(bào)的網(wǎng)站從一個(gè)粗略的一瞥，只有洛杉磯時(shí)報(bào)似乎已經(jīng)對網(wǎng)格的設(shè)計(jì)為基礎(chǔ)，或至少使用基于網(wǎng)格的原則在規(guī)劃階段。環(huán)球郵報(bào)的網(wǎng)站顯示一個(gè)網(wǎng)格格式的小證據(jù)。
一種基于網(wǎng)格的布局，以適當(dāng)?shù)呐潘疁系拇笮?，允許房間之間的部分很多，而且在許多情況下，它迫使設(shè)計(jì)師實(shí)施原則接近甚至沒有思考。

引導(dǎo)用戶沿著正確的路徑
鄰近的另一個(gè)重要的好處是，它幫助用戶瀏覽一個(gè)網(wǎng)站，沒有不必要的延誤或障礙。當(dāng)主導(dǎo)航顯然是從網(wǎng)頁上的其他元素分離，它會(huì)馬上發(fā)現(xiàn)不可能忘記的。
適當(dāng)?shù)囊曈X層次的方式接近幫助用戶深入了解你的網(wǎng)站，而不必?fù)?dān)心他們已經(jīng)在那里或他們要去的地方。
他們會(huì)感到舒適，他們會(huì)最重要的部分你的網(wǎng)站快速有效。
很少或沒有經(jīng)驗(yàn)的網(wǎng)頁設(shè)計(jì)師，平面設(shè)計(jì)可以大大受益的原則，平面設(shè)計(jì)師已經(jīng)付諸實(shí)踐，因?yàn)榫W(wǎng)絡(luò)繁榮時(shí)期之前。
接近是不是唯一的設(shè)計(jì)原則，將幫助網(wǎng)站更有用和視覺上的愉悅，但這是考慮到許多剛剛討論的原因的重要因素。

文章名稱：網(wǎng)頁設(shè)計(jì)中的就近原則
文章來源：http://muchs.cn/news/20112.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站導(dǎo)航、網(wǎng)頁設(shè)計(jì)公司、響應(yīng)式網(wǎng)站、建站公司、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)