細(xì)節(jié)決定成敗

以前剛開(kāi)始做設(shè)計(jì)的時(shí)候，做完頁(yè)面拿給總監(jiān)看，總是說(shuō)細(xì)節(jié)，注意細(xì)節(jié)的處理。再看看頁(yè)面，細(xì)節(jié)夠多了啊，怎么還要加細(xì)節(jié)。以前，我所認(rèn)為的細(xì)節(jié)是在頁(yè)面上加一些裝飾，慢慢的頁(yè)面做的多了，才知道原來(lái)細(xì)節(jié)并不是我所理解的細(xì)節(jié)。

有時(shí)候我們做完一個(gè)頁(yè)面，總是得不到客戶的認(rèn)可，而客戶又說(shuō)不出什么原因，可能是在細(xì)節(jié)處理上沒(méi)有達(dá)到客戶的心理預(yù)期。

在設(shè)計(jì)中，注重細(xì)節(jié)的設(shè)計(jì)，能夠體現(xiàn)出一個(gè)人的創(chuàng)新意識(shí)和能力。一個(gè)頁(yè)面細(xì)節(jié)做到位，才能夠體現(xiàn)一個(gè)頁(yè)面的品質(zhì)。

那么頁(yè)面中的細(xì)節(jié)到底是什么，怎么處理頁(yè)面的細(xì)節(jié)呢？

以我們公司的幾個(gè)案例總結(jié)了以下幾點(diǎn)：

1、文字

一個(gè)頁(yè)面最重要的就是內(nèi)容，那頁(yè)面中文字占的比例也是最多的。不同的字體有不同的性格表現(xiàn)，選擇適合的字體，才更能體現(xiàn)產(chǎn)品屬性。

字號(hào)的選擇是根據(jù)功能需要而定的。在頁(yè)面中，我們對(duì)字體的粗細(xì)對(duì)比、文字之間的間距、文字的顏色對(duì)比、文字的對(duì)齊方式、鼠標(biāo)點(diǎn)擊時(shí)的效果、文字與圖片之間的距離、文字上的細(xì)小的裝飾、文字的樣式/排版，有意識(shí)的字體設(shè)計(jì)，也能夠體現(xiàn)獨(dú)特的審美，合理的字體設(shè)計(jì)，更有利于文字傳達(dá)所要表達(dá)的內(nèi)容，也更有利于瀏覽者閱讀。

1、圖片

圖片也是頁(yè)面中不可缺少的一部分，一張高清的圖片和一張模糊的圖片，會(huì)使頁(yè)面的品質(zhì)有天壤之別。在選擇圖片的時(shí)候一定要選擇高清圖片。圖片跟內(nèi)容的間距、圖片跟圖片的間距、圖片跟背景的間距，都要調(diào)整到看起來(lái)最舒服的位置。

3、頁(yè)面層次

每個(gè)頁(yè)面設(shè)計(jì)都需要有層次，如果當(dāng)一個(gè)頁(yè)面沒(méi)有層次就會(huì)顯得比較單調(diào)或者是花哨。頁(yè)面層次感也有很多類型，包括：色彩的層次感、元素的層次感...

對(duì)背景的圖片進(jìn)行了高斯模糊的處理，然后與頁(yè)面主要的內(nèi)容形成對(duì)比，加強(qiáng)了頁(yè)面的層次感。

向后延伸的聚光燈，也體現(xiàn)出了無(wú)盡的空間感。

4、導(dǎo)航

小小的細(xì)節(jié)處理，會(huì)讓導(dǎo)航變得更加有意思。

5、其他小細(xì)節(jié)

頁(yè)面上還有很多其他小細(xì)節(jié)也讓畫面更加精細(xì)。

影響頁(yè)面質(zhì)感的因素還有很多，比如：光，頁(yè)面留白，紋理、色彩等等，這些細(xì)節(jié)的處理，還需要我們?cè)谝院蟮脑O(shè)計(jì)工作中仔細(xì)揣摩。

在以后的頁(yè)面設(shè)計(jì)中會(huì)更加精益求精，給客戶帶來(lái)更多的驚喜。