網(wǎng)頁設(shè)計的四個關(guān)鍵組成部分

一個偉大的網(wǎng)頁設(shè)計的四個關(guān)鍵組成部分
成都網(wǎng)站制作創(chuàng)建一個網(wǎng)頁設(shè)計有很多，但我相信它可以分解成四個主要組成部分。如果你能夠執(zhí)行所有四個，你會有一個網(wǎng)頁設(shè)計在你的手。然而，如果你想出了一個，整個設(shè)計將遭受。這就是挑戰(zhàn)。一個偉大的設(shè)計的各個方面必須互相贊揚，同時幫助實現(xiàn)網(wǎng)站的最終目標。在這篇文章中，我打破了四個關(guān)鍵組成部分的一個偉大的網(wǎng)頁設(shè)計的例子和資源。

1。一個堅實的布局
有一個良好的基礎(chǔ)的重要性，適用于幾乎所有的生活。如果基礎(chǔ)是錯誤的，把所有的東西放在上面可能會失敗。在網(wǎng)頁設(shè)計中，基礎(chǔ)是你的布局。制定網(wǎng)頁設(shè)計包括放置所有內(nèi)容和導航元素。你想建立一個層次，在這些元素，使最重要的突出，這應該取決于你認為你的觀眾將使用該網(wǎng)站。

使用線框圖
一種常見的做法，通過網(wǎng)頁設(shè)計師敲定布局是創(chuàng)建一個線框，這基本上是一個裸露的骨頭表示的各種元素，將出現(xiàn)在網(wǎng)頁上?？蚣芡ǔＳ苫叶瓤蚝驼嘉环谋緣K。關(guān)鍵是要保持簡單，不要陷入色彩和設(shè)計元素。
Jesse Bennett Chamberlain 31three是發(fā)布他的設(shè)計過程在他的博客。下面是一個例子，他創(chuàng)建線框懷抱寵物社區(qū)項目。

網(wǎng)頁設(shè)計慷慨的空白
一個偉大的布局的一個關(guān)鍵方面是更多的是什么之間（或不在兩者之間）您的各種頁面元素。我說的空白或負空間。許多設(shè)計師錯誤地過度擁擠他們的網(wǎng)頁設(shè)計。不要害怕讓你的頁面呼吸。添加大量的空白會給你的設(shè)計看起來更成熟。

有這么多事情在豪華生活的布局，Liam McKay意識到了使用廣泛的利潤率約的內(nèi)容給這個設(shè)計一個開放的、輕快的感覺，而使它容易掠過所有的文字是多么重要。注意在內(nèi)容塊周圍有多少空空間。這使得用戶更容易關(guān)注什么是重要的。

突變的實驗室是很好用的空白，另一個很好的例子。它給這黑暗的設(shè)計一個開放的感覺，讓淡淡的粉筆板紋理和涂鴉的房間出來。

網(wǎng)頁設(shè)計了解更多關(guān)于布局和線框圖
線框圖的雜志是一個博客寫的信息架構(gòu)和交互設(shè)計，具有信息和例子很多網(wǎng)頁設(shè)計布局。

2。有效的字體
就像布局，字體在用戶如何消化一個網(wǎng)站的內(nèi)容起著重要的作用。網(wǎng)頁設(shè)計的排版很容易閱讀和遵循，同時建立內(nèi)容的結(jié)構(gòu)和層次結(jié)構(gòu)。
大=重要

31three使用全部大寫的標題和字幕和大字體大小。這建立了一個清晰的層次結(jié)構(gòu)，把標題區(qū)分得比下面的段落更重要。

網(wǎng)頁設(shè)計讓它清晰
用文字和背景之間的對比度高，Dan Cederholm作了簡單的位很容易閱讀。也注意段落中使用的行距。始終確保使用足夠使正文容易閱讀。這通常需要一些實驗，但一個好的經(jīng)驗法則是設(shè)置行高1.5em，這比字體大小大1.5倍。

網(wǎng)頁設(shè)計了解更多關(guān)于排版
如果你想了解更多關(guān)于排版，我們已經(jīng)編制了一個偉大的網(wǎng)站列表的主題，我們也有一個列表的工具，以幫助您在網(wǎng)絡(luò)上排版。

3.正確的配色方案
選擇正確的配色方案是非常重要的，因為它會設(shè)置你的設(shè)計比任何其他組件的心情。不要讓你自己的個人品味決定你使用什么顏色。這應該是基于什么是試圖實現(xiàn)的網(wǎng)站和你知道它的觀眾。

敢于與眾不同
間隙醫(yī)生網(wǎng)站的特點大膽的顏色選擇，違背了我們所見的醫(yī)療相關(guān)網(wǎng)站。這是適當?shù)模驗樵摼W(wǎng)站正在試圖吸引年輕的醫(yī)學生。顏色有助于給網(wǎng)站一個年輕髖覺得軟化的題材嚴肅。

網(wǎng)頁設(shè)計
有時候顏色很少是正確的顏色

Carsonified基本上只使用兩種顏色。深棕色和奶油白色恭維老式海報風格和設(shè)計元素。有時一個最小的調(diào)色板是你所需要的。

網(wǎng)頁設(shè)計
需要幫助選擇正確的配色方案嗎？

Adobe的Kuler是一個社區(qū)驅(qū)動的Web應用程序，可以讓你瀏覽的調(diào)色板創(chuàng)建的其他。你也可以創(chuàng)建你自己的用色盤，和諧的規(guī)則，和顏色滑塊。還有其他工具幫助你選擇合適的顏色。

4。適當?shù)脑O(shè)計元素

這是你可以有很多樂趣的設(shè)計。您的創(chuàng)意可以在這里野生紋理，圖標，圖案等，但是，請記住，設(shè)計元素也發(fā)揮了很大的作用，在設(shè)定的心情設(shè)計。因此，保持與網(wǎng)站的目標和它的觀眾一致的事情。此外，保持設(shè)計元素與我們已經(jīng)提到的其他三個組件一致。

一致性的作用
紅絲絨藝術(shù)的設(shè)計者在各種設(shè)計元素中運用了同樣的手繪風格。注意，圖標，背景圖案和涂鴉一起工作。一致性還流經(jīng)印刷和復古配色方案。

網(wǎng)頁設(shè)計對細節(jié)的關(guān)注
有一個典型的Squarespace博客博客布局和整體簡潔的設(shè)計，但注意像素好的刻度線的內(nèi)容區(qū)域的左、右邊界。它是這樣一個最小的設(shè)計元素，但它的目的是建立在內(nèi)容的重點，同時保持與其余的設(shè)計一致。

網(wǎng)頁設(shè)計少真多
這種設(shè)計可以在白色背景下工作，但Elliot Jay的股票喜歡使用紋理。在該網(wǎng)站的開放的感覺一致，他用光和微妙的Grunge紋理去。這是因為它不帶走布局極簡主義，還增添了另一層感興趣的設(shè)計。

文章題目：網(wǎng)頁設(shè)計的四個關(guān)鍵組成部分
標題鏈接：http://www.bm7419.com/news37/20287.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、App設(shè)計、企業(yè)建站、用戶體驗、小程序開發(fā)、網(wǎng)站維護

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)