畢業(yè)設計----ps網頁設計

1、<p><b>　　作品設計報告書</b></p><p>　　題 目：PS網頁設計</p><p>　　班 級 </p><p>　　學 號 </p><p>　　姓 名

2、 </p><p>　　指導教師 </p><p><b>　　目 錄</b></p><p><b>　　一、設計目標3</b></p><p><b>　　1.1內容3</b&

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

4、4</p><p>　　2.1.2圖形編輯4</p><p>　　2.1.3平面設計4</p><p>　　2.1.4主流軟件4</p><p><b>　　2.2開發(fā)環(huán)境5</b></p><p>　　三、設計內容及制作步驟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制作構思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導航條9</p><p><b>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

22、b>　　3.2.2參考作品</b></p><p>　　參考作品（文章閱讀網）截圖1</p><p>　　參考作品（文章閱讀網）截圖2</p><p><b>　　3.2制作構思</b></p><p><b>　　3.2.1板式</b></p><p>　

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

24、lt;/p><p><b>　　3.3.1背景</b></p><p>　　采用木紋的背景增強了閱讀的紙質感，提高閱讀的舒適度。</p><p>　　白色半透明的方框將頁面切割成三部分，兩邊木紋背景留白，中間則做填充各種內容。：“書本和咖啡”的圖片提高網站的書香氣息。</p><p><b>　　3.3.2LOGO

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

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

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

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

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

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

31、們缺少的主要不是知識,而是缺少將知識與實際相結合的能力.我們在課堂上所學的,與在實際當中遇到的是不盡相同的.其往往具有不具有明顯的特征,這需要我們進行抽象概括才能解決各種問題。</p><p><b>　　6.2結束語</b></p><p>　　通過一個學期學習PS，讓我掌握了這個軟件的使用方法，同時也完成這個網頁設計作品。感謝李林軍的細心指導，感謝同學們的支持與幫

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

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

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

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