hotoshop在網(wǎng)頁設(shè)計上的應(yīng)用計算機網(wǎng)絡(luò)技術(shù)專業(yè)畢業(yè)設(shè)計畢業(yè)論-資料下載頁
2025-06-02 22:12本頁面
【正文】 技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 四 章 Photoshop 網(wǎng)頁實例設(shè)計 13 第 四 章 Photoshop 網(wǎng)頁 實例 設(shè)計 本網(wǎng)頁實例的設(shè)計，主要以學(xué)院信息工程系主頁 的 設(shè)計為例。 網(wǎng)頁 功能概述 本 網(wǎng)頁 要求 實現(xiàn) 以下功能： 網(wǎng)頁 界面 簡潔、 大方 ，色彩搭配合理 。 具有 規(guī)范 的版式，各版面布局合理。 支持 各種主頁模塊的添加 ， 保證 操作簡單 、便捷 ， 實現(xiàn)交互 的 友善。 在主頁添加最新的微博等交互內(nèi)容 ， 支持 登錄操作的表單。 通過對進 網(wǎng)頁 的需求分析，可以 將本 網(wǎng)頁的導(dǎo)航 劃分為 登錄框， 導(dǎo)航，圖片錦集、系部介紹、系部新聞、通告通知、黨團建設(shè)、實訓(xùn)基地、微博互動、招生就業(yè)、招生聯(lián)系、合作伙伴。劃分 布局 如 圖 所示。 圖 41 網(wǎng)站的劃分結(jié)構(gòu) 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 四 章 Photoshop 網(wǎng)頁實例設(shè)計 14 網(wǎng)頁 界面設(shè)計 背景 及圖層文件夾 1004*1474的 RGB圖像，背景為白色。 ，并重命名。 “背景”使用 “ 漸變工具 ” 在背景上端上充填一灰白色的漸變。 ，使用 “ 矩形工具 ” ，繪出數(shù)個白邊小框作為背景底紋。 圖 42 網(wǎng)頁背景的顏色充填 及底紋 圖 43 圖層文件夾 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 四 章 Photoshop 網(wǎng)頁實例設(shè)計 15 登錄框 “ 矩形工具 ” 在 背景 的 上端上 制作出一條矩形，改變矩形的不透明度為32%，并設(shè)置其投影的樣式。 ，邊框為灰色的 矩形作為 登錄框，使用 “字體工具”輸入 字體 為： 微軟雅黑，大小 11，顏色為藍(lán)灰 的 學(xué)號，密碼等 文字 項。 圖 43 登錄欄的樣式及字體 LOGO “鋼筆工具”繪制藍(lán)灰色系標(biāo)，并在旁邊輸入文字，字體：漢鼎行楷，顏色藍(lán)，字體 41。 “圓角矩形工具”繪制一圓角 矩形，在調(diào)整好其顏色和透明度后，在上輸入文字，格式：宋體，大小 13。 圖 44 系標(biāo)及其文字的樣式 導(dǎo)航欄 “文字工具”輸入導(dǎo)航內(nèi)容，字體：黑體，顏色藍(lán)墨，字體 17。 “鉛筆工具”繪制導(dǎo)航之間的風(fēng)格線，并在文字下繪出淡藍(lán)色虛線。 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 四 章 Photoshop 網(wǎng)頁實例設(shè)計 16 圖 45 導(dǎo)航文字格式 信息發(fā)布欄 “矩形工具”繪制一定長度的白色矩形，設(shè)置其樣式為“投影”“描邊” “鋼筆工具”繪制一藍(lán)底的矩形，作為標(biāo)題欄的裝飾，并用“鋼筆工具”繪制一小橢圓，選中橢圓后，在圖層上進行裁剪的處理。 3. 使用“字體工具”輸入標(biāo)題，字體：黑體，大小 15，顏色為藍(lán)灰?！案唷? 文字按鈕使用字體：宋體，大小 10，灰色。 ，但基本的字體：宋體，大小 13，顏色為藍(lán)灰。 圖 46 網(wǎng)頁所有消息發(fā)布欄的基本 切片處理 及導(dǎo)出網(wǎng)頁 “切片工具”對頁面的導(dǎo)航，欄目進行細(xì)致的切割。 “文件”， 選擇 “將優(yōu)化結(jié)果儲存為” ，將作品以 HTML的形式保存 。 圖 47 對網(wǎng)頁使用“切片工具” 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 四 章 Photoshop 網(wǎng)頁實例設(shè)計 17 網(wǎng)頁的整體設(shè)計效果 圖 48 信息工程系主頁的整體效果 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 第 五 章 總結(jié) 18 第五章 總 結(jié) 現(xiàn)在是 IT 時代，幾乎沒有哪一行能和網(wǎng)絡(luò)脫離關(guān)系，因此網(wǎng)站的規(guī)劃與建設(shè)已經(jīng)成為一項專門職業(yè)。在網(wǎng)站規(guī)劃建設(shè)中，網(wǎng)頁 美工 布局設(shè)計是其至關(guān)重要的一環(huán)，它關(guān)系到網(wǎng)站能否吸引更多人的眼球，直接反映網(wǎng)站的點擊率，而點擊率正是網(wǎng)站的生命所在。所以網(wǎng)頁布局設(shè)計是否美觀、規(guī)范、合理越來越受到網(wǎng)頁設(shè)計師的重視。 本次畢業(yè)設(shè)計，最大的收獲是對 網(wǎng)站的 設(shè)計有了更熟練的運用，對 網(wǎng)站頁面整體的設(shè)計 有了很好的把握。 畢業(yè)設(shè)計的制作從開始的想法，到實際的規(guī)劃設(shè)計，以及 工具的 選擇，到最后的實際的制作，后期的調(diào) 整 ，這整個過程自己遇到了很多的問 題，由于這是一個完整的程序設(shè)計過程，涉及的各個方面比較多，所以實現(xiàn)起來困難是肯定的，通過自己的查閱圖書，上網(wǎng)搜索，以及輔導(dǎo)老師的指導(dǎo)下，克服了種種困難，在此特別感謝輔導(dǎo)老師不厭其煩的指導(dǎo)。 整個 網(wǎng)頁 基本上實現(xiàn)了設(shè)計之初的目標(biāo)，完成了系統(tǒng)規(guī)劃階段的構(gòu)想。但限于水平有限，不夠完善，如用 CCS 的布局 問題、 WEB 安全色 異常等問題， 不過 相信，我會在后面的學(xué)習(xí)中將其完善，從而使其具有實際使用意義 。 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 參考文獻 19 參考文獻 [1] 趙冠南：《 PHOTOSHOP 平面設(shè)計淺議 》 四川工程職業(yè)技術(shù)學(xué)院 學(xué)報， 2021 [2]尤崢：《圖形 圖像處理技術(shù)》 [M].北京：化學(xué)工業(yè)出版社， 2021 [3]方堅主 ： 《 教程》 [M].北京：北京希望電子出版社， 2021 [4]羅代升：《 計算機圖形圖像處理技術(shù) 》 [M].成都：西南交通大學(xué)出版社， 2021 [6] 許偉民，袁鵬飛 ：《 Photoshop 七大核心技術(shù) 》 人民郵電出版社 [7] 毛小平 , 徐春紅 , 魏瓊：《 Photoshop CS4 完全學(xué)習(xí)手冊》北京，人民郵電出版社 石家莊職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計 論文 致謝 20 致謝 畢業(yè)論文是我們在大 三 學(xué)期主要的任務(wù)之一，對 于論文的選題是我們一直頭痛不已的問題。在這里我 感謝 張 老師和同 學(xué)的指導(dǎo)和幫助，在我為選題糾結(jié)不已時，能夠適時的幫助我理清思路，縮小命題范圍 。這一次的畢業(yè)論文 是考量我能力的一次挑戰(zhàn)，我不敢懈怠。在書寫論文 ，制作系統(tǒng) 的時候，對自己想要研究的知道的 問題 有了一定的認(rèn)識和了解，并且也發(fā)現(xiàn) 自身不足之處 。 通過 對畢業(yè)論文的書寫，我 自主動手能力，閱讀 資料 的能力增強了。很慶幸這一次的選題，讓我廣泛的接觸了大量的文獻，使得自己的 編程 水平有了一定程度的提升。 計算機是一門非常復(fù)雜且龐大的學(xué)科，一項課題往往需要多項技術(shù)才可以完成的。在設(shè)計階段，通過對課題的深入分析與研究，迫使我對技術(shù)有了一定的 了解。在遇到問題時，得到了指導(dǎo)老師與同學(xué)的悉心幫助，使我感受到集體的力量是無窮的。 回想整個論文的寫作過程，雖有不易，卻讓我除卻浮躁，經(jīng)歷了思考和啟示，也更加深切地體會了法學(xué)的精髓和意義，因此倍感珍惜。
畢業(yè)設(shè)計相關(guān)推薦
鄂ICP備17016276號-1