畢業(yè)設(shè)計----ps網(wǎng)頁設(shè)計

1、<p><b>　　作品設(shè)計報告書</b></p><p>　　題 目：PS網(wǎng)頁設(shè)計</p><p>　　班 級 </p><p>　　學(xué) 號 </p><p>　　姓 名

2、 </p><p>　　指導(dǎo)教師 </p><p><b>　　目 錄</b></p><p><b>　　一、設(shè)計目標(biāo)3</b></p><p><b>　　1.1內(nèi)容3</b&

3、gt;</p><p><b>　　1.2功能3</b></p><p><b>　　1.3實現(xiàn)方式3</b></p><p>　　二、設(shè)計指導(dǎo)思想3</p><p><b>　　2.1技術(shù)背景3</b></p><p>　　2.1.1網(wǎng)頁設(shè)計

4、4</p><p>　　2.1.2圖形編輯4</p><p>　　2.1.3平面設(shè)計4</p><p>　　2.1.4主流軟件4</p><p><b>　　2.2開發(fā)環(huán)境5</b></p><p>　　三、設(shè)計內(nèi)容及制作步驟5</p><p><b>

5、　　3.1頁面展示5</b></p><p>　　3.1.1成品展示5</p><p>　　3.2.2參考作品6</p><p><b>　　3.2制作構(gòu)思7</b></p><p><b>　　3.2.1板式7</b></p><p><b>

6、;　　3.3.2顏色7</b></p><p><b>　　3.3制作流程7</b></p><p><b>　　3.3.1背景7</b></p><p>　　3.3.2LOGO8</p><p>　　3.3.3導(dǎo)航條9</p><p><b>

7、;　　3.3.4板塊9</b></p><p>　　3.3.5板塊內(nèi)容10</p><p>　　3.3.6板塊文字美化11</p><p>　　3.3.7頁尾11</p><p>　　四、設(shè)計制作進度表11</p><p>　　五、作品提交清單及運行環(huán)境要求12</p><p

8、>　　5.1文件清單12</p><p>　　5.2運行環(huán)境要求12</p><p>　　六、相關(guān)問題及結(jié)束語12</p><p>　　6.1相關(guān)問題12</p><p><b>　　6.2結(jié)束語12</b></p><p><b>　　6.3感悟13</b>

9、;</p><p><b>　　七、參考資料13</b></p><p><b>　　一、設(shè)計目標(biāo)</b></p><p><b>　　1.1內(nèi)容</b></p><p>　　通過PS這款軟件，設(shè)計一個簡單、美觀、符合實際的網(wǎng)頁頁面，頁面內(nèi)容具備網(wǎng)頁經(jīng)?？梢钥吹降墓δ堋＿@次的

10、作品既是PS設(shè)計，同時也是網(wǎng)頁設(shè)計，因此在頁面及其功能上應(yīng)按一個正規(guī)網(wǎng)站來設(shè)計。</p><p><b>　　1.2功能</b></p><p>　　對于網(wǎng)站設(shè)計來說，不僅應(yīng)了解該網(wǎng)站要運行什么應(yīng)用程序，需要如何連接單位現(xiàn)有系統(tǒng)等，還需知道這個網(wǎng)站希望達到什么樣的目的，即必須清楚網(wǎng)站的目標(biāo)市場在那里。這將成為整個網(wǎng)站所有設(shè)計思想的基礎(chǔ)。無論網(wǎng)站采用何種形式，什么樣的外

11、觀，提供什么的內(nèi)容 ，都要以網(wǎng)站的最終目的為出發(fā)點來考慮。</p><p>　　另一方面，網(wǎng)站建設(shè)還應(yīng)該收集客戶對這個網(wǎng)站的美術(shù)需求。網(wǎng)站設(shè)計人員就需要了解建站單位形象的突出點和單位標(biāo)志的特點、意義等。</p><p>　　本網(wǎng)站的建設(shè)主要是建成一個集在線閱讀、書籍下載、文化新聞等功能于一體的商業(yè)化網(wǎng)站。</p><p><b>　　1.3實現(xiàn)方式<

