網(wǎng)頁(yè)設(shè)計(jì)中頁(yè)面布局的一些方法

一、頁(yè)面布局區(qū)

網(wǎng)頁(yè)的布局區(qū)指的是網(wǎng)站首頁(yè)或二級(jí)頁(yè)面中網(wǎng)頁(yè)實(shí)際內(nèi)容的布局。網(wǎng)站的美工設(shè)計(jì)主要體現(xiàn)在網(wǎng)站主要內(nèi)容的布局。在進(jìn)行網(wǎng)站頁(yè)面布局的設(shè)計(jì)之前,需要對(duì)網(wǎng)站的內(nèi)容進(jìn)行篩選,不同的內(nèi)容根據(jù)其重要性放在網(wǎng)站不同的位置。對(duì)網(wǎng)站有重要的推廣價(jià)值、商業(yè)價(jià)值的內(nèi)容,應(yīng)盡量放在網(wǎng)站首頁(yè)重要的位置,且需要使用醒目的色彩與布局。

在設(shè)計(jì)完成重要內(nèi)容后,可以根據(jù)網(wǎng)頁(yè)的版面,將其他內(nèi)容合理地安排到網(wǎng)站的合適位置中?？梢栽谑醉?yè)設(shè)置一些公告欄、友情鏈接、最新新聞等內(nèi)容,網(wǎng)頁(yè)布局區(qū)中使用了下面的方法實(shí)現(xiàn)網(wǎng)頁(yè)的內(nèi)容：

1、網(wǎng)頁(yè)左側(cè)主要排列鏈接和信息查找等內(nèi)容,這些是用戶經(jīng)常使用的內(nèi)容。

2、網(wǎng)頁(yè)的上部排列著公司新聞和公司活動(dòng)的重點(diǎn)內(nèi)容。

3、網(wǎng)頁(yè)的中部,在用戶最醒目的位置放置著企業(yè)產(chǎn)品圖片。

4、網(wǎng)頁(yè)使用大量的版面排列公司的產(chǎn)品。

二、版權(quán)區(qū)

網(wǎng)站的最下部一般是一個(gè)版權(quán)區(qū)。版權(quán)區(qū)的主要內(nèi)容是版權(quán)、網(wǎng)站信息、網(wǎng)站聯(lián)系方式等內(nèi)容這一區(qū)域的表現(xiàn)方式是文字信息和鏈接,一般使用簡(jiǎn)單布局,不需要使用復(fù)雜背景版權(quán)區(qū)還需要按照規(guī)定放置網(wǎng)站備案號(hào)、網(wǎng)上報(bào)警亭等內(nèi)容。

三、輔助線分割

使用輔助線對(duì)網(wǎng)頁(yè)效果圖進(jìn)行基本分區(qū)。在使用 Photoshop cs6進(jìn)行網(wǎng)頁(yè)效果圖設(shè)計(jì)之前,需要使用輔助線對(duì)網(wǎng)頁(yè)的布局和主要內(nèi)容進(jìn)行基本的劃分選擇“視圖標(biāo)尺”命令,即可在工作區(qū)中顯示標(biāo)尺工具。單擊標(biāo)尺并按住不放拖動(dòng),即可產(chǎn)生一條輔助線。在需要輔助線的位置停止拖動(dòng),即可把一條輔助線放置到所設(shè)計(jì)的圖片上。

當(dāng)前名稱：網(wǎng)頁(yè)設(shè)計(jì)中頁(yè)面布局的一些方法
文章路徑：http://www.bm7419.com/news12/223112.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、網(wǎng)站制作、域名注冊(cè)、軟件開發(fā)

廣告

聲明：本網(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)