網站設計助理崗位職責

才智咖 人氣:1.59W

隨著資訊化社會的快速發展,檢視網站成為人們日常生活獲取資訊的一種最基本手段。那麼一個好的網站設計理念,直接影響到這個站點能否受到使用者的歡迎。下面介紹網站設計助理崗位職責,歡迎閱讀了解。

網站設計助理崗位職責

網站設計助理崗位職責

1、負責公司網站的頁面設計及美觀優化;

2、負責網站各類專題模板的設計及製作;

3、負責網站各類活動的宣傳廣告、標語的圖片設計;

4、負責網站產品的美工設計,對互動體驗有較為深入的瞭解;

5、對頁面進行持續的優化,不斷提升訪問者的使用者體驗;

6、編寫可複用的使用者介面元件;

7、協同其他技術部門,做前端開發技術支援。

淺析網站設計理念

摘要:作為一個網站的設計者,最重要的一點是要有好的設計理念,一些好的設計理念能給這個網站帶來靈感、帶來生命,沒有設計理念的網站是不成功。該文結合自身網站設計的的經驗,談談網站設計理念的相關運用。

關鍵詞:網站;設計理念;網頁設計

網站同其他出版物,如報紙、雜誌等在設計上有許多共同之處,也要遵循一些設計的理念,不同之處在於網頁的非所見即所得特性和互動性。因此,熟悉一些設計的基本理念,再對網頁的特性作一些考慮,便不難設計出美觀大方的網站來。一般來說,網站設計所需遵循的理念有:

1 突出網站的標誌

網站的.標誌是網站特色和內涵的集中體現,它的作用在於傳遞網站的定位和經營理念、同時便於人們識別。一個重點突出的網站標誌,一個極具視覺衝擊力的網站標誌,會直接影響到客戶對網站的判斷,特別是網站在以日後進行推廣時,優秀網站標誌會吸引來更多的訪問者。

2 符合簡約、美觀原則

有的網站頁面設計得非常的漂亮,就跟雜誌的封面一樣吸引人的眼球。網頁有不同於紙質媒體的特點,不能簡單的照搬雜誌的做法,它以滿足人們的實用需求為目標,它比雜誌封面更單純、清晰和精確。因而真正吸引使用者繼續進行瀏覽的是主頁內容,這些內容必須對讀者有足夠的吸引力。保持簡潔的常用做法是使用一個醒目的標題,這個標題常常採用圖形來表示,但圖形同樣要求簡潔。另一種保持簡潔的做法是限制所用的字型和顏色的數目。頁面上所有的元素都應當有明確的含義和用途,不要試圖用無關的圖片把頁面裝點起來,對於初學者來說容易犯的一個錯誤是把頁面搞的花俏,一個網頁用很多種的顏色,文字的字型與顏色設計的亂七八糟,最終不能讓別人明白他到底要表達的是什麼內容,突出是什麼主題和意念。

3 注重色彩搭配

色彩本身是沒有任何的含義,但有時候色彩確實可以在不知不覺間影響人的心情,左右人的情緒。不同的顏色會給瀏覽不同的心理感受。每種色彩在飽和度、透明度上略微變化就會產生不同的感覺。在設計頁面時應儘量避免選擇使頁面難以閱讀的背景顏色,頁面內容的色彩應該與背景的顏色協調。一些主頁最常見問題是使用彩色文字與紫色背景,這種頁面可視效果很差,還有一些頁面採用黑色的文字與黑色的背景,讓瀏覽者根本無法進行瀏覽。總體來說,一般每個網站使用的顏色不超過三種,太多的顏色會讓人眼花繚亂。主調色要用於網站的標誌、標題、主選單和主色塊,給人以整體統一的感覺。至於其它色彩,也可以使用,但只能作為點綴和襯托,絕不能喧賓奪主。

4 精心組織網站內容

瀏覽者之所以訪問你的網站,大多是因為你的網站內容而來。如果站點內容太普通,不專業,而且又長時不更新,那麼瀏覽者就不會再有興趣訪問你的站點。因而,在設計一個網頁時,所釋出的材料必須要經過精心組織,如按邏輯、按時間順序或按地理位置進行組織,並且這種內容組織應當易於理解。當材料組織好以後,接下來就是在網頁佈置文字、圖片、動畫等相關網頁內容,目的是引導瀏覽者在頁內瀏覽。應該控制頁面上元素的放置順序和它們相互之間的空隙。通常人們喜歡從左到右,從上到下進行閱讀,他們的眼睛首先看到是頁面的左上角,然後逐漸往下看。因而,在組織內容時可以把希望瀏覽者最先看到的內容放在頁面的左上角和頁面頂部。比如:網站的標誌、導航條等。

