敲黑板!UI小白學好網頁設計需要知道這些!

敲黑板!UI小白學好網頁設計需要知道這些!

在網頁設計的認識上,許多人似乎仍停留在網頁製作的高度上,認爲只要用好了網頁製作軟件,就能搞好網頁設計了,但其實這種理解是很狹隘的。

其實網頁設計是一個感性思考與理性分析相結合的複雜過程,它的方向取決於設計的任務,它的實現依賴於網頁的製作。正所謂“功夫在詩外”,網頁設計中最重要的東西,並非在軟件應用上,而是在我們對網頁設計理解以及設計製作水平上,在於我們自身美感以及對頁面把握上。

下面是我們需要注意的(敲黑板):

一、設計的任務

設計是一種審美活動,成功的設計作品一般都很藝術化。但藝術只是設計的手段,而並非設計的任務。設計的任務是要實現設計者意圖,而並非創造美。

網頁設計的任務,是指設計者要表現的主題和要實現的功能。站點的性質不同,設計的任務也不同。從形式上,可以將站點分爲以下三類。

第一類是資訊類站點,像新浪、網易、搜狐等門戶網站。這類站點將爲訪問者提供大量的信息,而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。

第二類是資訊和形象相結合的網站,像一些較大的公司、國內的高校等。這類網站在設計上要求較高,既要保證資訊類網站的上述要求,同時又要突出企業、單位的形象。然而就現狀上來看,這類網站有粗製濫造嫌疑。

第三類則是形象類網站,比如一些中小型的公司或單位。這類網站一般較小,有的則有幾頁,需要實現的功能也較爲簡單,網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。

當然,這只是從整體上來看,具體情況還要具體分析。不同的站點還要區別對待。別忘了最重要的一點,那就是客戶的要求,它也屬於設計的任務。

明確了設計的任務之後,接下來就是要想如何完成整個任務了。

二、設計的實現

設計的實現可以分爲兩個部分。第一部分爲站點規劃及草圖繪製,這一部分可以在紙上完成。第二部分爲網頁製作,這一過程是在計算機上完成的。

設計首頁的第一步是設計版面佈局。我們可以將網頁看作傳統報刊雜誌來編輯,這裏面有文字、圖像乃至動畫,我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。

除了要有一臺配置不錯的計算機外,軟件也是必需的。不能簡單地說一個軟件的好壞,只要是設計者使用起來覺得方便而且能得心應手的,就可以稱爲好軟件。當然,它應該能滿足設計者的要求。筆者常用的軟件是Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready,這些都是很不錯的軟件。

接下來我們要做的就是通過軟件的使用,將設計藍圖變爲現實,最終集成一般是在Dreamweaver裏完成的。雖然在草圖上,我們定出了頁面大體輪廓,但是靈感一般都是在製作過程中產生的。設計作品一定要有創意,這是最基本的要求,沒有創意的設計是失敗的。在製作過程中,我們會碰到許多問題,其中最敏感的莫過於頁面顏色了。

三、色彩的運用

01、確定網站的整體風格

在這裏,我提供給大家一些參考經驗:

1.將你的標誌logo,儘可能的放在每個頁面上最突出的位置。

2.突出你的標準色彩。不要將所有顏色都用到,儘量控制在三至五種色彩以內。

02、網頁色彩的搭配

1.用一種色彩。這裏是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感。

2.用兩種色彩。先選定一種色彩,然後選擇它的對比色。

3.用一個色系。簡單的說就是用一個感覺的色彩。

設計的任務不同,配色方案也隨之不同。考慮到網頁的適應性,應儘量使用網頁安全色。但顏色的使用並沒有一定法則,如果一定要用某個法則去套,效果只會適得其反。經驗上我們可先確定一種能表現主題的主體色,然後根據具體的需要,應用顏色的近似和對比來完成整個頁面配色方案。整個頁面在視覺上應是一個整體,以達到和諧、悅目的視覺效果。

四、造型的組合

在網頁設計中,我們主要通過視覺傳達來表現主題。在視覺傳達中,造型是很重要的一個元素。畫面上的所有元素可以統一作爲畫面的基本構成要素點、線、面來進行處理。在一幅成功的作品裏,是需要點、線、面的共同組合與搭配來構造整個頁面的。

通常我們可以使用的組合手法有秩序、比例、均衡、對稱、連續、間隔、重疊、反覆、交叉、節奏、韻律、歸納、變異、特寫、反射等等,它們都有各自的特點。在設計中應根據具體情況,選擇最適合的表現手法,這樣有利於主題的表現。

通過點、線、面的組合,可以突出頁面上的重要元素,突出設計的主題,增強美感,讓觀者在感受美的過程中領會設計的主題,從而實現設計的任務。

造型的巧妙運用不僅能帶來極大的美感,而且能較好地突出企業形象,而且能將網頁上的各種元素有機的組織起來,它甚至還可以引導觀者的視線。

五、設計的原則

設計是有原則的,無論使用何種手法對畫面中的元素進行組合,都一定要遵循五個大的原則:統一、連貫、分割、對比及和諧。關鍵字:網頁製作學習、網頁設計技巧、網頁設計的原則。

最後建議大家加入專業論壇,有問題可以問問網友,同時你也可以經常瀏覽論壇看看別人遇到哪些問題,檢驗檢驗你自己能否解決這類問題,對自己的經驗積累和提高很有幫助。

簡單推薦幾個學習的地方:

藍色理想(初學者的聖地)

CSND(高手衆多,問問題經常能得到迴應)

花瓣網(蒐集素材的好地方,還能欣賞許多好的作品)

站酷(原創設計者的集聚地,可以發表自己的原創作品,如果技術好的話,還有機會找到好的工作哦)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章