12、/b></p><p>　　運用PS相關(guān)功能，設(shè)計出一個靜態(tài)的頁面，然后通過HTML輸出，得到一個基本的網(wǎng)頁文件。</p><p><b>　　二、設(shè)計指導(dǎo)思想</b></p><p><b>　　2.1技術(shù)背景</b></p><p>　　對于現(xiàn)在的社會，科技的飛速發(fā)展已經(jīng)成為社會發(fā)展的標(biāo)志

13、。其中計算機的發(fā)展可謂快中之快，而在計算機的發(fā)展中計算機網(wǎng)絡(luò)的發(fā)展又是首當(dāng)其沖的。計算機網(wǎng)絡(luò)從為我們所知，到現(xiàn)在才經(jīng)歷的短短的幾年時間，在這幾年中隨著計算機網(wǎng)絡(luò)的廣泛應(yīng)用，特別是Internet的普及和發(fā)展，網(wǎng)絡(luò)已經(jīng)成為了不可或缺的通信手段。不論是最新的新聞信息、新產(chǎn)品的出臺、新游戲的發(fā)布、最新的各種IT動態(tài)，包括等候就業(yè)人才的個人簡歷，我們都是可以通過網(wǎng)絡(luò)來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢—

14、—對就是網(wǎng)頁?，F(xiàn)如今，數(shù)以萬計的網(wǎng)站以網(wǎng)頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候，在網(wǎng)絡(luò)成為通信的主要手段的時候，在計算機網(wǎng)絡(luò)普及的今天，網(wǎng)頁也在它自己的崗位上做出了突出的貢獻。網(wǎng)頁是我們在網(wǎng)絡(luò)上的“帶言人”。我們將什么樣的信息傳達給瀏覽者，要講述什么要的事情，網(wǎng)頁在這里起著重用的作用。</p><p><b>　　2.1.1網(wǎng)頁設(shè)計</b></p><

15、;p>　　網(wǎng)頁設(shè)計是伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，由于人們使用網(wǎng)絡(luò)的頻繁而網(wǎng)頁作為上網(wǎng)的主要依托就變得非常的重要。網(wǎng)頁講究的是排版布局，其功能主要就是提供一種形式給每個上網(wǎng)者，讓他們能夠了解網(wǎng)站提供的信息。網(wǎng)頁設(shè)計直接面對的是大量用戶,隨時都會反饋回來對網(wǎng)頁的批評建議等，可以根據(jù)實際情況進行修改，這樣做可以使使用者用起來更加的方便。</p><p><b>　　2.1.2圖形編輯</b&g

16、t;</p><p>　　圖形編輯是糾正數(shù)據(jù)采集錯誤的重要手段，其基本功能要求是：具有友好的人機界面，即操作靈活、易于理解、響應(yīng)迅速等；具有對幾何數(shù)據(jù)和屬性編碼的修改功能；具有分層顯示和窗口功能，便于用戶的使用。圖形編輯的關(guān)鍵是點、線、面的捕捉，即如何根據(jù)光標(biāo)的位置找到需要編輯的要素以及圖形編輯的數(shù)據(jù)組織。 </p><p><b>　　2.1.3平面設(shè)計</b>&l

17、t;/p><p>　　平面設(shè)計（graphic design）的定義泛指具有藝術(shù)性和專業(yè)性，以“視覺”作為溝通和表現(xiàn)的方式。透過多種方式來創(chuàng)造和結(jié)合符號、圖片和文字，借此作出用來傳達想法或訊息的視覺表現(xiàn)。平面設(shè)計師可能會利用字體排印、視覺藝術(shù)、版面（page layout）等方面的專業(yè)技巧，來達成創(chuàng)作計劃的目的。平面設(shè)計通常可指制作（設(shè)計）時的過程，以及最后完成的作品</p><p><

18、b>　　2.1.4主流軟件</b></p><p>　　Adobe Photoshop是公認的最好的通用平面美術(shù)設(shè)計軟件。由Adobe公司開發(fā)設(shè)計。其用戶界面易懂，功能完善，性能穩(wěn)定，所以，在幾乎所有的廣告、出版、軟件公司，Photoshop都是首選的平面工具。</p><p>　　CS是Adobe Creative Suite一套軟件中后面2個單詞的縮寫，代表“創(chuàng)作集合

