很多初級網站設計師，在初入行時，往往會有一些細節(jié)上的東西做不好，導致整個畫面看上去粗糙沒品質，這些細節(jié)可能是很細微的，很容易被設計師不重視或直接忽略掉，當加起來有幾條細節(jié)沒有做好，你的作品的品質已經開始下降，所以要做好界面同時也要注重設計細節(jié)的處理。

今天分享10條實用的網站設計干貨，里面提到很多關于網站建設相關的微細節(jié)，對于初入行的設計師都值得一看。

1.對比度不能太小

背景與內容之間的對比度應該足夠適合閱讀，以免引起眼睛疲勞。通常，白色背景下的黑色文本是最容易讀的，盡量不要用淺灰色，黃色和綠色的文字。如果你自己做完設計稿，不得不瞇著眼睛才能看清，那就肯定是有問題了。

2.深灰色比黑色要更容易閱讀

如果可以選擇，推薦使用#333333 RGB(51,51,51)而不是純黑色作為文字內容。純黑色配上白色背景會讓眼睛產生視覺抖動，讓文字難以聚焦。

3.核心內容要突出

首頁的布局尤為重要，應該要清楚的顯示應用的主要功能。核心內容應該是顯而易見的，而不需要通過縮放，滾動或點擊等操作才能知曉。

讓我們一起來看看市面上把視覺層次結構做的比較好的例子吧。

Instagram (下圖中的左邊) 核心功能是希望用戶上傳照片/視頻；Pinterest (下圖中的右邊) 的核心功能是發(fā)現(xiàn)和搜索靈感圖片，所以把搜索放在了頂部最顯著的位置。

再看看另外2個案例

Spotify (下面的左圖) 希望給音樂專輯更多的曝光，所以將播放頁面中的專輯封面放到最大，將播放器控件放在第二重要位置；然后在第二重要的播放器控件中再進行重要級拆分，結合用戶的實際需求頻率，把播放和暫停放大，快進和快退縮小。

Facebook (下面的右圖) 看起來比較像Instagram，把朋友的內容放在了核心位置上，因為社交是Facebook的核心業(yè)務。

4.注意對齊所有元素

當看到一個設計不舒服的時候，首先應該考慮到的就是對齊問題。當設計師們在強調需要使用“網格”體系時，他們其實是在提醒團隊注意對齊問題。

（譯者注：新手只要把對齊這個看似簡單的問題做好，設計就能提升一個檔次！很多新人會把設計元素故意調的歪七扭八，以此體現(xiàn)他們做了設計，我當年剛入門的時候也犯了這樣的錯誤。實際上，有規(guī)律的東西能形成美感，對齊不是一種禁錮，而是一種好的設計方式。）

調整好對齊問題是可以對任何網頁或應用設計最行之有效的優(yōu)化設計手段之一，只要做好了，效果能立馬好上10倍以上。

看看另一個對齊問題，這個是medium的一個頁面。

這是我從Medium上找到的網頁設計布局——你覺得怎樣？(提示: 注意對邊邊緣的對齊情況。)

左圖，我突出顯示了由于對齊問題帶來的視覺流向，而在右側，我只是將所有主要內容進行了左對齊。

左圖糟糕的對齊形式，右圖是調整后的對齊形式（點開圖片可以查看大圖）

5.把握文字的大小和間距

我們并不是為螞蟻設計的。增大文字的尺寸和間距，能夠使得內容更容易閱讀和消化。

6.使用合適的布局形式

大多數App或者網站都會用到搜索，關于如果排布具體的搜索結果一直存在一些爭議。

如果結果的排序很重要，那么使用列表視圖是最有效的。

如果順序無關緊要，而你希望你的應用是鼓勵用戶去發(fā)現(xiàn)（比如Pinterest），則使用網格視圖更為合適。

7.先用黑白設計，后面再加顏色

使用黑白設計時，能更專注于解決和設計應用的核心體驗。

而如果在做布局框架的同時，加入顏色，會引起一些情感上的干擾，會打斷我們專注于核心問題設計上的能力。（譯者注：先做交互，后做視覺，現(xiàn)在應該大多數都是這么個流程吧。）

8.打造舒適的設計

關于舒適的手勢體位確實是一個需要注意到的問題，關于這方面也有專門的研究文章，Luke列出了手機中最容易接觸和使用的區(qū)域（至少對于右手作為慣用手的人來說），其實我希望看到應用中有一個設置，可以讓用戶從右手界面切換到左手界面。

大部分的App都將導航和核心操作放在手機的底部三分之一處。

9.善用配色板

顏色的使用一門技術活。我強烈推薦你在Dribbble上搜索“Color Palettes”，或者使用設計導航推薦的配色工具或者 Color Claim ，會有驚喜！為自己省下反復糾結的時間。

10.使用IOS或者Google的系統(tǒng)規(guī)范

蘋果和谷歌都為開發(fā)者提供了大量的UI組件和規(guī)范。

比如，像谷歌就提供了規(guī)范，組件，配色，圖標等等，幫助你實現(xiàn)快速設計和開發(fā)。

蘋果也提供了他們的人機交互規(guī)范。

最后記住，設計還需要大量的練習。

提高自己的審美和設計水平需要大量的時間和練習，但如果運用好上面所寫的一些設計技巧，會讓你做出更好的設計。