您好,歡迎來到一站式眾包服務(wù)平臺-威客牛網(wǎng)
當(dāng)前位置:威客牛首頁 > 知識百科 > IT軟件 > UI設(shè)計 > 網(wǎng)站首頁布局注意事項

網(wǎng)站首頁布局注意事項

2022-12-04作者:網(wǎng)友投稿
網(wǎng)頁設(shè)計時,需要對頁面布局把握準(zhǔn)確,包括對頁面的文字、圖形或表格進行格式設(shè)置,以便達到想要的頁面視覺效果。那么頁面該怎么布局好呢?以下就是贏在威客網(wǎng)小編為您整理的網(wǎng)站首頁布局注意事項。

一、重復(fù):在整個站點中重復(fù)實現(xiàn)某些頁面設(shè)計風(fēng)格。

重復(fù)的成分可能是某種字體、標(biāo)題logo、導(dǎo)航菜單、頁面的空白邊設(shè)置、貫穿頁面的特定厚度的線條等。顏色作為重復(fù)成分也很有用:為所有標(biāo)題設(shè)置某種顏色,或者在標(biāo)題背后使用精細(xì)的背景。

二、只要可能,就要避免滾動。

用戶在瀏覽新頁面時,常常大致掃一眼頁面的內(nèi)容區(qū)域,而不理會導(dǎo)航菜單條(這就是說,那種大尺度的flash頭部除了好看,是沒有用的!)。如果頁面看起來和用戶的需要無關(guān),那么兩三秒后用戶總會點擊“后退”按鈕。

三、用對比來吸引讀者的注意力。

通過對比來抓住讀者的注意力,例如,你可以讓標(biāo)題在黑色背景上反白,并且用大的粗體字(比如黑體),這與下面的普通字體(比如宋體)行成對比。另一個方法是在某段文本的背后使用一種被景色。

四、不要使用閃爍的文本。


除了在一些及其少見的情況下,閃爍的文本會使用戶厭煩。動畫文本也是這樣的,一定要非常有節(jié)制地使用。

五、在文本周圍留出空白以便更容易閱讀,布局更優(yōu)美。


留白是一種美德。滿屏幕密密麻麻的字會讓人頭暈眼花,適當(dāng)?shù)亓舫鲞吘嗉靶芯啵岄喿x變得輕松些。

六、保持簡單。

避免只是為了試驗一種技術(shù)或新技巧而采用它們,把會使人分心的東西減到最少。不要期望人們會下載插件,應(yīng)該將注意力集中在提供信息方面,而不是使頁面看起來令人驚嘆而信息卻被淹沒在動畫閃爍、閃爍的文本和其他花招的迷霧里。

七、嘗試使用文本的布局協(xié)助導(dǎo)航。

如果我們的頁面里包含幾十個鏈接,那么,就要把這些連接分類,并且用不同的標(biāo)題和顏色塊來區(qū)分它們。

八、使用頁面布局突出人們將要尋找的標(biāo)題。

一旦你了解了客戶群體的需要,就可以分析出他們最希望看到的標(biāo)題,并且利用頁面布局使這些標(biāo)題突出出來。當(dāng)然,作一個客戶調(diào)查,是很好地掌握他們關(guān)心內(nèi)容的方法。

九、心里時刻想著站點的觀眾。

哪種人會訪問這個站點?他們?yōu)槭裁匆獊碓L問,他們的主要知識背景是什么?頁面的設(shè)計和布局需要反映這些群體的不同需求。

以上就是對網(wǎng)頁設(shè)計中頁面布局的注意事項有哪些的介紹,希望對大家有所幫助。
免費查詢商標(biāo)注冊