版面設(shè)計基礎(chǔ)學(xué)案

《版面設(shè)計基礎(chǔ)學(xué)案》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、網(wǎng)頁版面設(shè)計學(xué)案一、網(wǎng)頁的基本要素有網(wǎng)頁標(biāo)題、網(wǎng)站標(biāo)志、主體、頁眉頁腳和導(dǎo)航欄等。二、網(wǎng)站的布局常見有以下幾種類型：“國”字型、“廠”字型、“框架”型、“封面”型、pop型、Flash型等三、網(wǎng)站的色彩搭配：色彩能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的。一個網(wǎng)站的標(biāo)準(zhǔn)色彩一般不超過3種。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。四、根據(jù)網(wǎng)站主題內(nèi)容及素材，按步驟完成以下操作任務(wù)，對網(wǎng)站首頁進(jìn)行個性化的布局設(shè)計。A、欣賞及體味１、登陸ftp://172.16.2.201（g110）下載“優(yōu)秀學(xué)生作品版面賞”文件夾，瀏覽文件夾內(nèi)圖片，體味版面布局及色彩的和

2、諧搭配。B、首頁的確定１、、登陸ftp://172.16.2.201（g110）下載“模版圖片(jpg)”文件夾，瀏覽文件夾內(nèi)圖片，根據(jù)所選定網(wǎng)站主題選擇一個作為網(wǎng)站的首頁。２、按照剛才路徑，“網(wǎng)頁模版（psd)”文件夾找到選中圖片的PSD源文件，并下載。C、初步規(guī)劃版面（fireworks)再打開剛才下載的PSD文件。利用fireworks，結(jié)合網(wǎng)站主題，思考版面的布局，并作初步的規(guī)劃。（選中要修改的畫頁元素，作大小、位置、復(fù)制、移動、刪除等調(diào)節(jié)）。最后再次保存為PSD文件。D、精雕細(xì)琢(photoshop)進(jìn)階在photoshop中打開此文件，嘗試添加網(wǎng)站主題文

3、字及素材圖片，對版面設(shè)計作進(jìn)一步的修改。注意：不用添加欄目內(nèi)容文字。保存網(wǎng)站首頁文件：分別保存為PSD及JPG兩種格式。文件名：20113**0**.psd20113**0**.jpgE、提交及分享登陸ftp://172.16.2.201　班級討論區(qū)（g110），分類保存所作的設(shè)計。五、小結(jié)：網(wǎng)站的首頁很重要，是一個網(wǎng)站的門面和形象的象征，做好它，是關(guān)鍵！今天我們對網(wǎng)站首頁的版面作了一個初步的構(gòu)思和設(shè)計，對網(wǎng)頁版面的設(shè)計有了一個初步的了解。一個優(yōu)秀的版面設(shè)計，一節(jié)課的時間顯然是不夠的，相信很多同學(xué)還有不少的想法和設(shè)想。別急！在接下來的幾節(jié)課里，我們將會繼續(xù)豐富完善我

4、們的設(shè)計！