2014-09-04 分類: 網(wǎng)站建設
一個偉大的網(wǎng)頁設計的四個關鍵組成部分
成都網(wǎng)站制作創(chuàng)建一個網(wǎng)頁設計有很多,但我相信它可以分解成四個主要組成部分。如果你能夠執(zhí)行所有四個,你會有一個網(wǎng)頁設計在你的手。然而,如果你想出了一個,整個設計將遭受。這就是挑戰(zhàn)。一個偉大的設計的各個方面必須互相贊揚,同時幫助實現(xiàn)網(wǎng)站的最終目標。在這篇文章中,我打破了四個關鍵組成部分的一個偉大的網(wǎng)頁設計的例子和資源。
1。一個堅實的布局
有一個良好的基礎的重要性,適用于幾乎所有的生活。如果基礎是錯誤的,把所有的東西放在上面可能會失敗。在網(wǎng)頁設計中,基礎是你的布局。制定網(wǎng)頁設計包括放置所有內容和導航元素。你想建立一個層次,在這些元素,使最重要的突出,這應該取決于你認為你的觀眾將使用該網(wǎng)站。
使用線框圖
一種常見的做法,通過網(wǎng)頁設計師敲定布局是創(chuàng)建一個線框,這基本上是一個裸露的骨頭表示的各種元素,將出現(xiàn)在網(wǎng)頁上??蚣芡ǔS苫叶瓤蚝驼嘉环谋緣K。關鍵是要保持簡單,不要陷入色彩和設計元素。
Jesse Bennett Chamberlain 31three是發(fā)布他的設計過程在他的博客。下面是一個例子,他創(chuàng)建線框懷抱寵物社區(qū)項目。
網(wǎng)頁設計慷慨的空白
一個偉大的布局的一個關鍵方面是更多的是什么之間(或不在兩者之間)您的各種頁面元素。我說的空白或負空間。許多設計師錯誤地過度擁擠他們的網(wǎng)頁設計。不要害怕讓你的頁面呼吸。添加大量的空白會給你的設計看起來更成熟。
有這么多事情在豪華生活的布局,Liam McKay意識到了使用廣泛的利潤率約的內容給這個設計一個開放的、輕快的感覺,而使它容易掠過所有的文字是多么重要。注意在內容塊周圍有多少空空間。這使得用戶更容易關注什么是重要的。
突變的實驗室是很好用的空白,另一個很好的例子。它給這黑暗的設計一個開放的感覺,讓淡淡的粉筆板紋理和涂鴉的房間出來。
網(wǎng)頁設計了解更多關于布局和線框圖
線框圖的雜志是一個博客寫的信息架構和交互設計,具有信息和例子很多網(wǎng)頁設計布局。
2。有效的字體
就像布局,字體在用戶如何消化一個網(wǎng)站的內容起著重要的作用。網(wǎng)頁設計的排版很容易閱讀和遵循,同時建立內容的結構和層次結構。
大=重要
31three使用全部大寫的標題和字幕和大字體大小。這建立了一個清晰的層次結構,把標題區(qū)分得比下面的段落更重要。
網(wǎng)頁設計讓它清晰
用文字和背景之間的對比度高,Dan Cederholm作了簡單的位很容易閱讀。也注意段落中使用的行距。始終確保使用足夠使正文容易閱讀。這通常需要一些實驗,但一個好的經(jīng)驗法則是設置行高1.5em,這比字體大小大1.5倍。
網(wǎng)頁設計了解更多關于排版
如果你想了解更多關于排版,我們已經(jīng)編制了一個偉大的網(wǎng)站列表的主題,我們也有一個列表的工具,以幫助您在網(wǎng)絡上排版。
3.正確的配色方案
選擇正確的配色方案是非常重要的,因為它會設置你的設計比任何其他組件的心情。不要讓你自己的個人品味決定你使用什么顏色。這應該是基于什么是試圖實現(xiàn)的網(wǎng)站和你知道它的觀眾。
敢于與眾不同
間隙醫(yī)生網(wǎng)站的特點大膽的顏色選擇,違背了我們所見的醫(yī)療相關網(wǎng)站。這是適當?shù)?,因為該網(wǎng)站正在試圖吸引年輕的醫(yī)學生。顏色有助于給網(wǎng)站一個年輕髖覺得軟化的題材嚴肅。
網(wǎng)頁設計
有時候顏色很少是正確的顏色
Carsonified基本上只使用兩種顏色。深棕色和奶油白色恭維老式海報風格和設計元素。有時一個最小的調色板是你所需要的。
網(wǎng)頁設計
需要幫助選擇正確的配色方案嗎?
Adobe的Kuler是一個社區(qū)驅動的Web應用程序,可以讓你瀏覽的調色板創(chuàng)建的其他。你也可以創(chuàng)建你自己的用色盤,和諧的規(guī)則,和顏色滑塊。還有其他工具幫助你選擇合適的顏色。
4。適當?shù)脑O計元素
這是你可以有很多樂趣的設計。您的創(chuàng)意可以在這里野生紋理,圖標,圖案等,但是,請記住,設計元素也發(fā)揮了很大的作用,在設定的心情設計。因此,保持與網(wǎng)站的目標和它的觀眾一致的事情。此外,保持設計元素與我們已經(jīng)提到的其他三個組件一致。
一致性的作用
紅絲絨藝術的設計者在各種設計元素中運用了同樣的手繪風格。注意,圖標,背景圖案和涂鴉一起工作。一致性還流經(jīng)印刷和復古配色方案。
網(wǎng)頁設計對細節(jié)的關注
有一個典型的Squarespace博客博客布局和整體簡潔的設計,但注意像素好的刻度線的內容區(qū)域的左、右邊界。它是這樣一個最小的設計元素,但它的目的是建立在內容的重點,同時保持與其余的設計一致。
網(wǎng)頁設計少真多
這種設計可以在白色背景下工作,但Elliot Jay的股票喜歡使用紋理。在該網(wǎng)站的開放的感覺一致,他用光和微妙的Grunge紋理去。這是因為它不帶走布局極簡主義,還增添了另一層感興趣的設計。
分享名稱:網(wǎng)頁設計的四個關鍵組成部分
文章起源:http://www.rwnh.cn/news/20287.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供云服務器、定制網(wǎng)站、品牌網(wǎng)站設計、網(wǎng)站導航、網(wǎng)站建設、動態(tài)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內容