5 合理的版面設計

網頁作為一種版面,有文字、圖片、動畫等。文字有大有小,還有標題和正文之分,圖片也有大有小,而且有橫豎之別。圖片和文字都需要同時展示給瀏覽者,不能簡單地羅列在一起,這樣往往會使用內容雜亂無章。因此必須根據內容的需要,將這些圖片和文字按照一定的次序進行合理的編排和佈局,使它們組成一個有機的整體展現給訪問者。網頁佈局大致可分為國字型、拐角型、標題正文型、左右框架型、上下型、框架型和海報型。一般在設計首頁時採用800*600畫素,這種大小在一般的瀏覽器上就只有一屏。網頁佈局的重心和位置之間的對比關係也很重要,一般用黃金分割率(0.618),也可以用用類似中國古代的一種九宮格。這種九宮格是把一個長方形等分為九格,在這個九宮格的中間就會產生四個交叉點,這四個交叉點就是視覺的中心點。有很多初學者喜歡把重要的東西放在頁面的中心,以吸引瀏覽者的目光,殊不知正中心屬於盲點區,也就是人們的視覺經常會忽視正中心的東西。

6 靈活運用CSS樣式

呼叫CSS樣式的方法很多,可以單擊滑鼠右鍵選擇自定義樣式來呼叫樣式,也可以在狀欄中的元素列表上單擊右鍵來呼叫樣式。雖然不同的方法達的效果看似一樣,但實際在html程式碼則完全不同。比如用自定義樣式來呼叫樣式,在網頁程式碼就產生一個span標籤,這樣的標籤一多就會使檔案的容量顯得很大,在同等網速下,開啟的網頁會顯得很慢,所以我們應儘量使用狀態列中的元素來呼叫樣式。

7 能夠適應不同瀏覽器及不同的解析度

應該站在訪問者的角度,考慮網頁中各種的因素。如果用不同的瀏覽器和不同的解析度來訪問你的站點,結果網站雜亂無章、毫無次序,瀏覽者就不會再訪問你的站點了。因此在編寫一個主頁後,要事先將其放到各種作業系統,各種瀏覽器中去除錯,檢測是否會出現一些問題。

8 網頁元素不能用中文名稱

網頁製作後,通常會給網頁起一個具有代表意義的名稱。一來使人一看檔名就知道檔案所包含的內容,二來能夠方便各個超級連結之間的相互呼叫。瀏覽器對中文名支援不太好,經常會有頁面呼叫不正確現象發生,因此儘量採用英文作為網頁元素的命名。

9 為影象連結增加動態效果

有時我們為了達到一種酷的效果,當滑鼠移動到某個圖片上時能有動感產生。使用Dreamweaver可以很容易實現這種效果。設計時,我們首先需要準備兩幅影象,第一幅是原始影象,第二幅是滑鼠移動上去後的影象,也可以增加對圖片的描述和超連結。當圖片如果打不開的情況下,可以讓文字來代替圖片,也可以實現超連結。

10 網頁有良好的對比度

對比是強調突出某些內容的最有效方法之一,好的對比對度使內容易於辨認和接受。對比一般是使用顏色的對比,如內容提要和正文使用不同顏色的字型,內容提要使用藍色,而正文采用黑色;也可以使用大的標題,形成面積的對比;還可以使用影象對比,題頭的影象明確的向瀏覽者傳達本頁的主題,這裡同樣需要注意的是連結的色彩。還有一種實現的對比方法是使用字型變化。在文字排版中,可以使用斜體和黑體突出關鍵內容,但不能用得太多,否則就得不到應用的效果。

11 結束語

隨著網頁技術的不斷髮展,人們對網站會提出更多的要求,使網站的設計理念會變得越來越明確。好的網站設計理念能把整個網站相關網頁元素有效的組織與通訊結合起來,從而使網站主題鮮明突出,要點明確,以簡單明確的語言和畫面體現站點的主題。調動一切手段充分表現網站的個性和情趣,體現出網站的閃光點。

參考文獻:

[1] 陳希.網頁藝術設計[M].北京:科學出版社,2008:3-15.

[2] 陳源mweaver網頁設計與製作[M].北京: 地質出版社,2007:2-3.

[2] 李光明mweaver網頁設計與實訓教程[M].北京:冶金工業出版社,2006:25-26.