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

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

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

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

有這么多事情在豪華生活的布局，Liam McKay意識(shí)到了使用廣泛的利潤(rùn)率約的內(nèi)容給這個(gè)設(shè)計(jì)一個(gè)開(kāi)放的、輕快的感覺(jué)，而使它容易掠過(guò)所有的文字是多么重要。注意在內(nèi)容塊周?chē)卸嗌倏湛臻g。這使得用戶(hù)更容易關(guān)注什么是重要的。

突變的實(shí)驗(yàn)室是很好用的空白，另一個(gè)很好的例子。它給這黑暗的設(shè)計(jì)一個(gè)開(kāi)放的感覺(jué)，讓淡淡的粉筆板紋理和涂鴉的房間出來(lái)。

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

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

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

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

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

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

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

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

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

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

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

4。適當(dāng)?shù)脑O(shè)計(jì)元素

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)少真多
這種設(shè)計(jì)可以在白色背景下工作，但Elliot Jay的股票喜歡使用紋理。在該網(wǎng)站的開(kāi)放的感覺(jué)一致，他用光和微妙的Grunge紋理去。這是因?yàn)樗粠ё卟季謽O簡(jiǎn)主義，還增添了另一層感興趣的設(shè)計(jì)。