網(wǎng)站建設(shè)如何創(chuàng)建平衡的頁(yè)面布局

2016-09-12    分類: 網(wǎng)站建設(shè)

網(wǎng)站建設(shè)的設(shè)計(jì)頁(yè)面主要目標(biāo)是為了清楚有效地向用戶傳達(dá)信息,確保將關(guān)鍵消息傳遞給用戶的良好方法是創(chuàng)建平衡的布局。頁(yè)面布局涉及元素的大量放置,重新排列和格式化,良好的頁(yè)面構(gòu)成應(yīng)該是令人愉悅的,還將網(wǎng)站關(guān)鍵消息清楚地傳達(dá)給目標(biāo)受眾,以下是一些重要技巧,確保頁(yè)面布局平衡,無(wú)論使用何種介質(zhì),這些方法都可以很好地提供平衡結(jié)構(gòu)。

1、使用網(wǎng)格

確保頁(yè)面具有一定程度平衡的簡(jiǎn)單方法是使用網(wǎng)格,網(wǎng)格曾經(jīng)是打印頁(yè)面的唯一保留,但在過(guò)去幾年中已經(jīng)完成了很多工作,如今將網(wǎng)格概念遷移到數(shù)字媒體。通過(guò)使用網(wǎng)格來(lái)通知頁(yè)面上不同元素的位置,將在構(gòu)成頁(yè)面的不同元素之間創(chuàng)建連接,這有助于為布局提供有序感,為用戶提供清晰的結(jié)構(gòu)參考。當(dāng)所有頁(yè)面元素都具有相互連接的感覺(jué)時(shí),整體效果讓用戶感覺(jué)更舒服,有助于讓他們放松,并促進(jìn)用戶訪問(wèn)重要內(nèi)容。

2、選擇一個(gè)聯(lián)絡(luò)點(diǎn)

提供平衡感的有效方法是為布局選擇一個(gè)焦點(diǎn),實(shí)踐中一個(gè)很好的例子是使用大圖像作為頁(yè)面上大的單個(gè)元素。強(qiáng)大的視覺(jué)效果引導(dǎo)用戶進(jìn)入頁(yè)面,一個(gè)有用的結(jié)構(gòu)元素,圍繞該元素排列布局中的剩余內(nèi)容,如果有多個(gè)視覺(jué)元素,使用鄰近原則將頁(yè)面元素組合在一起,以相同的方式對(duì)齊,可以用同樣的標(biāo)題或拉引號(hào),良好的顯示標(biāo)題可產(chǎn)生更多的視覺(jué)興趣,同時(shí)繼續(xù)提供有助于確保平衡布局的結(jié)構(gòu)。

3、使用黃金比例

提供平衡感的良好方是使用設(shè)計(jì)師喜歡的黃金比例,簡(jiǎn)而言之,黃金比例表示如果將頁(yè)面縱向和橫向劃分為三分之一,則網(wǎng)格線相交的點(diǎn)提供合成的自然焦點(diǎn)。通過(guò)將關(guān)鍵元素與這四個(gè)點(diǎn)對(duì)齊,將獲得更好的構(gòu)圖,黃金比例本身不會(huì)為布局提供平衡,但通過(guò)擴(kuò)展原則,可以很容易地將這種傾向用于自然焦點(diǎn),平衡布局,一種常見(jiàn)的方法是將頁(yè)面中重要的元素放在頁(yè)面上三分之一當(dāng)中,主焦點(diǎn)對(duì)齊以匹配其中一個(gè)交叉點(diǎn)。

本文題目:網(wǎng)站建設(shè)如何創(chuàng)建平衡的頁(yè)面布局
文章來(lái)源:http://www.bm7419.com/news28/43728.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

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

商城網(wǎng)站建設(shè)

網(wǎng)站建設(shè)知識(shí)