19、”，是一個統(tǒng)一的設(shè)計環(huán)境，將Adobe Photoshop CS2、Illustrator CS2、InDesign CS2、GoLive CS2 和 Acrobat 7.0 Professional 軟件與 Version Cue CS2、Adobe Bridge 和 Adobe Stock Photos 相結(jié)合。 </p><p>　　最新版本是Adobe Photoshop CS5。</p>

20、<p><b>　　2.2開發(fā)環(huán)境</b></p><p>　　本次設(shè)計所采用工具：Photoshop CS3</p><p>　　Photoshop CS3是可以將設(shè)計者的想法表現(xiàn)為圖像的一種工具。Photoshop CS3提升了編輯圖像的速度，改善了圖像的畫質(zhì)效果，使用戶在處理圖像時更為輕松便捷?，F(xiàn)在，不論是公司還是學(xué)?；蚣彝ザ紩肞hotoshop C

21、S3來制作或處理圖像</p><p>　　三、設(shè)計內(nèi)容及制作步驟</p><p><b>　　3.1頁面展示</b></p><p><b>　　3.1.1成品展示</b></p><p><b>　　成品展示（閱讀網(wǎng)）</b></p><p><

22、b>　　3.2.2參考作品</b></p><p>　　參考作品（文章閱讀網(wǎng)）截圖1</p><p>　　參考作品（文章閱讀網(wǎng)）截圖2</p><p><b>　　3.2制作構(gòu)思</b></p><p><b>　　3.2.1板式</b></p><p>　

23、　參考大量用類網(wǎng)站，商業(yè)化的閱讀型網(wǎng)站，都是采用中規(guī)中矩的結(jié)構(gòu)，通過大小不一的方框分解整個頁面。</p><p><b>　　3.3.2顏色</b></p><p>　　為了提高閱讀的舒適度，顏色應(yīng)以柔和淡雅的色調(diào)為主，在作導(dǎo)航條等反差顏色采用也應(yīng)以采用柔和淡雅的色調(diào)。</p><p><b>　　3.3制作流程</b>&

24、lt;/p><p><b>　　3.3.1背景</b></p><p>　　采用木紋的背景增強了閱讀的紙質(zhì)感，提高閱讀的舒適度。</p><p>　　白色半透明的方框?qū)㈨撁媲懈畛扇糠?，兩邊木紋背景留白，中間則做填充各種內(nèi)容。：“書本和咖啡”的圖片提高網(wǎng)站的書香氣息。</p><p><b>　　3.3.2LOGO

25、</b></p><p>　　柔和的淡藍色加上夸張的淡綠色描邊，給人一種清新淡雅的感覺，使人看著貼切和諧，構(gòu)造出網(wǎng)站的名字——閱讀網(wǎng)。</p><p><b>　　3.3.3導(dǎo)航條</b></p><p>　　黃色基地的遠角長條方框，純白色的描邊，已經(jīng)紅色小圓點組成的切割條，構(gòu)成基本的導(dǎo)航條。再用文字工具寫上相應(yīng)的導(dǎo)航文字。<

26、/p><p><b>　　3.3.4板塊</b></p><p>　　采用白、藍、檸檬黃三種顏色劃分成大小不一的板塊，并對板塊添加“描邊、陰影、浮雕”的圖層樣式。</p><p><b>　　3.3.5板塊內(nèi)容</b></p><p>　　板塊主題文字，添加橙色描邊，時使其更醒目。書籍圖片添加白色描邊，

27、使其更具動感。板塊內(nèi)容文字顏色采用黑色，莊重大方，</p><p>　　3.3.6板塊文字美化</p><p>　　寶石藍的球型水晶按鈕，使文字行間劃分更容易辨別，同時也醒目。</p><p><b>　　3.3.7頁尾</b></p><p>　　藍白基調(diào)的漸變細長方框，使頁與主題有一個明了的分割。添加上“友情鏈接、聯(lián)

28、系我們”等標(biāo)準(zhǔn)網(wǎng)頁應(yīng)具備的頁尾內(nèi)容。</p><p><b>　　四、設(shè)計制作進度表</b></p><p>　　設(shè)計內(nèi)容及時間大致分配如下：</p><p>　　五、作品提交清單及運行環(huán)境要求</p><p><b>　　5.1文件清單</b></p><p>　　源文件：

