2016-12-24 分類: 網站建設
網頁設計,雖是網站建設行業內的專業術語,但作為客戶而言,若能了解更多的網站設計基礎知識,我相信在進行網站建設項目中就不會顯得那么被動,無助,而且能更好地與項目負責人進行溝通交流,更能理解您的設計需求。因此,我們今天先來簡單介紹一下網站的頁面組成,網站一般包括以下幾部分:
導入頁:也就是輸入網址時第一時間呈現在瀏覽者眼前的頁面,它只是起到一個引導的作用,沒什么實際內容。導入頁可有可無,要看企業的具體需求。
首頁:網站的門面,這是給瀏覽者的第一印象,也是客戶體驗的好表現機會。如同公司的整體形象,特別注重設計和規劃。
框架頁:網站的主要結構頁面,又稱次首頁、內頁,大型網站往往框架頁即首頁,如一些門戶網站??蚣茼撝饕蔷W站內部主要欄目的首頁,講究風格的一致性,并與網站整體風格呼應。
普通頁:網站主要的承載信息的頁面,設計要求不高,但要求鏈接準確、文字無誤、圖文并茂,并沿襲網頁的風格。
彈出頁:一般用于廣告、新聞、消息、到其他網站的鏈接等等,一般用的很少。
通過上面的簡單概述,我們可以總結出:
從功能上來看,首頁主要承擔著樹立企業形象(當然不僅僅是首頁)的作用;框架頁在導航方面起著重要的作用,比如各欄目內部主要內容的介紹,都可以在框架頁中體現再進入普通頁,擇其需要而瀏覽;普通頁則是主要的信息頁面;至于彈出頁,建議您不是必要,最好不要用。下面詳細介紹各頁面的設計技巧:
一、首頁設計技巧
網站首頁是企業網上的虛擬門面,正因為是虛擬的就好比是“無紙的印刷品”。既然如此,精良和專業網站的設計,如同制作精美的印刷品,會大大刺激消費者(訪問者)的購買欲望,若設計得很毛糙不精細,您肯定會懷疑其內容的真實性和可靠性,從而對其產品或服務產生質疑。因此,首頁的設計決不能敷衍了事、馬馬虎虎。
一般來說,網站首頁的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過藝術造型和設計布局,利用一系列與公司形象和產品、服務有關的圖像、文字信息,組成一幅生動的畫面,向瀏覽者展示一種形象、一個氛圍,從而吸引瀏覽者進入瀏覽。另一種是信息羅列型,一般的大、中型企業網站和門戶網站常用的方式,即在首頁中就羅列出網站的主要內容分類、重點信息、網站導航、公司信息等等,設計人員在結合公司的CI手冊,企業標志、字體及用色標準中要注意使用這些語言符號來表達一種獨特的企業信息。
二、網站風格保持一致(內頁設計技巧)
如何保持網站風格的一致,是進行內頁設計過程中考慮的重要方面,根據我的經驗,您可以嘗試以下幾種設計方式:
1、結構的一致性:我們知道,網站結構是網站風格統一的重要手段,包括網站布局、文字排版、裝飾性元素出現的位置、導航的統一、圖片的位置等等,我們要強調網站標志性元素的一致性,即網站或公司名稱、網站或企業標志、導航及輔助導航的形式及位置、公司聯系信息等,這種方式是目前網站普遍采用的結構,一方面減少設計、開發的工作量,同時更有利于以后的網站維護與更新。
2、色彩的一致性:方式是保持站點主體色彩的一致,只改變局部色塊,優點是一個獨特色彩的網站會給人留下很深刻的印象,因為人的視覺對色彩要比布局更敏感,更容易在大腦中形成記憶符號。在色彩的一致性中,我們強調的是如果企業有自身的CI形象,最好在互聯網中沿襲這個形象,給觀眾網上網下一致的感覺,更有利于企業形象的樹立。一個建議是選取一兩種主要色彩,幾種輔助色彩。
3、利用導航取得統一:導航是網站的一項重要組成部分,一個出色的富有企業特性的導航將會給人留下深刻的印象,比如將標志的形態寓于導航之中,或將導航設計在整個網站布局之中等等不一而足,花點力氣在導航上,也會設計出一個出色的站點。
4、特別元素的一致性:在網頁設計 中,個別具有特色的元素(如標志、象征圖形、局部設計等)重復出現,也會給訪問者留下深刻印象。比如網站結構在某一點上的變化,由直線變為圓弧、暗色點綴的亮色、色彩中的補色等等。
5、利用圖像取得統一: 網頁中的圖像在使用上一定要甚之又甚,尤其是一些動畫,網頁中充斥著各種可有可無的動畫,而這些動畫根本與本企業內容無關!認真檢查網頁中的動畫,將沒用的刪掉!這里我們所說的利用圖像取得統一,決不是在每頁中放置幾個動畫!而是作為網站結構一部分的局部圖像,根據網頁內容的不同,配以相應的圖像或動畫,從而給瀏覽者形成頁面的連續性。
6、利用背景取得統一:從技術上而言,網頁背景包括背景色和背景圖像兩種,一般來說,我們并不提倡使用背景圖像,而使用背景色或色塊。原因很明顯,第一,下載速度,背景色的下載速度忽略不計,而背景圖像就得根據圖像字節大小下載了;第二,顯示效果,經常看到國內一些網站設有背景圖像,或者是公司的廠房、辦公大樓,或者是產品圖片,甚至是某某人物的照片,使得前面的文字很難辨認!
三、色彩搭配
網頁中最難處理的也就是色彩搭配的問題了。如何運用最簡單的色彩表達最豐富的含義,體現企業形象是網頁設計人員需要不斷學習、探索的課題。如何進行色彩搭配是一門學問,下面的一些方法是我在實踐過程中的體會,希望能夠為您起到一定的參考作用。
1、運用相同色系色彩:所謂相同色系,是指幾種色彩在360°色相環上位置十分相近,大約在45°左右或同一色彩不同明度的幾種色彩,如:這種搭配的優點是易于使網頁色彩趨于一致,對于這種用色方式容易塑造網頁和諧統一的氛圍,缺點是容易造成頁面的單調。
2、運用對比色或互補色:所謂對比色,是指色相環相距較遠,大約在100°左右,視覺效果鮮亮、強烈,而互補色則是色相環上相距最遠的連種色彩,即相距180°,其對比關系最強烈、最富有刺激性,往往使畫面十分突出,如:,這種用色方式容易塑造活潑、韻動的網頁效果,特別適合體現輕松、積極的素材的網站,缺點是容易造成色彩的花,使用中注意色彩使用的度。
3、使用過渡色:過渡色能夠神奇地將幾種不協調的色彩統一起來,在網頁中合理地使用過渡色能夠使你的色彩搭配技術更上一層樓。
四、版面布局
一般來說,企業網站首頁的布局比較靈活,著重設計,這里我所說的布局主要是指內頁的版面布局。中、小型企業網站的內頁布局一般比較簡單,即內頁的一欄式版面布局,從排版布局的角度而言,我們還可以設計成等分兩欄式、三欄式、多欄式,不等分兩欄式、三欄式、多欄式等等,但因為瀏覽器寬幅有限,一般不宜設計成三欄以上的布局。
在版面布局中主要是考慮導航、必要信息與正文之間的布局關系。比較多的情況是采用頂部放置必要的信息,如公司名稱、標志、廣告條以及導航條,或將導航條放在左側而右側是正文等等,這樣的布局結構清晰、易于使用。當然,您也可以嘗試其他布局的變化形式。
以上就是簡單的網站設計技巧,簡單明了的文字敘述,我相信您肯定有了進一步的了解,希望您在構思網站建設策劃時有自己的網站建設風格,我們期待與您共同探討。
當前題目:客戶也應該了解的網頁設計知識
網頁地址:http://m.newbst.com/news16/71616.html
成都網站建設公司_創新互聯,為您提供電子商務、外貿建站、網站營銷、網頁設計公司、關鍵詞優化、網站內鏈
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容