第一篇：網(wǎng)頁設(shè)計(jì)說明書

網(wǎng) 站 設(shè) 計(jì) 說 明 書

一、設(shè)計(jì)理念

本網(wǎng)站定位 本身是用于展示個(gè)人作品的一個(gè)平臺(tái)頁面系統(tǒng)。在展示之余也有推銷網(wǎng)站 建設(shè)之功效....頁面主要以 深紅色調(diào)風(fēng)格為主,站點(diǎn)分為有 首頁簡介、關(guān)于我的作品、經(jīng)典作品展示、與我聯(lián)系方式等 各個(gè)方面子頁面.本站頁面主要展示的是本人在暑假實(shí)習(xí)公司開發(fā)的一些 作品...整體頁面使用到了 CSS 層樣式技術(shù)。

二、設(shè)計(jì)流程

網(wǎng)站主要以自己喜愛的東西而制作，并根據(jù),相應(yīng)要求 到網(wǎng)上尋找相應(yīng)的 圖片素材 以及 應(yīng)用到 PS 圖片設(shè)計(jì)結(jié)束.最后 應(yīng)用 HTML 網(wǎng)站設(shè)計(jì)技術(shù) 使用 DIV+CSS 進(jìn)行頁面布局的定位設(shè)計(jì).三、使用的工具與技術(shù)

網(wǎng)頁制作工具 : Dreamweaver CS5 多媒體設(shè)計(jì)制作工具:Photoshop 應(yīng)用到的設(shè)計(jì)技術(shù)： HTML、CSS.四、網(wǎng)站設(shè)計(jì)說明

網(wǎng)站名稱: 夢幻部落-作品展示廳 整體形象設(shè)計(jì)包括標(biāo)準(zhǔn)字、Logo、標(biāo)準(zhǔn)色彩、廣告語等.首頁作為網(wǎng)站的形象頁，作為網(wǎng)站的歡迎頁面，引入的元素大致有網(wǎng)站名稱、LOGO、形象圖片、宣傳文字、欄目導(dǎo)航等要素,是彰顯網(wǎng)站整體風(fēng)格的重要頁面, 并結(jié)合 FLASH 動(dòng)畫來展示.網(wǎng)站形象頁的設(shè)計(jì)突出..展示為主題，通過文字、形象、圖片的巧妙烘托，令頁面富有 層次感，達(dá)到賞心悅目的效果。

五、頁面結(jié)構(gòu)布局

(1)、首頁布局、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 站點(diǎn)介紹 頁面介紹 在線聯(lián)系方式 頁面底部

(2)、站長個(gè)人簡介頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 個(gè)人簡介 內(nèi)容 更多鏈接 頁面底部

(3)、作品展示頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 作品展示 欄 頁面底部

(4)、聯(lián)系方式頁面、網(wǎng)站 Logo 幻燈片展示切換 頁面鏈接 聯(lián)系 提交 表單 其他聯(lián)系方式 網(wǎng)站建設(shè) 套餐 頁面底部

第二篇：網(wǎng)頁設(shè)計(jì)崗位職責(zé)說明書

網(wǎng)頁設(shè)計(jì)崗位職責(zé)說明書

1、網(wǎng)站設(shè)計(jì)和運(yùn)營維護(hù)中的設(shè)計(jì)工作;

2、網(wǎng)站的FLASH和GIF動(dòng)畫設(shè)計(jì)制作;

3、網(wǎng)站發(fā)展中涉及到的視頻處理和片頭動(dòng)畫。

網(wǎng)頁設(shè)計(jì)崗位職責(zé)(二)

1、參與公司產(chǎn)品的整個(gè)策劃溝通過程，了解需求與設(shè)計(jì)細(xì)節(jié);

2、負(fù)責(zé)設(shè)計(jì)網(wǎng)站、小程序、APP等界面，并獨(dú)立完成靜態(tài)頁;

3、對最終上線的頁面負(fù)責(zé)，對自己的效果圖有較高要求，有像素精神。

網(wǎng)頁設(shè)計(jì)崗位職責(zé)(三)

1、負(fù)責(zé)網(wǎng)頁設(shè)計(jì)、排版、維護(hù);

2、產(chǎn)品上新、拍照、美圖、維護(hù);

2、負(fù)責(zé)產(chǎn)品宣傳冊的設(shè)計(jì)、排版;

3、其他上級(jí)交待的事宜

