本著“少就是多”地理念，通過十個簡單好用地設計技巧 ，就足以大大提升你設計地專業(yè)性和感染力。

　　壹. 增加對比

　　很可惜，添加額外地對比是最被忽視和棄用地技巧之壹。

　　　　Joost de Valk 采用啦細地高對比度邊線，讓訪客能更容易區(qū)分頁面地不同區(qū)域。在上圖中放大啦地部分，你可以看到，大多數(shù)時候這種對比只是壹條壹像素地高亮線挨著壹像素地暗線。

　　話說回來，這個頁面上地“More”和“Go”按鈕與周圍地對比度太小，即使你刻意在找也很容易被忽略掉。

　　　　WordPress 為頁面中最受歡迎地鏈接 “Download(下載)” 使用啦對比色。 這種紅色在冷灰色調地頁面中自己跳啦出來。但這紅色在明度方面有所收斂，避免啦影響頁面整體效果。

　　如果你對于該不該使用對比猶豫不決，就把這壹決定過程當做是化妝。你要做地不是讓人們大吼“看吶，對比色!”，你需要地是自然而然地吸引他們注意頁面中重要地內容，高亮出已經(jīng)存在地重點。

　　貳. 漸變

　　技術地發(fā)展為所有想使用漸變地人提供啦各種創(chuàng)造漸變地工具。但漸變真地很好么?

　　　　Media Temple 網(wǎng)站地每壹個頁面都使用啦漸變，不過其漸變使用地節(jié)制和精妙才是設計成功地關鍵。logo，大標題，按鈕和背景都有細微地或者鏡像地漸變，以強調內容。最復雜地漸變用在啦那些簡單地壹貳零像素寬地按鈕(子頁面中地“ACTIVATE”和“LEARN MORE”)上，因為它們是需要訪客注意地重點。

　　　　Commission Junction地漸變運用遠沒有Media Temple地細致，而且采用啦過于豐富地漸變類型：

　　從黑色到灰色地水平線性漸變，位于頁面頂部

　　頁眉處地綠色徑向漸變

　　登陸框背景地“CJ” 標志上方模糊地斜向漸變

　　輸入框背景中淡淡地垂直線性漸變

　　導航條背景地垂直漸變

　　Webinar廣告中明亮地線性漸變

　　另壹個垂直線性減弱，用在啦大標題處

　　這種設計有點冒險，大部分漸變式有用地，但還是存在壹些問題。最突出地壹點是，設計喪失啦壹致性。同選擇可辨性強地色彩組合壹樣地道理，設計師也需要為每個項目選擇合適地漸變組合。

　　例如，大地水平漸變(壹)引導眼睛橫向注視頁面。這本沒有神馬問題，但就在此漸變地正下方又出現(xiàn)啦把視線吸引到中心地徑向漸變(貳)和把視線引導到右下角地斜向漸變(叁)。這會給訪客造成困擾，起伏變化地視覺流(visual flow)也削弱啦可讀性。

　　使用漸變時，保證好地視覺流很重要：請保守而精致地使用漸變。最重要地壹點，僅當對整體設計有幫助時才使用漸變。

　　叁. 色彩

　　合理使用顏色很有挑戰(zhàn)性。在挑選完美地色彩組合和為各種色調找到合適位置地過程中，時間嘩啦啦地就流走啦。

　　Realmac Software 大膽地在肆零肆頁面采用啦全色系漸變。這樣做有以下原因：首先，Realmac已經(jīng)將頁面背景設成啦中性灰色，更重要地是，頁面其余部分沒有明顯地色彩地，除啦藍色地文字鏈接和壹些零星地毫無沖擊力地色彩。

　　全譜色彩漸變完美地吸引啦人們地注意。它保持啦簡單性，有著灰色地配合，也不會讓眼睛感到不適。但在壹項設計中采用肆種或伍種以上地顏色通常都顯得太過啦。除非你非常確信你地設計需要那么多顏色，還是采用簡單地肆色組合比較好。

　　當你在設計中克制而明智地使用色彩時，吸引訪客對重要項目地注意力就變得相當容易。在Interspire地 “About Us(關于我們)” 頁面中，訪客地注意力被迅速吸引到頁面頂部LOGO那紅色地壹點上，然后是標題，然后是頁面右邊地LOGO照片。

　　在字體上花點功夫。字體地藝術博大精深，遠遠超出我們大部分人地想象。字體中超出x高度部分(ascenders )和邊位(side bearings)處地創(chuàng)作空間巨大，你可以在此處添加壹些有趣地細節(jié)。不過還是運用接下來地壹些技巧更重要。

　　肆. 字符間距

　　字符間距，或者稱為字距調整 (kerning)，能對標題、段落、logo等文字相關內容造成巨大影響。其遠不止每個字符之間地距離那么簡單。

　　　　Krop’s 地新作品集創(chuàng)建器，在處理文字地時候，十分吝嗇空間。該網(wǎng)站上大部分基于文字地圖片中地字符間距都很小，使敘述內容顯得更為簡潔有力。

　　　　上圖表現(xiàn)啦字符間距對你地設計可能產(chǎn)生地負面影響。小而無抗鋸齒地字體如果沒有適當?shù)刈址�間距，將更加難以閱讀。

　　如果你以前沒有在意，試試現(xiàn)在對你設計中地字符間距做壹些調整，你會為調整后帶來地不同而震驚。推薦圖片中使用“Myriad Pro” 字體，HTML文字中使用“Trebuchet MS”字體進行嘗試。