29、2009404045麥芳榮.psd</p><p>　　報告書：《PS網(wǎng)頁》作品設(shè)計報告書.doc</p><p>　　日志：《PS網(wǎng)頁設(shè)計》作品制作日志.doc</p><p>　　截圖：網(wǎng)頁截圖.jpg</p><p>　　HTML：2009404045麥芳榮網(wǎng)頁.html</p><p>　　HTML附帶：ima

30、ges（文件夾）</p><p><b>　　5.2運行環(huán)境要求</b></p><p>　　Photoshop CS3</p><p>　　六、相關(guān)問題及結(jié)束語</p><p><b>　　6.1相關(guān)問題</b></p><p>　　實踐讓我走向科技應(yīng)用,走出課堂。當(dāng)前,我

31、們?nèi)鄙俚闹饕皇侵R,而是缺少將知識與實際相結(jié)合的能力.我們在課堂上所學(xué)的,與在實際當(dāng)中遇到的是不盡相同的.其往往具有不具有明顯的特征,這需要我們進行抽象概括才能解決各種問題。</p><p><b>　　6.2結(jié)束語</b></p><p>　　通過一個學(xué)期學(xué)習(xí)PS，讓我掌握了這個軟件的使用方法，同時也完成這個網(wǎng)頁設(shè)計作品。感謝李林軍的細心指導(dǎo)，感謝同學(xué)們的支持與幫

32、助。在日后的學(xué)習(xí)生活中，相信PS會給我?guī)砀唷?lt;/p><p>　　這次畢業(yè)設(shè)計讓我更加熟悉了從理論到實踐的跨越。從當(dāng)初的在網(wǎng)上查閱資料，到現(xiàn)在的網(wǎng)站運行，這中間有很多值得回味的地方。在計算機的世界里，只要你有興趣，總會有太多新奇的東西吸引著你。</p><p>　　這次的設(shè)計，從選題到實現(xiàn)，幾乎都是自己獨立完成的。網(wǎng)站建設(shè)從需求分析到設(shè)計、測試，我都力求規(guī)范化，努力讓自己以前學(xué)的知識運

33、用到本網(wǎng)站的開發(fā)中，盡量保證整個系統(tǒng)的開發(fā)質(zhì)量，順利完成這次的設(shè)計，為自己的PS課程結(jié)束畫一個完美的句號。不過，在網(wǎng)站建設(shè)過程中，好多知識都是隨學(xué)隨用，就增加了很多不必要的麻煩。雖說這些都會消耗開發(fā)的時間，但在老師、同學(xué)以及自己的不斷努力下，一些問題也隨之克服了，通過這次閱讀網(wǎng)網(wǎng)站設(shè)計，使我增加了很多的知識，也掌握了很多網(wǎng)頁設(shè)計的操作技巧，雖然還有很多不足之處，但這并不重要，重要的是我對網(wǎng)頁的設(shè)計又有了更深的了解。我做的是靜態(tài)的網(wǎng)站，好

34、多信息只能通過瀏覽頁面的方式查閱，網(wǎng)站的便用性比較差。希望各位評委老師和同學(xué)給予指正與建議。</p><p>　　我相信，只要肯鉆研，只要擠時間，一切自己想要的知識都可以掌握。</p><p><b>　　6.3感悟</b></p><p>　　網(wǎng)頁設(shè)計跟學(xué)習(xí)別的東西一樣，也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。</p>

35、<p>　　學(xué)習(xí)網(wǎng)頁設(shè)計需要耐心，如果沒有耐心，就學(xué)不好網(wǎng)頁設(shè)計，應(yīng)為當(dāng)你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要很長時間去解決，我就碰到過一個問題，用了很長時間才解決。</p><p>　　學(xué)習(xí)網(wǎng)頁設(shè)計需要堅持，堅持不斷的學(xué)習(xí)，因為設(shè)計網(wǎng)頁的軟件在不斷的更新，因此我們要不斷的學(xué)習(xí)。我認為網(wǎng)頁設(shè)計應(yīng)該注重實用性，因為它是讓人瀏覽的，是用戶可以撫摸，可以評論，可以交互的。因此我提倡簡單的