網(wǎng)頁設(shè)計(jì)崗位職責(zé)(四)

1、負(fù)責(zé)公司產(chǎn)品的界面進(jìn)行設(shè)計(jì)、編輯、美化等工作;

2、對公司的宣傳產(chǎn)品進(jìn)行美工設(shè)計(jì);

3、負(fù)責(zé)客戶及系統(tǒng)內(nèi)的廣告和專題的設(shè)計(jì);

4、負(fù)責(zé)與開發(fā)人員配合完成所轄網(wǎng)站等前臺(tái)頁面設(shè)計(jì)和編輯。

網(wǎng)頁設(shè)計(jì)崗位職責(zé)(五)

1、負(fù)責(zé)天貓旗艦店、京東等電商平臺(tái)網(wǎng)店整體形象設(shè)計(jì)、網(wǎng)店風(fēng)格、版面調(diào)整及商品展示設(shè)計(jì),首頁廣告圖片制作及美化、整體布局、活動(dòng)廣告和相關(guān)圖片的制作;

2、負(fù)責(zé)實(shí)物照片的處理。對新產(chǎn)品進(jìn)行排版，優(yōu)化店內(nèi)寶貝描述，美化產(chǎn)品圖片提高產(chǎn)品轉(zhuǎn)化率，增強(qiáng)店鋪吸引力、產(chǎn)品銷量

;

3、負(fù)責(zé)產(chǎn)品推廣活動(dòng)促銷海報(bào)設(shè)計(jì)、新媒體宣傳海報(bào)、圖片等設(shè)計(jì);

4、負(fù)責(zé)定期對網(wǎng)店店鋪裝修、版面調(diào)整以及產(chǎn)品詳情的日常維護(hù)等工作;

5、負(fù)責(zé)各類宣傳物料的設(shè)計(jì)及實(shí)物制作工作;

6、負(fù)責(zé)參與新開發(fā)產(chǎn)品的外包裝設(shè)計(jì);

7、完成領(lǐng)導(dǎo)交辦的其他工作。

第三篇：個(gè)人網(wǎng)頁設(shè)計(jì)說明書

個(gè) 人 頁

設(shè) 計(jì)

說 明書 網(wǎng)

目錄

一、網(wǎng)頁設(shè)計(jì)目的

1.1 網(wǎng)頁設(shè)計(jì)需求淺談?????????????????2 1.2 個(gè)人網(wǎng)頁設(shè)計(jì)理念?????????????????2 1.3 制作背景?????????????????????2 1.4 術(shù)語定義?????????????????????2

二、網(wǎng)頁設(shè)計(jì)以及瀏覽工具

2.1 網(wǎng)頁設(shè)計(jì)說明???????????????????3 2.2 色彩方案?????????????????????3 2.3 工作環(huán)境?????????????????????3 2.4 瀏覽工具?????????????????????3

三、個(gè)人網(wǎng)頁功能模塊設(shè)計(jì)

3.1 空間動(dòng)畫?????????????????????4 3.2 主頁???????????????????????5 3.3 日志???????????????????????7 3.4 日志簡介?????????????????????8 3.5 相冊界面?????????????????????9 3.6 相冊展示?????????????????????10 3.7 音樂???????????????????????11 3.8 音樂列表?????????????????????12 3.9 個(gè)人資料?????????????????????13 3.10留言板??????????????????????14

四、總結(jié)

4.1 技術(shù)總結(jié)?????????????????????15 4.2 個(gè)人心得總結(jié)???????????????????15

附加：第二種網(wǎng)頁設(shè)計(jì)圖

一、網(wǎng)頁設(shè)計(jì)目的

1.1 網(wǎng)頁設(shè)計(jì)需求淺談：

隨著網(wǎng)絡(luò)技術(shù)以及網(wǎng)頁制作技術(shù)方面的日臻成熟人們越來越關(guān)注網(wǎng)頁的美觀性，所以當(dāng)下網(wǎng)頁制作的一個(gè)最主要的出發(fā)點(diǎn)就是網(wǎng)頁的美觀和可操作性。在表達(dá)一些理念方面東西的時(shí)候能更加的形象化與多樣化。就全球上網(wǎng)的人數(shù)來說，有很多的人正通過個(gè)人空間來改變他們的生活方式，同時(shí)學(xué)生也學(xué)習(xí)到了 各個(gè)方面不同的知識(shí)，人們通過自己的文字來傳遞著不同的信息。作為一個(gè)發(fā)展迅速的網(wǎng)絡(luò)空間,個(gè)人空間向我們透露著這個(gè)信息傳遞和情感的平臺(tái)將影響接下來的幾代人.1.2 個(gè)人網(wǎng)頁設(shè)計(jì)理念：

