在網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)如何避免頁面混亂?
來源:尚品中國
類型:網(wǎng)站建設(shè)
時(shí)間:2020-03-31 10:00:50
網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)是幾乎所有在企業(yè)管理層工作的人都必須面對的問題,但只有設(shè)計(jì)專業(yè)人士真正了解它 如果你想要一個(gè)好的網(wǎng)頁設(shè)計(jì),你必須學(xué)習(xí)基礎(chǔ)知識,這樣你才能表達(dá)你想要的。 即使你雇傭了一個(gè)專業(yè)人員來設(shè)計(jì)你的網(wǎng)頁,你仍然需要一些基礎(chǔ)知識來區(qū)分一個(gè)天才和平庸的網(wǎng)頁設(shè)計(jì)師,并解釋你需要他們做什么。
我們知道非設(shè)計(jì)師掌握整個(gè)網(wǎng)頁設(shè)計(jì)的技巧有多難,所以我們制作了這個(gè)簡單的指南來幫助你理解基礎(chǔ)知識。 在本文中,我們了解了網(wǎng)站的頁面布局。
首先,讓我們解決網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中最常見的初學(xué)者錯(cuò)誤之一:屏幕混亂 大多數(shù)人把他們想要的一切都放在自己的網(wǎng)站上,不知道什么更好。他們只是把它們放在屏幕上和同一頁上。
基本上,你添加到網(wǎng)頁設(shè)計(jì)中的每個(gè)元素都會減少其他元素 如果你添加了太多令人分心的元素,你的用戶將不知道去哪里找,你將失去一個(gè)一致的體驗(yàn)。 相比之下,如果只包含必要的元素,這些元素會更有效,因?yàn)樗鼈儾槐嘏c其他元素共享頁面的中心。
空白越多意味著混亂越少,這對于一個(gè)簡單干凈的網(wǎng)頁設(shè)計(jì)來說非常重要。
好的網(wǎng)頁設(shè)計(jì),主屏幕除了基本功能之外什么都沒有:導(dǎo)航菜單、標(biāo)志、口號、主呼叫項(xiàng)(CTA)和少量氣氛圖像,并顯示產(chǎn)品。 當(dāng)然,它們也提供其他信息,但是它們會在以后顯示,這樣它們的屏幕就不會太擁擠了。 這是視覺節(jié)奏
為了使網(wǎng)頁設(shè)計(jì)有效,它需要被簡化——必須有一個(gè)清晰的路徑供用戶遵循。 有許多不同的方法可以做到這一點(diǎn),但是第一步總是通過刪除低優(yōu)先級元素來為高優(yōu)先級元素創(chuàng)造空間。
去掉多余的 回顧你的設(shè)計(jì)要點(diǎn) 如果一個(gè)元素不能增加或改善整體體驗(yàn),刪除它 如果一個(gè)元素可以位于另一個(gè)屏幕上,將它移到那里
彈出式菜單 彈出菜單(下拉、折疊等。)是減少混亂的好方法,但是如果可能的話,盡量將這些隱藏的菜單限制在7個(gè)。
簡化設(shè)計(jì)在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中做不到什么:
使用側(cè)邊欄 新訪客可能不會使用它們 此外,如果所有選項(xiàng)都不適合主導(dǎo)航菜單,您需要簡化導(dǎo)航結(jié)構(gòu)。
使用滑塊 如果在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中使用滑塊,滑塊和新圖像的移動會分散注意力,削弱你對用戶所見的控制。 最好總是只顯示你最好的圖像。
我們知道非設(shè)計(jì)師掌握整個(gè)網(wǎng)頁設(shè)計(jì)的技巧有多難,所以我們制作了這個(gè)簡單的指南來幫助你理解基礎(chǔ)知識。 在本文中,我們了解了網(wǎng)站的頁面布局。
首先,讓我們解決網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中最常見的初學(xué)者錯(cuò)誤之一:屏幕混亂 大多數(shù)人把他們想要的一切都放在自己的網(wǎng)站上,不知道什么更好。他們只是把它們放在屏幕上和同一頁上。
基本上,你添加到網(wǎng)頁設(shè)計(jì)中的每個(gè)元素都會減少其他元素 如果你添加了太多令人分心的元素,你的用戶將不知道去哪里找,你將失去一個(gè)一致的體驗(yàn)。 相比之下,如果只包含必要的元素,這些元素會更有效,因?yàn)樗鼈儾槐嘏c其他元素共享頁面的中心。
空白越多意味著混亂越少,這對于一個(gè)簡單干凈的網(wǎng)頁設(shè)計(jì)來說非常重要。
好的網(wǎng)頁設(shè)計(jì),主屏幕除了基本功能之外什么都沒有:導(dǎo)航菜單、標(biāo)志、口號、主呼叫項(xiàng)(CTA)和少量氣氛圖像,并顯示產(chǎn)品。 當(dāng)然,它們也提供其他信息,但是它們會在以后顯示,這樣它們的屏幕就不會太擁擠了。 這是視覺節(jié)奏
為了使網(wǎng)頁設(shè)計(jì)有效,它需要被簡化——必須有一個(gè)清晰的路徑供用戶遵循。 有許多不同的方法可以做到這一點(diǎn),但是第一步總是通過刪除低優(yōu)先級元素來為高優(yōu)先級元素創(chuàng)造空間。
在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中需要做些什么來簡化設(shè)計(jì):
去掉多余的 回顧你的設(shè)計(jì)要點(diǎn) 如果一個(gè)元素不能增加或改善整體體驗(yàn),刪除它 如果一個(gè)元素可以位于另一個(gè)屏幕上,將它移到那里
彈出式菜單 彈出菜單(下拉、折疊等。)是減少混亂的好方法,但是如果可能的話,盡量將這些隱藏的菜單限制在7個(gè)。
簡化設(shè)計(jì)在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中做不到什么:
使用側(cè)邊欄 新訪客可能不會使用它們 此外,如果所有選項(xiàng)都不適合主導(dǎo)航菜單,您需要簡化導(dǎo)航結(jié)構(gòu)。
使用滑塊 如果在網(wǎng)站建設(shè)和網(wǎng)頁設(shè)計(jì)中使用滑塊,滑塊和新圖像的移動會分散注意力,削弱你對用戶所見的控制。 最好總是只顯示你最好的圖像。
來源聲明:本文章系尚品中國編輯原創(chuàng)或采編整理,如需轉(zhuǎn)載請注明來自尚品中國。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò),如有侵權(quán),請及時(shí)與本站聯(lián)系(010-60259772)。
TAG標(biāo)簽:
最新文章
-
09-10 \ 2024
企業(yè)網(wǎng)站設(shè)計(jì)與開發(fā)中的數(shù)據(jù)庫設(shè)計(jì)關(guān)鍵要素剖析
在企業(yè)網(wǎng)站設(shè)計(jì)與開發(fā)過程中,數(shù)據(jù)庫設(shè)計(jì)是至關(guān)重要的環(huán)節(jié),它直接影響網(wǎng)站的性能、數(shù)據(jù)管理效率以及未來的擴(kuò)展性。以下是數(shù)據(jù)庫設(shè)計(jì)中需要關(guān)注的關(guān)鍵要素。 -
08-01 \ 2023
節(jié)日專題網(wǎng)站建設(shè)方案
隨著數(shù)字化時(shí)代的到來,越來越多的企業(yè)和組織開始利用互聯(lián)網(wǎng)平臺展示和傳播節(jié)日文化。一個(gè)精心設(shè)計(jì)的節(jié)日專題網(wǎng)站能夠?yàn)橛脩魩碡S富的節(jié)日體驗(yàn),增加用戶粘性和忠誠度。在這篇文章中,我們將討論一個(gè)節(jié)日專題網(wǎng)站的建設(shè)方案。 -
07-25 \ 2023
科研院所網(wǎng)站建設(shè)方案
科研院所網(wǎng)站建設(shè)方案需要結(jié)合具體的院所特點(diǎn)和目標(biāo)來設(shè)計(jì),以下是一個(gè)一般性的科研院所網(wǎng)站建設(shè)方案,供參考:需求分析: 首先,確定科研院所網(wǎng)站的目標(biāo)受眾、主要功能和需求。明確網(wǎng)站所要傳達(dá)的信息,例如研究成果、項(xiàng)目介紹、團(tuán)隊(duì)成員、學(xué)術(shù)活動、合作伙伴等。