精練，不等于簡單。這與撫琴是一個事理，你也許有能力彈得很快，但你并不需要在所有處所都彈得這么快。在良多時辰，讓速度慢下來反而比彈得飛快要來的加倍堅苦。現實上，味道往往最能表此刻年夜容自然、舒緩平平的韻律傍邊。接下來進入原文作者人格;我發現自己在很年夜水平上就是一Dummy System來著。
精練的Web頁面設計氣概是當前圈子傍邊的風潮之一。在本文中，我們首先將對這類氣概傍邊的那些最具代表性的組成要素進行剖析，隨后，我(英文原文作者)還會向列位分享一些工作中的拭魅戰技巧。
精練氣概的創意組成要素
固定寬度的頁面結構結構
花時刻不雅察看一些精練氣概的網站，你會發現它們傍邊的絕年夜年夜都都有用到經由精陋習劃的網格結構系統。如不美觀哪位伴侶對網格結構還不年夜體味的話，可以設想一下，在著手進行現實的視覺設計工作之前，使用輔助線將頁面劃分為若干等寬的列，經由過程這種體例對頁面結構及元素的結構進行更精準的規劃。網格結構可以使設計方案傍邊的信息結構加倍清楚，在視覺上具有強烈的節奏感與一致性。
固定寬度的網格結構結構可覺得頁面帶來秩序與效率。舉個例子，雖然Creative Review傍邊的頁面結構會按照內容類型的分歧而有所區別，但我們能夠感應感染到的瀏覽體驗卻是相當連貫的，因為這些頁面都是基于統一套網格結構框架進行設計的。下圖展示了他家的首頁和About頁面：
對于在線雜志或報紙一類需要呈現年夜量內容的網站來說，要打造精練的頁面設計方案則加倍堅苦。不外英國的衛報(The Guardian)以及一些同類型的在線報紙站點卻是向我們展示了經由過程固定寬度的網格結構實現精練設計方案的可行性：
配色有些許兇殘么——譯者C7210注。
如不美觀不使用固定寬度的結構體例來組織這些內容，幾乎可以說，首頁將會亂的烏煙瘴氣。然而，在網格結構的輔佐下，模塊之間的留白及條理關系都相當清楚，整個內容結構的健壯性獲得了晉升。
下面兩篇文章(英文)可以輔佐你更好的理解與實踐網格結構的概念：
A Brief Look at Grid-Based Layouts in Web Design
The 960 Grid System Made Easy
也不是什么新概念了，國產好文章也蠻多，有欲求的同窗可自行覓食——譯者C7210注。
精采的文字排印
精采的文字排印方案往往可以對精練氣概的頁面設計起到事半功倍的推進浸染。
對字體數目的限制是這其中的一個關頭身分。如不美觀在統一套設計方案傍邊運用了過多的字體，它們彼此之間就會發生視覺上的競爭與沖突，這無疑會使頁面變得凌亂不勝，用戶的閱讀連貫性也會受到極年夜的破損。
看看那些設計優異的網站，你會發現它們凡是只會用到一抵站種字體，并在此基本上經由過水平歧的字號、字色、粗細、間距等屬性來浮現出內容的條理結構。
在這方面，紐約時報(The New York Times)與The Mavenist都是不錯的例子。
這兩個站點用到的字體都不跨災站種，但它們的設計方案都斗勁充實地操作了字體各方面的屬性特質，使得整個頁面傍邊的信息條理很是光鮮。
除了字體以外，行間距(line-height)也是文字排印方案傍邊的一個關頭性身分。使行與行之間連結足夠的空間，文字段落就能變得加倍易讀，當用戶閱讀到一行文字的末尾時，也可以很輕松的將目光轉向下一行開首的位置。我們可以在樣式表傍邊經由過程line-height屬性對行間距進行調整。
此外，對于每一行傍邊的文字來說，字間距(letter-spacing)也是我們需要考慮到的細節問題。合理的字間距可覺得文字帶來更好的呼吸感。
關于文字排印，也有些不錯的文章(英文)舉薦一看：
A Basic Look at Typography in Web Design
CSS Typography: The Basics
CSS Typography: Techniques and Best Practices
CSS Typography: Examples and Tools
簡化的配色方案
在印刷規模，設計方案所用到的顏色數目凡是會受到各類現實問題的限制，譬如項目的預算只許可設計師使用兩種顏色來設計海報。近似這樣的情形是很常見的，設計師們時常會因為這些局限而感應相當的鬧不住。
而Web設計規模傍邊卻不存在這類問題，現在，年夜都顯示設備所撐持的顏色數目都復雜的不亦樂乎。年夜手藝上講，我們可以隨心所欲地打造各類花里胡哨花團錦簇的設計方案，然而這樣的實踐體例顯然會與精練至上的設計方針各走各路。良多經典的案例傍邊只會用抵站種顏色， 即某個明度的灰色外加一種有彩色。其中的有彩色會用在最為關頭的頁面元素上，例如主要的鏈接或頁頭傍邊的交互對象。年夜氖亟誶度來嗣魅這種極簡的配色方案具有一舉兩得的浸染，一方面，它無疑會對精練視覺氣概的構建起到至關主要的浸染，同時，這類方案還能有用的提高頁面元素之間的對比度，使那些主要元素獲得最年夜水平的凸起。
推薦閱讀
我出生于保定的一個通俗農村家庭，巨細就神馳著長年夜后能干出一番事業。初中時第一次進修信息手藝，年夜此就迷上了電腦，可是在黌舍進修電腦，一周就兩節課，偶然還打消不上。機房里電腦就20多臺，但學生有70多個，>>>詳細閱讀
本文標題：<b>簡潔至上的Web設計——創意要素及設計技巧</b>
地址：http://www.sdlzkt.com/a/22/20120319/41999.html
網友點評
精彩導讀
科技快報
品牌展示