本次畢業(yè)設(shè)計(jì)目的就是做一個(gè)屬于自己的主頁，通過一些信息來表達(dá)自己的一些思想與觀點(diǎn)，還有就是一些個(gè)人對于生活的一些心得體會(huì)，再其中加入個(gè)性化的元素能表現(xiàn)自己符合自己性格的色彩搭配與文字圖畫以及音頻，當(dāng)然也是對過去的留戀，故空間名取名為流年，給人一種懷舊的感覺。

1.3 制作背景

a.網(wǎng)站項(xiàng)目的名稱：個(gè)人空間 b.用戶：普通的用戶

1.4術(shù)語定義

個(gè)人空間：就是一個(gè)網(wǎng)頁，它通常是由簡短且經(jīng)常更新的信息所構(gòu)成。這些張貼的文章都按照年份和日期倒序排列，也就是最新的放在最上面，最舊的在最下面。不同的內(nèi)容和目的有很大的不同，從對網(wǎng)絡(luò)資源的整理與評(píng)論，到有關(guān)公司、個(gè)人的構(gòu)想，從新聞、照片到日記、詩歌、散文，甚至科幻小說都應(yīng)有盡有。

二、網(wǎng)頁設(shè)計(jì)說明以及瀏覽工具

2.1 網(wǎng)頁設(shè)計(jì)說明

（1）名稱：流年

（2）性質(zhì)：個(gè)人空間

（3）主要內(nèi)容：這是一個(gè)以個(gè)人空間為主題的網(wǎng)頁設(shè)計(jì)，所包括的頁面開場動(dòng)畫、主頁、日志、相冊、音樂、資料、留言板等。

（4）版式：左邊為導(dǎo)航區(qū)，右邊為展示區(qū)。

（5）風(fēng)格：主調(diào)請親而不失格調(diào)，色彩淡雅，版面活潑風(fēng)趣。

2.2 字體、色彩方案

為了個(gè)人空間網(wǎng)頁設(shè)計(jì)能夠更好投入到實(shí)際操作中，特此準(zhǔn)備了兩種方案。

