網站設計的方法
[導讀]設計首頁的第一步是設計版面佈局。 就象傳統的報刊雜誌編輯一樣,我們將網頁看作一張報紙,一本雜誌來進行排版佈局。雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇,但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的,你可以領會要點,舉一反三。版面指的是瀏覽器看到的完整的一設計首頁的第一步是設計版面佈局。
草案
粗略佈局
1 就象傳統的報刊雜誌編輯一樣,我們將網頁看作一張報紙,一本雜誌來進行排版佈局。雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇,但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的,你可以領會要點,舉一反三。 版面指的是看到的完整的一個頁面(可以包含框架和層)。因為每個人的顯示器分辨率不同,所以同一個頁面的大小可能出現640*480像素,800*600像素,1024*768像素等不同尺寸。
2 佈局,就是以最適合的方式將圖片和文字排放在頁面的不同位置。你可能注意到:“最適合”是一個不確定的.形容詞,什麼才是最適合的呢?抱歉的是阿捷不能也不可能給您一個完整的正確的答案。就好比有人希望知道成功的祕訣是什麼,成功者只能建議您用什麼方法,什麼途徑才能最容易獲得成功,而不可能有一步成功的"祕訣"告訴您。 我們在設計思考系列文章第四篇講過站點整體的創意,版面佈局也是一個創意的問題,但要比站點整體的創意容易,有規律的多。讓我們先來了解一下版面佈局的步驟:
3 草案 新建頁面就象一張白紙,沒有任何表格,框架和約定俗成的東西,你可以儘可能的發揮你的想象力,將你想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆,當然用作圖軟件photoshop等也可以)。這屬於創造階段,不講究細膩工整,不必考慮細節功能,只以粗陋的線條勾畫出創意。盡你的可能多畫幾張,最後選定一個滿意的作為繼續創作的腳本。
4 粗略佈局 在草案的基礎上,將你確定需要放置的功能模塊安排到頁面上。(注:功能模塊我們在"首頁設計-引子"中提過,主要包含網站標誌,主菜單,新聞,搜索,條,郵件列表,計數器,版權信息等)。注意,這裏我們必須遵循突出重點、平衡諧調的原則,將網站標誌,主菜單等最重要的模塊放在最顯眼,最突出的位置,然後在考慮次要模塊的排放。
5 定案 將粗略佈局精細化,具體化。(靠你的智慧和文章,旁敲側擊多方聯想,才能作出具有創意的佈局。) 在佈局過程中,我們可以遵循的原則有: 1、正常平衡---亦稱"勻稱"。多指左右、上下對照形式,主要強調秩序,能達到安定誠實、信賴的效果。 2、異常平衡---即非對照形式,但也要平衡和韻律,當然都是不均整的,此種佈局能達到強調性、不安性、高注目性的效果。 3、對比---所謂對比,不僅利用色彩、色調等技巧來作表現,在內容上也可涉及古與今、新與舊、貧與富等對比。 4、凝視---所謂凝視是利用頁面中人物視線,使瀏覽者仿照跟隨的心理,以達到注視頁面的效果,一般多用明星凝視狀。 5、空白---空白有兩種作用,一方面對其他網站表示突出卓越,另一方面也表示網頁品位的優越感,這種表現方法對體顯網頁的格調十分有效。 6、儘量用圖片解説---此法對不能用語言説服、或用語言無法表達的情感,特別有效。圖片解説的內容,可以傳達給者的更多的心理因素。
6 1."T"結構佈局。所謂"T"結構。就是指頁面頂部為橫條網站標誌,下方左面為主菜單,右面顯示內容的佈局,因為菜單條背景教深,整體效果類似英文字母"T",所以我們稱之為"T"形佈局。這是網頁設計中用的最廣返的一種佈局方式。(圖略)這種佈局的優點是頁面結構清晰,主次分明。是初學者最容易上手的佈局方法。缺點是規矩呆板,如果細節色彩上不注意,很容易讓人"看之無味"。
以上的設計原則,雖然枯燥,但是我們如果能領會並活用到頁面佈局裏,效果就大不一樣了。比如: ○網頁的白色背景太虛,則可以加些色快; ○版面零散,可以用線條和符號串聯; ○左面文字過多,右面則可以插一張圖片保持平衡; ○表格太規矩,可以改用導角試試。 經過不斷的嘗試和推敲,你的網頁一定會亮麗起來的哦:)
相關文章
-
成都有網站建設,網站推廣和網頁設計美工等方面的公司啊!
我叫王勇,讀大二,下學期就進入大三了,我學的`是網頁設計與製作以及網站SEO優化和推廣。在大二這一學年中我在老師的帶領中,為一些公司做個網站建設,網站推廣和網頁美工,有了一點點工作經驗,但為了早點出來工作,還需要豐富的工 -
網站設計師提升設計的方法
短髮外翻短髮外翻,就是髮尾製造出外翻弧度的設計,其實也就是外翹。髮尾外翻怎麼設計好看?搭配什麼卷度?什麼髮色?今天就推薦一組時髦感的外翻短髮。短髮外翻深灰色系的一款髮色,充滿成熟感的顏色,搭配上帶着層次感卷度的外翹 -
站長做好網站內鏈建設的方法
相信站長們都明白在網站排名中,內鏈的影響力有多大。經過一些資深站長們的研究,內鏈在關鍵詞排名中佔據着很大部分,一般在25%35%。內鏈在關鍵詞中的比例能充分説明了內鏈在網站排名的重要性。既然這麼重要,那對於我們來説 -
設計具有親和力的企業網站的方法
隨着企業建站越來越簡單,越來越多的企業網站如雨後春筍般出現。企業網站要想充分發揮網絡傳播媒介的作用,就必須成為一個更親近於網絡用户的網站,要讓網站給給客户良好的用户體驗,這也是企業建站成功與否的標準,同時也是搜 -
提高網站速度的6種網站前端優化方法
最近有幾個同事開通了個人博客,但卻抱怨説因為的買的虛擬空間,所以個人博客網站打開速度很 慢。對於這種現象,按照一般的情況來看,一個網站的訪問打開速度的快與慢,全是看這個網站使用的空間配置,要是這個空間主機的配置不 -
網站製作中網站背景設計的重要性
網站製作中如果你的網站背景設計的出色,與網站融為一體,並且富有特色與吸引力,那麼你的網站在同行出便會出類拔萃,在網絡營銷效果上會佔據優勢。其實對於網站製作技術人員來説,網站背景的設計處理並不是件容易的事情,需要考 -
網站內部優化提升網站權重三大方法
⭐艾瑪~男票屬馬~~~⭐管理員大大蒞臨指導~欽點這是美國大選驢象之爭周邊產品😂😂😂就問這※※敏感性還有SEI~~~⭐支持定製~~~主要材料:法羊所需工具:基礎工具製作步驟:第1步:🍭下料~~~對稱兩片駿駿,注意別下成順撇哈~一片 -
網站界面設計師和網站美工有區別嗎?
這算是一款很經典也很有代表性的劉心造型了,簡單的碎髮斜劉海造型,再配合時尚的棕色紋理燙,白色的長袖襯衫與黑框眼鏡時尚還顯帥氣風。一款小編從劉心的寫真集裏找出來的全新造型,個人覺得這種深紫色的染上最顯時尚潮流感 -
地方社區網站運營:建設盈利的地方社區網站新手需知
很多人都有聽説過在農村使用一些茶麩來洗頭的,這些傳統的茶麩洗頭的方法是很不錯的,現在我們就先來了解一下什麼是茶麩,茶麩就是一種把茶子榨過油以後留出來的渣子,再把這些渣子壓成一塊一塊的,這樣就形成了茶麩了,聽説茶麩 -
網站整站優化的方法
5月16日,首屆中國品牌漁具博覽會在北京開幕。此次博覽會吸引了國內眾多知名品牌漁具企業、行業人士、釣魚媒體和釣魚愛好者參展參觀,這是中國釣魚運動開展30年來,官方以展示品牌、服務行業、服務中國釣魚愛好者為目的的