網(wǎng)站設(shè)計(jì)助理崗位職責(zé)
隨著信息化社會(huì)的快速發(fā)展，查看網(wǎng)站成為人們?nèi)粘Ｉ瞰@取信息的一種最基本手段。那么一個(gè)好的網(wǎng)站設(shè)計(jì)理念，直接影響到這個(gè)站點(diǎn)能否受到用戶(hù)的歡迎。下面介紹網(wǎng)站設(shè)計(jì)助理崗位職責(zé)，歡迎閱讀了解。
網(wǎng)站設(shè)計(jì)助理崗位職責(zé)
1、負(fù)責(zé)公司網(wǎng)站的頁(yè)面設(shè)計(jì)及美觀優(yōu)化；
2、負(fù)責(zé)網(wǎng)站各類(lèi)專(zhuān)題模板的設(shè)計(jì)及制作；
3、負(fù)責(zé)網(wǎng)站各類(lèi)活動(dòng)的宣傳廣告、標(biāo)語(yǔ)的圖片設(shè)計(jì)；
4、負(fù)責(zé)網(wǎng)站產(chǎn)品的美工設(shè)計(jì)，對(duì)交互體驗(yàn)有較為深入的了解；
5、對(duì)頁(yè)面進(jìn)行持續(xù)的優(yōu)化，不斷提升訪(fǎng)問(wèn)者的用戶(hù)體驗(yàn)；
6、編寫(xiě)可復(fù)用的用戶(hù)界面組件；
7、協(xié)同其他技術(shù)部門(mén)，做前端開(kāi)發(fā)技術(shù)支持。
淺析網(wǎng)站設(shè)計(jì)理念
摘要：作為一個(gè)網(wǎng)站的設(shè)計(jì)者，最重要的一點(diǎn)是要有好的設(shè)計(jì)理念，一些好的設(shè)計(jì)理念能給這個(gè)網(wǎng)站帶來(lái)靈感、帶來(lái)生命，沒(méi)有設(shè)計(jì)理念的網(wǎng)站是不成功。該文結(jié)合自身網(wǎng)站設(shè)計(jì)的的經(jīng)驗(yàn)，談?wù)劸W(wǎng)站設(shè)計(jì)理念的相關(guān)運(yùn)用。
關(guān)鍵詞：網(wǎng)站；設(shè)計(jì)理念；網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)站同其他出版物，如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處，也要遵循一些設(shè)計(jì)的理念，不同之處在于網(wǎng)頁(yè)的非所見(jiàn)即所得特性和交互性。因此，熟悉一些設(shè)計(jì)的基本理念，再對(duì)網(wǎng)頁(yè)的特性作一些考慮，便不難設(shè)計(jì)出美觀大方的網(wǎng)站來(lái)。一般來(lái)說(shuō)，網(wǎng)站設(shè)計(jì)所需遵循的理念有：
1 突出網(wǎng)站的標(biāo)志
網(wǎng)站的.標(biāo)志是網(wǎng)站特色和內(nèi)涵的集中體現(xiàn)，它的作用在于傳遞網(wǎng)站的定位和經(jīng)營(yíng)理念、同時(shí)便于人們識(shí)別。一個(gè)重點(diǎn)突出的網(wǎng)站標(biāo)志，一個(gè)極具視覺(jué)沖擊力的網(wǎng)站標(biāo)志，會(huì)直接影響到客戶(hù)對(duì)網(wǎng)站的判斷，特別是網(wǎng)站在以日后進(jìn)行推廣時(shí)，優(yōu)秀網(wǎng)站標(biāo)志會(huì)吸引來(lái)更多的訪(fǎng)問(wèn)者。
2 符合簡(jiǎn)約、美觀原則
有的網(wǎng)站頁(yè)面設(shè)計(jì)得非常的漂亮，就跟雜志的封面一樣吸引人的眼球。網(wǎng)頁(yè)有不同于紙質(zhì)媒體的特點(diǎn)，不能簡(jiǎn)單的照搬雜志的做法，它以滿(mǎn)足人們的實(shí)用需求為目標(biāo)，它比雜志封面更單純、清晰和精確。因而真正吸引用戶(hù)繼續(xù)進(jìn)行瀏覽的是主頁(yè)內(nèi)容，這些內(nèi)容必須對(duì)讀者有足夠的吸引力。保持簡(jiǎn)潔的常用做法是使用一個(gè)醒目的標(biāo)題，這個(gè)標(biāo)題常常采用圖形來(lái)表示，但圖形同樣要求簡(jiǎn)潔。另一種保持簡(jiǎn)潔的做法是限制所用的字體和顏色的數(shù)目。頁(yè)面上所有的元素都應(yīng)當(dāng)有明確的含義和用途，不要試圖用無(wú)關(guān)的圖片把頁(yè)面裝點(diǎn)起來(lái)，對(duì)于初學(xué)者來(lái)說(shuō)容易犯的一個(gè)錯(cuò)誤是把頁(yè)面搞的花俏，一個(gè)網(wǎng)頁(yè)用很多種的顏色，文字的字體與顏色設(shè)計(jì)的亂七八糟，最終不能讓別人明白他到底要表達(dá)的是什么內(nèi)容，突出是什么主題和意念。
3 注重色彩搭配
色彩本身是沒(méi)有任何的含義，但有時(shí)候色彩確實(shí)可以在不知不覺(jué)間影響人的心情，左右人的情緒。不同的顏色會(huì)給瀏覽不同的心理感受。每種色彩在飽和度、透明度上略微變化就會(huì)產(chǎn)生不同的感覺(jué)。在設(shè)計(jì)頁(yè)面時(shí)應(yīng)盡量避免選擇使頁(yè)面難以閱讀的背景顏色，頁(yè)面內(nèi)容的色彩應(yīng)該與背景的顏色協(xié)調(diào)。一些主頁(yè)最常見(jiàn)問(wèn)題是使用彩色文本與紫色背景，這種頁(yè)面可視效果很差，還有一些頁(yè)面采用黑色的文本與黑色的背景，讓瀏覽者根本無(wú)法進(jìn)行瀏覽。總體來(lái)說(shuō)，一般每個(gè)網(wǎng)站使用的顏色不超過(guò)三種，太多的顏色會(huì)讓人眼花繚亂。主調(diào)色要用于網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊，給人以整體統(tǒng)一的感覺(jué)。至于其它色彩，也可以使用，但只能作為點(diǎn)綴和襯托，絕不能喧賓奪主。
4 精心組織網(wǎng)站內(nèi)容
瀏覽者之所以訪(fǎng)問(wèn)你的網(wǎng)站，大多是因?yàn)槟愕木W(wǎng)站內(nèi)容而來(lái)。如果站點(diǎn)內(nèi)容太普通，不專(zhuān)業(yè)，而且又長(zhǎng)時(shí)不更新，那么瀏覽者就不會(huì)再有興趣訪(fǎng)問(wèn)你的站點(diǎn)。因而，在設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí)，所發(fā)布的材料必須要經(jīng)過(guò)精心組織，如按邏輯、按時(shí)間順序或按地理位置進(jìn)行組織，并且這種內(nèi)容組織應(yīng)當(dāng)易于理解。當(dāng)材料組織好以后，接下來(lái)就是在網(wǎng)頁(yè)布置文本、圖片、動(dòng)畫(huà)等相關(guān)網(wǎng)頁(yè)內(nèi)容，目的是引導(dǎo)瀏覽者在頁(yè)內(nèi)瀏覽。應(yīng)該控制頁(yè)面上元素的放置順序和它們相互之間的空隙。通常人們喜歡從左到右，從上到下進(jìn)行閱讀，他們的眼睛首先看到是頁(yè)面的左上角，然后逐漸往下看。因而，在組織內(nèi)容時(shí)可以把希望瀏覽者最先看到的內(nèi)容放在頁(yè)面的左上角和頁(yè)面頂部。比如：網(wǎng)站的標(biāo)志、導(dǎo)航條等。
5 合理的版面設(shè)計(jì)
網(wǎng)頁(yè)作為一種版面，有文字、圖片、動(dòng)畫(huà)等。文字有大有小，還有標(biāo)題和正文之分，圖片也有大有小，而且有橫豎之別。圖片和文字都需要同時(shí)展示給瀏覽者，不能簡(jiǎn)單地羅列在一起，這樣往往會(huì)使用內(nèi)容雜亂無(wú)章。因此必須根據(jù)內(nèi)容的需要，將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局，使它們組成一個(gè)有機(jī)的整體展現(xiàn)給訪(fǎng)問(wèn)者。網(wǎng)頁(yè)布局大致可分為國(guó)字型、拐角型、標(biāo)題正文型、左右框架型、上下型、框架型和海報(bào)型。一般在設(shè)計(jì)首頁(yè)時(shí)采用800*600像素，這種大小在一般的瀏覽器上就只有一屏。網(wǎng)頁(yè)布局的重心和位置之間的對(duì)比關(guān)系也很重要，一般用黃金分割率（0.618），也可以用用類(lèi)似中國(guó)古代的一種九宮格。這種九宮格是把一個(gè)長(zhǎng)方形等分為九格，在這個(gè)九宮格的中間就會(huì)產(chǎn)生四個(gè)交叉點(diǎn)，這四個(gè)交叉點(diǎn)就是視覺(jué)的中心點(diǎn)。有很多初學(xué)者喜歡把重要的東西放在頁(yè)面的中心，以吸引瀏覽者的目光，殊不知正中心屬于盲點(diǎn)區(qū)，也就是人們的視覺(jué)經(jīng)常會(huì)忽視正中心的東西。
6 靈活運(yùn)用CSS樣式
調(diào)用CSS樣式的方法很多，可以單擊鼠標(biāo)右鍵選擇自定義樣式來(lái)調(diào)用樣式，也可以在狀欄中的元素列表上單擊右鍵來(lái)調(diào)用樣式。雖然不同的方法達(dá)的效果看似一樣，但實(shí)際在html代碼則完全不同。比如用自定義樣式來(lái)調(diào)用樣式，在網(wǎng)頁(yè)代碼就產(chǎn)生一個(gè)span標(biāo)簽，這樣的標(biāo)簽一多就會(huì)使文件的容量顯得很大，在同等網(wǎng)速下，打開(kāi)的網(wǎng)頁(yè)會(huì)顯得很慢，所以我們應(yīng)盡量使用狀態(tài)欄中的元素來(lái)調(diào)用樣式。
7 能夠適應(yīng)不同瀏覽器及不同的分辨率
應(yīng)該站在訪(fǎng)問(wèn)者的角度，考慮網(wǎng)頁(yè)中各種的因素。如果用不同的瀏覽器和不同的分辨率來(lái)訪(fǎng)問(wèn)你的站點(diǎn)，結(jié)果網(wǎng)站雜亂無(wú)章、毫無(wú)次序，瀏覽者就不會(huì)再訪(fǎng)問(wèn)你的站點(diǎn)了。因此在編寫(xiě)一個(gè)主頁(yè)后，要事先將其放到各種操作系統(tǒng)，各種瀏覽器中去調(diào)試，檢測(cè)是否會(huì)出現(xiàn)一些問(wèn)題。
8 網(wǎng)頁(yè)元素不能用中文名稱(chēng)
網(wǎng)頁(yè)制作后，通常會(huì)給網(wǎng)頁(yè)起一個(gè)具有代表意義的名稱(chēng)。一來(lái)使人一看文件名就知道文件所包含的內(nèi)容，二來(lái)能夠方便各個(gè)超級(jí)鏈接之間的相互調(diào)用。瀏覽器對(duì)中文名支持不太好，經(jīng)常會(huì)有頁(yè)面調(diào)用不正確現(xiàn)象發(fā)生，因此盡量采用英文作為網(wǎng)頁(yè)元素的命名。
9 為圖像鏈接增加動(dòng)態(tài)效果
有時(shí)我們?yōu)榱诉_(dá)到一種酷的效果，當(dāng)鼠標(biāo)移動(dòng)到某個(gè)圖片上時(shí)能有動(dòng)感產(chǎn)生。使用Dreamweaver可以很容易實(shí)現(xiàn)這種效果。設(shè)計(jì)時(shí)，我們首先需要準(zhǔn)備兩幅圖像，第一幅是原始圖像，第二幅是鼠標(biāo)移動(dòng)上去后的圖像，也可以增加對(duì)圖片的描述和超鏈接。當(dāng)圖片如果打不開(kāi)的情況下，可以讓文字來(lái)代替圖片，也可以實(shí)現(xiàn)超鏈接。
10 網(wǎng)頁(yè)有良好的對(duì)比度
對(duì)比是強(qiáng)調(diào)突出某些內(nèi)容的最有效方法之一，好的對(duì)比對(duì)度使內(nèi)容易于辨認(rèn)和接受。對(duì)比一般是使用顏色的對(duì)比，如內(nèi)容提要和正文使用不同顏色的字體，內(nèi)容提要使用藍(lán)色，而正文采用黑色；也可以使用大的標(biāo)題，形成面積的對(duì)比；還可以使用圖像對(duì)比，題頭的圖像明確的向?yàn)g覽者傳達(dá)本頁(yè)的主題，這里同樣需要注意的是鏈接的色彩。還有一種實(shí)現(xiàn)的對(duì)比方法是使用字體變化。在文字排版中，可以使用斜體和黑體突出關(guān)鍵內(nèi)容，但不能用得太多，否則就得不到應(yīng)用的效果。
11 結(jié)束語(yǔ)
隨著網(wǎng)頁(yè)技術(shù)的不斷發(fā)展，人們對(duì)網(wǎng)站會(huì)提出更多的要求，使網(wǎng)站的設(shè)計(jì)理念會(huì)變得越來(lái)越明確。好的網(wǎng)站設(shè)計(jì)理念能把整個(gè)網(wǎng)站相關(guān)網(wǎng)頁(yè)元素有效的組織與通信結(jié)合起來(lái)，從而使網(wǎng)站主題鮮明突出，要點(diǎn)明確，以簡(jiǎn)單明確的語(yǔ)言和畫(huà)面體現(xiàn)站點(diǎn)的主題。調(diào)動(dòng)一切手段充分表現(xiàn)網(wǎng)站的個(gè)性和情趣，體現(xiàn)出網(wǎng)站的閃光點(diǎn)。
參考文獻(xiàn)：
[1] 陳希.網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)[M].北京：科學(xué)出版社,2008:3-15.
[2] 陳源.Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作[M].北京: 地質(zhì)出版社,2007:2-3.
[2] 李光明.Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與實(shí)訓(xùn)教程[M].北京：冶金工業(yè)出版社,2006:25-26.
【網(wǎng)站設(shè)計(jì)助理崗位職責(zé)】相關(guān)文章：
網(wǎng)站編輯崗位職責(zé)01-26
網(wǎng)站運(yùn)營(yíng)崗位職責(zé)01-22
招聘助理崗位職責(zé)10-29
助理校長(zhǎng)崗位職責(zé)01-09
網(wǎng)站優(yōu)化技巧：網(wǎng)站設(shè)計(jì)的關(guān)鍵10-23