（1）一種為淡暖色系

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）朱紅色(C:：32 M:：72 Y：85 K：29）

為主色調(diào) 為輔色調(diào)

為輔色調(diào)

字體均采用華康少女字體、華康采風(fēng)字體、華康娃娃體。

（2）一種為清藍(lán)色系（備選方案）

淡藍(lán)色（C：9 M：0 Y：36 K：0）

粉紅色（C：7 M：33 Y： 0 K：0）

桔黃色(C：0 M：36 Y：47 K：0）

為主色調(diào) 為輔色調(diào)

為輔色調(diào)

字體均采用楷體字體、仿宋字體、黑體.（3）整體色彩都采用代表憂傷的顏色，以便烘托出“流年”這個(gè)主題，達(dá)到更好的視覺上的享受。

2.3 工作環(huán)境：

操作系統(tǒng)：Windows XP以上系統(tǒng) 制作工具：Photoshop CS5

2.4 瀏覽工具：

IE瀏覽器

三、個(gè)人網(wǎng)頁功能模塊設(shè)計(jì)（第一種方案）

3.1 空間動(dòng)畫

本頁采用貼圖的形式來展現(xiàn)整個(gè)動(dòng)畫，主體上以書為主，以圖片為輔，書本上C’EST LA VIE（這就是生活）正在訴述著人生的種種，零零碎碎的照片，CRY，NEVER，LOST，BELONG，EVEN各種的心情，從不同角度展現(xiàn)生活的美，讓用空間那種獨(dú)特的方式向讀者娓娓道來我的生活。

文本區(qū)：文字都運(yùn)用華康隸書體，給人一種親切感而又不失嚴(yán)肅。

色彩區(qū)：整頁運(yùn)用灰色（C：4 M：4 Y：4 K：4）為主，白

色（C：0 M：0 Y：0 K：0）

赤褐色（C:：20 M:：30 Y：45 K：0）

黑

色（C:：0 M:：0 Y：0 K：100）

朱紅色(C:：32 M:：72 Y：85 K：29）

為輔 3.2

主頁

主頁采用了左中下的框架結(jié)構(gòu)，左上角的空間名稱“流年”讓人充分了解主題，字的旁邊添加一些線條花加以點(diǎn)綴，顯得生動(dòng)活潑。在左側(cè)的導(dǎo)航欄中的選項(xiàng)界面運(yùn)用圓形的方式將其逐一展現(xiàn)出，并且均在每一張頁面上能夠得到顯示，右側(cè)的圖片區(qū)放入一張小女孩對過去的懷念之情的手繪圖。下邊的導(dǎo)航欄中以新鮮事、相冊、聯(lián)系方式展現(xiàn)，相冊中運(yùn)用到了時(shí)間軸，照片在一定時(shí)間內(nèi)可以飄過，這樣增加了畫面的跳躍感。在所有頁面中都采用了簡潔的樣式，從而達(dá)到網(wǎng)頁表現(xiàn)與內(nèi)容分離的目的，讓我能更好的設(shè)計(jì)網(wǎng)頁的顯示效果。

色彩區(qū)：

整體頁面以黃綠色（C：9 M：0 Y：36 K：0）色調(diào)

橙色調(diào)（C：0 M：30 Y：70 K：0）

“流年”采用了方正隸二簡體字體，48，嚴(yán)謹(jǐn)而不失大體，其色彩為朱紅色(C:：32 M:：72 Y：85 K：29）

“主頁、日志、相冊、音樂、資料、留言板”采用了華康少女文字，簡單 14 以黃綠色（C：9 M：0 Y：36 K：0）

為已打開頁面。

為輔色調(diào)

為主

橙色調(diào)（C：0 M：30 Y：70 K：0）

為未打開頁面

“新鮮事、相冊”采用了華康流線體，流暢14，以（C：0 M：55 Y：74 K：0）

下方的日志排列采用了方正隸變簡體，9.5，以黑色（C：0 M：0 Y：0 K：100），以及聯(lián)系方式采用了華康少女字體，10，以橙黃色（C：0 M：55 Y：74 K：0），粉紅色（C：0 M：30 Y：37 K：0）

。3.3

日志

個(gè)人日志中僅僅是一個(gè)日志列表的顯示，我所做的就是用傳統(tǒng)的樣式讓日志展現(xiàn)出來，按照日期來排列，并且標(biāo)注一些日志是最新的，整個(gè)日志列表有日期、標(biāo)題、瀏覽量以及橫線、翻頁欄來組成。同時(shí)將個(gè)人的聯(lián)系方式放到了左下角，以便訪客可以及時(shí)和我聯(lián)系。日志列表的最上角的運(yùn)用了三張照片和一張信封、一杯咖啡，希望訪客能夠在品嘗咖啡的同時(shí)來享受這些所帶來的觸動(dòng)。右上角的白色的SPING THE STORY粘貼在墨跡上，仿佛在訴說著這些故事的深遠(yuǎn)，并且與右下角的山水圖對應(yīng)。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

“日期、標(biāo)題、瀏覽量”采用了Adobe 楷體std，12，黑色（C：0 M：0 Y：0 K：100）。

日志列表中的日期、瀏覽量，采用了Arialz字體，而日志名采用了方正隸變字體，統(tǒng)一大小9.5，灰色（C：57 M：49 Y：48 K：15）

3.4 日志簡介

在日志簡介中我采用了最簡潔的排版，文本區(qū)我插入了FATE/ZERO NIGHT這篇文章，緊跟其后就是創(chuàng)作的時(shí)間以及閱讀量。文章下方還有“贊、轉(zhuǎn)載、分享、評(píng)論、復(fù)制地址、舉報(bào)、更多等多種對文章的選項(xiàng)，到文章的右下角還有上一篇以及下一篇的提示。整體版面簡潔大方，讓人能夠一目了然。在整個(gè)頁面的右下角的插入圖片，主要目的是為了讓訪客能夠體會(huì)這個(gè)圖片對生活的期待。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

文章的標(biāo)題以及時(shí)間日期均采用了Arial字體，18，正文部分采用了Arial字體，10，灰色（C：59 M：50 Y：50 K：18）

文本區(qū)的導(dǎo)航欄的文字采用了Arialz黑體std字體，10，淺灰色（C：29 M：24 Y：24 K：0）

3.5 相冊界面：

此頁面中采用了左右的排版，左側(cè)為導(dǎo)航欄包括左下角的聯(lián)系方式，當(dāng)訪客打開電子相冊時(shí)，就會(huì)出現(xiàn)一個(gè)翻開的書，書上粘貼著一個(gè)關(guān)于尋找過去，珍惜現(xiàn)在所擁有的童話故事“小王子”，畫面色彩清晰分明，能在那么一瞬間走入訪客的心里，并且點(diǎn)擊進(jìn)入這個(gè)淺藍(lán)色按鈕，繼續(xù)欣賞下去循環(huán)下去。整體畫面清新，主題明顯，色彩暖人心。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）

淺藍(lán)色(C：20 M：6 Y：6 K：0)

灰藍(lán)色(C：3 M：2 Y：4 K：0)

為主色調(diào) 為輔色調(diào)

為輔色調(diào) 為輔色調(diào)

“個(gè)人相冊”采用了楷體字體，能夠方便訪客進(jìn)入界面，25，灰色(C：67 M：60 Y：59 K：44).，“點(diǎn)擊進(jìn)入”采用了黑體，8，白色（(C：0 M：0 Y：0 K：0)下方的相冊簡介采用了華康采風(fēng)體，6，淺灰色(C：58 M：50 Y：49 K：17)，整體字體運(yùn)用的合理到位，活潑而又不失單調(diào)。

3.6 相冊展示：

相冊展示中我采用的流動(dòng)的方式來展示照片，在展示區(qū)運(yùn)用了一個(gè)展示欄，有樹葉，有房子，帶給人一種清新的感覺，能夠充分的烘托出主題，圖片大都選用了色彩比較溫和而又不失風(fēng)格，而且相冊名為清新，圖片與名稱相呼應(yīng)。大圖片為一個(gè)小女孩正在望著天空，戴著一個(gè)貓咪的帽子，被風(fēng)吹起的頭發(fā)，飄起的裙擺，就這樣，輕輕地走進(jìn)人的心底。下方的小圖片采用的是流動(dòng)展示的方式，點(diǎn)擊下方的指示欄就可以進(jìn)入下一組圖片。整體版面干凈明了。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

上方的相冊名稱“清新、暖暖、唯美、意境、浪漫”采用了華康娃娃體，17，深橙色（C：19 M：57 Y：82 K：4）暗綠色（C：39 M：17 Y：96 K：1）

為未打開的相冊，為已打開的相冊。

下方的流動(dòng)相冊的“BACK、NEXT”采用了華康童童體，16，橘黃色（C：0 M：25 Y：64 K：0）

3.7 音樂：

音樂的界面采用了左右兩側(cè)的排版來向訪客展示，左側(cè)的導(dǎo)航欄沿襲一貫的風(fēng)格，右側(cè)的展示區(qū)標(biāo)題部分“ENJOY YOURSELF，SMILE（享受自己，笑一笑）”，希望訪客可以放松心態(tài)來享受聽覺上的心靈盛宴，旁邊插入了一張卡通風(fēng)格的圖片，以此來襯托音樂這個(gè)主題。搜索欄上簡潔而方便訪客搜索音樂。對于每個(gè)人聽音樂的心情不同，所以我把不同心情時(shí)會(huì)聽的音樂分了一下類別，分為開心時(shí)，激動(dòng)時(shí)，安靜時(shí)，憂傷時(shí)，思念時(shí)，甜蜜時(shí)，幸福時(shí)，想哭時(shí)等，分別對應(yīng)上相應(yīng)的圖片，以達(dá)到更好的效果。下方的翻頁欄依然還是沿用傳統(tǒng)的風(fēng)格。整體感覺不單調(diào)，有種別致清新的感動(dòng)。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）

橙色調(diào)（C：0 M：30 Y：70 K：0）

灰色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

為輔色調(diào)

標(biāo)題部分“ENJOY YOURSELF,SMILE”采用了華康童童體，30，標(biāo)題下方的介紹文字采用了方正體，12，康體簡橙色調(diào),橙色調(diào)（C：0 M：30 Y：70 K 0）0）

“搜索”以及各種心情時(shí)的文字采用了華康少女字體，10，白色（C：0 M：0 Y：0 K：0）橙色調(diào)（C：0 M：30 Y：70 K 0）

。淺灰色（C：34 M：30 Y：29 K：

3.8 音樂列表：

音樂的界面采用了左右兩側(cè)的排版來向訪客展示，左側(cè)的導(dǎo)航欄以及右側(cè)下角的翻頁欄沿襲一貫的風(fēng)格，右側(cè)的音樂列表取用了思念時(shí)的一個(gè)界面，仍舊還有搜索欄，按照時(shí)間、歌手和歌名來搜索的搜索欄，簡單而又實(shí)用。五張整齊的圖片排列著，正在向訪客們輕輕地訴說著屬于他們的那一份單純的思念。圖片下方的文字介紹著思念時(shí)聽著音樂的故事。思念一個(gè)人的很安靜，所以歌曲全大多數(shù)選用輕緩節(jié)奏的九首歌曲，還有三個(gè)簡單的選項(xiàng)“播放、下載、評(píng)論”供訪客選擇，可以讓訪客沉醉在音樂的世界里。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）

橙色調(diào)（C：0 M：30 Y：70 K：0）

灰色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

為輔色調(diào)

標(biāo)題上方的“音樂”采用了華康少女文字，活潑可愛，18，灰色 “思念時(shí)”以及文字介紹均采用了楷體，8和6（C：51 M：43 Y 43 K：7），橙色調(diào)（C：0 M：30 Y：70 K：0）。

音樂列表中的字體都是采用Adobe 楷體字體和迷你簡小隸書，字 體簡潔適合，7.5和8.5，（C：51 M：43 Y43 K：7）

3.9 個(gè)人資料：

此頁面采用左右排版，左側(cè)風(fēng)格依舊，右側(cè)使用方框來展示內(nèi)容，套用了騰訊空間的展示頁面，三個(gè)方框分別用來展示主人照片、空間等級(jí)、以及個(gè)人資料，用方框的方式來展現(xiàn)內(nèi)容，可以具體化，也可以抽象化。在個(gè)人資料上有一部分的空間的簡介，充分顯示出流年-憶往昔，而且使用了不同顏色來敘說這個(gè)空間的真正意義。下方還有兩個(gè)興趣愛好、空間動(dòng)態(tài)兩個(gè)藍(lán)色按鈕，使用了凹凸效果，能夠讓人眼前一亮，可以更好達(dá)到提到人氣，而且能交到志同道合的朋友。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）

橙色調(diào)（C：0 M：30 Y：70 K：0）

灰色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

為輔色調(diào)

暗綠色（C：23 M：0 Y：63 K：0）為輔色調(diào)

空間資料上的文字采用了華康少女字體，11，淡粉（C：1 M：17

Y：40 K：0），以及空間名稱采用了華康娃娃體和迷你簡體柏青，18，暗藍(lán)色（C：92 M：71 Y：30 K：13）

空間介紹上的文字采用了華康楷體字體，8，黑色（C：0 M：0 Y：0 K：0）。

3.10 留言板：

留言板的界面以簡潔來展示，依然是右側(cè)來展示留言板的內(nèi)容，分為留言主頁，有話要說，留言管理三個(gè)部分，旁邊加上兩個(gè)紙飛機(jī)是為烘托留言這個(gè)主題。整體簡潔方便訪客暢所欲言，版式套用騰訊空間的模式，再加以修飾，組成了這一部分畫面，右下角的圖片，溫暖的氣氛，讓人不緊想休息一會(huì)，對整個(gè)頁面進(jìn)行評(píng)價(jià)。

色彩區(qū)：

黃綠色（C：9 M：0 Y：36 K：0）橙色調(diào)（C：0 M：30 Y：70 K：0）

為主色調(diào) 為輔色調(diào)

淡藍(lán)色（C：4

M：1 Y：5 K：0）為輔色調(diào)

留言板的選項(xiàng)上采用了楷體字體，10，暗藍(lán)色（C：62 M：44 Y：22 K：1）

其他字體均為華康少女字體，12，粉紅色（C：0 M：19 Y：20

K：0）

四、總結(jié)

4.1 技術(shù)總結(jié)：

我在個(gè)人主頁的制作過程中唯一讓我感到通過自己學(xué)習(xí)所能應(yīng)用的技術(shù)就是PSD，雖然不能完全的理解但是通過查閱資料還是將其運(yùn)用到網(wǎng)頁制作中。當(dāng)然還有在課堂中學(xué)習(xí)到的技術(shù)在網(wǎng)頁上的應(yīng)用。4.2 個(gè)人心得總結(jié)：

初看到網(wǎng)頁設(shè)計(jì)的時(shí)候心情十分焦躁，雖然老師在課上講了許多東西，但是沒有真正的應(yīng)用過，所以在心理上產(chǎn)生了恐懼感，但是通過自己對課件的一個(gè)梳理以及在翻閱書籍中獲得了大量的知識(shí)，以及制作信心。尤其是在PS的應(yīng)用中我深刻的體會(huì)到了自我學(xué)習(xí)的重要性，俗話說：“師父領(lǐng)進(jìn)門，修行在個(gè)人。”通過此次作業(yè)真正讓我領(lǐng)悟了自我學(xué)習(xí)才是在今后學(xué)習(xí)以及生活中不斷提高自己的最重要的途徑。學(xué)習(xí)了一個(gè)學(xué)期的網(wǎng)頁制作，真正讓我收獲了一種學(xué)習(xí)態(tài)度，我感覺這是我最重要的收獲。當(dāng)然還有專業(yè)知識(shí)方面的學(xué)習(xí)，雖然學(xué)習(xí)的不精深但還是收獲了，收獲了網(wǎng)頁的一些基礎(chǔ)知識(shí)，這就所謂的學(xué)海無涯吧。

第四篇：網(wǎng)頁美工崗位說明書

網(wǎng)頁美工崗位說明書

網(wǎng)頁美工崗位說明書

網(wǎng)頁美工是精通美學(xué)，ps，flash，dw等一網(wǎng)站制作軟件的網(wǎng)絡(luò)人員，必須具有良好的創(chuàng)意和一定程度的審美觀。必要時(shí)需要一定的策劃知識(shí)。

網(wǎng)頁美工崗位職責(zé)

1、負(fù)責(zé)網(wǎng)站界面設(shè)計(jì)、編輯、美化、改版、更新等工作;

2、制作簡單的flash廣告;

3、負(fù)責(zé)與開發(fā)人員配合完成所轄網(wǎng)站等前臺(tái)頁面設(shè)計(jì)，編輯，前端靜態(tài)頁面開發(fā);

4、負(fù)責(zé)客戶及系統(tǒng)內(nèi)的廣告和專題的設(shè)計(jì);

5、公司日常工作美術(shù)設(shè)計(jì)和宣傳

資料的制作;

6、其他與美工設(shè)計(jì)相關(guān)的工作。

網(wǎng)頁美工崗位要求

1、熟悉網(wǎng)站制作、設(shè)計(jì)流程，熟悉網(wǎng)頁基本架構(gòu)和表現(xiàn)形式;

2、精通coredraw、dreamweaver、photoshop，對flash、ai有一定的了解;

3、精通div+css,熟悉開源cms網(wǎng)站模板制作;

4、色彩控制能力、想象力，較強(qiáng)的網(wǎng)站整體風(fēng)格定位;

5、有扎實(shí)的美術(shù)功底，良好的創(chuàng)意思維和理解能力;

6、有責(zé)任心和嚴(yán)謹(jǐn)?shù)墓ぷ鲬B(tài)度，抗壓力強(qiáng);

7、富有創(chuàng)造力，有創(chuàng)意、有想法，制作的作品吸引人，突出重點(diǎn)。

網(wǎng)頁美工關(guān)鍵技能

專業(yè)能力

psillustratordreamweaverflashfireworks

個(gè)人能力

審美能力創(chuàng)新能力美術(shù)功底

網(wǎng)頁美工升職空間

網(wǎng)頁美工 → 高級(jí)美工設(shè)計(jì) → 設(shè)計(jì)總監(jiān)

網(wǎng)頁美工薪情概況

應(yīng)屆畢業(yè)生￥

1年經(jīng)驗(yàn)￥

2年經(jīng)驗(yàn)￥

3年經(jīng)驗(yàn)￥

網(wǎng)頁美工工作內(nèi)容

1、公司網(wǎng)站的設(shè)計(jì)，頁面框架搭構(gòu)，頁面制作;

2、網(wǎng)頁的維護(hù)改版：活動(dòng)專題，廣告banner，創(chuàng)意展示等;

3、公司對外宣傳頁面以及自媒體宣傳頁面的設(shè)計(jì);

4、網(wǎng)站專題頁面的設(shè)計(jì)與實(shí)現(xiàn);

5、網(wǎng)站產(chǎn)品單頁的設(shè)計(jì)與制作;

6、產(chǎn)品圖的修圖美化。

第五篇：網(wǎng)頁美工職位說明書4.23

網(wǎng)頁美工職位說明書

一、職位名稱：網(wǎng)頁美工、網(wǎng)站編輯

二、任職資格：

1．熟悉ASP/ASP.NET/php等編程語言，掌握ACC、MSSQL和mysql數(shù)據(jù)庫

2.至少一年相關(guān)工作經(jīng)驗(yàn)，能獨(dú)立完成網(wǎng)站策劃、設(shè)計(jì)相關(guān)工作內(nèi)容。3.有很好的語言表達(dá)能力、溝通能力與技巧。

4、美術(shù)設(shè)計(jì)相關(guān)專業(yè)畢業(yè),或有較強(qiáng)美術(shù)功底

5、有豐富網(wǎng)頁設(shè)計(jì)和flash制作經(jīng)驗(yàn)

6、精通photoshop, flash等平面設(shè)計(jì)軟件會(huì)簡單使用dreamweaver

7、具有優(yōu)秀的審美能力和創(chuàng)意，一定的網(wǎng)頁色彩搭配知識(shí)，較強(qiáng)的平面設(shè)計(jì)和網(wǎng)頁設(shè)計(jì)創(chuàng)意能力。

8、有良好的人際溝通能力，良好的工作協(xié)調(diào)能力，踏實(shí)肯干的工作精神；

三、崗位職責(zé)：

1、負(fù)責(zé)WEB頁面設(shè)計(jì)、美化制作；

2、配合程序員進(jìn)行頁面布局和效果實(shí)現(xiàn)工作；

3、單個(gè)名企網(wǎng)頁的設(shè)計(jì)制作；

4、IDC備用網(wǎng)站模板的開發(fā)和制作

5、對老客戶網(wǎng)站原有欄目進(jìn)行加工處理及升級(jí)改版；

6、為網(wǎng)站廣告制作廣告圖片、橫幅及flash動(dòng)畫廣告。

7、客戶產(chǎn)品內(nèi)容添加，掃描，圖片處理，后臺(tái)上傳； 8．完成整個(gè)網(wǎng)站制作的相關(guān)內(nèi)容 9．網(wǎng)站IDC上傳和管理

10.客戶反饋的需要修改的內(nèi)容

11.配合業(yè)務(wù)經(jīng)理與話務(wù)人員，完成客戶交待的問題。12.客戶資料與及重要技術(shù)文件或檔案保存

13、技術(shù)主管安排的其它工作

四、工作要求：

1、能夠獨(dú)立完成一個(gè)普通企業(yè)站點(diǎn)的制作（可以不包括程序）

2、能夠理解客戶和主管的制作意圖

3、單個(gè)頁面在兩個(gè)小時(shí)內(nèi)完成

4、每月除程序外的獨(dú)立網(wǎng)站完成數(shù)不少于15個(gè) 5.認(rèn)真、正確地完成公司交辦的技術(shù)方面的任務(wù)； 6.所有企業(yè)網(wǎng)站flash片頭及動(dòng)畫的制作； 7.客戶提出問題能夠及時(shí)正確且恰當(dāng)?shù)慕鉀Q； 8.保護(hù)個(gè)人電腦不受病毒侵襲 9.做好數(shù)據(jù)庫備份

10．即時(shí)開通名企與商城還有廣告等與客戶網(wǎng)站相關(guān)內(nèi)容

11．做好網(wǎng)站發(fā)布到論壇校對區(qū)，在校對人員校對好半天內(nèi)改好

五、管理結(jié)構(gòu)：

直接上級(jí)：技術(shù)部主管

六、考核標(biāo)準(zhǔn)：員工考核＋技術(shù)考核

七、薪酬待遇：

試用期：試用期不享受

帶薪休假，請假或休假的天數(shù)從一個(gè)月中減除或延長 基本工資800元＋計(jì)件提成＋主管獎(jiǎng)金，在沒有業(yè)務(wù)量的情況下，總額不足1200元按1200元支付，但由于業(yè)務(wù)量太多而沒有完成，按實(shí)際完成單數(shù)提成。

站點(diǎn)提成40元/個(gè)＝網(wǎng)站美工制作20元＋網(wǎng)站編輯10元＋程序10元 模板提成10元/個(gè) 正式：

月基本工資1200＋季度提成＋主管獎(jiǎng)金＋年底獎(jiǎng)金

注意：本職位說明書會(huì)隨著崗位的調(diào)整而改變，修改后的說明書與合同具有同等法律效力。