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