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