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

網(wǎng)站首頁(yè)布局注意事項(xiàng)

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

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

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

二、只要可能,就要避免滾動(dòng)。

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

三、用對(duì)比來(lái)吸引讀者的注意力。

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

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


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

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


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

六、保持簡(jiǎn)單。

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

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

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

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

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

九、心里時(shí)刻想著站點(diǎn)的觀眾。

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

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