細(xì)節(jié)決定成敗
以前剛開始做設(shè)計的時候,做完頁面拿給總監(jiān)看,總是說細(xì)節(jié),注意細(xì)節(jié)的處理。再看看頁面,細(xì)節(jié)夠多了啊,怎么還要加細(xì)節(jié)。以前,我所認(rèn)為的細(xì)節(jié)是在頁面上加一些裝飾,慢慢的頁面做的多了,才知道原來細(xì)節(jié)并不是我所理解的細(xì)節(jié)。
有時候我們做完一個頁面,總是得不到客戶的認(rèn)可,而客戶又說不出什么原因,可能是在細(xì)節(jié)處理上沒有達(dá)到客戶的心理預(yù)期。
在設(shè)計中,注重細(xì)節(jié)的設(shè)計,能夠體現(xiàn)出一個人的創(chuàng)新意識和能力。一個頁面細(xì)節(jié)做到位,才能夠體現(xiàn)一個頁面的品質(zhì)。
那么頁面中的細(xì)節(jié)到底是什么,怎么處理頁面的細(xì)節(jié)呢?
以我們公司的幾個案例總結(jié)了以下幾點(diǎn):
1、文字
一個頁面最重要的就是內(nèi)容,那頁面中文字占的比例也是最多的。不同的字體有不同的性格表現(xiàn),選擇適合的字體,才更能體現(xiàn)產(chǎn)品屬性。
字號的選擇是根據(jù)功能需要而定的。在頁面中,我們對字體的粗細(xì)對比、文字之間的間距、文字的顏色對比、文字的對齊方式、鼠標(biāo)點(diǎn)擊時的效果、文字與圖片之間的距離、文字上的細(xì)小的裝飾、文字的樣式/排版,有意識的字體設(shè)計,也能夠體現(xiàn)獨(dú)特的審美,合理的字體設(shè)計,更有利于文字傳達(dá)所要表達(dá)的內(nèi)容,也更有利于瀏覽者閱讀。
1、圖片
圖片也是頁面中不可缺少的一部分,一張高清的圖片和一張模糊的圖片,會使頁面的品質(zhì)有天壤之別。在選擇圖片的時候一定要選擇高清圖片。圖片跟內(nèi)容的間距、圖片跟圖片的間距、圖片跟背景的間距,都要調(diào)整到看起來最舒服的位置。
3、頁面層次
每個頁面設(shè)計都需要有層次,如果當(dāng)一個頁面沒有層次就會顯得比較單調(diào)或者是花哨。頁面層次感也有很多類型,包括:色彩的層次感、元素的層次感...
對背景的圖片進(jìn)行了高斯模糊的處理,然后與頁面主要的內(nèi)容形成對比,加強(qiáng)了頁面的層次感。
向后延伸的聚光燈,也體現(xiàn)出了無盡的空間感。
4、導(dǎo)航
小小的細(xì)節(jié)處理,會讓導(dǎo)航變得更加有意思。
5、其他小細(xì)節(jié)
頁面上還有很多其他小細(xì)節(jié)也讓畫面更加精細(xì)。
影響頁面質(zhì)感的因素還有很多,比如:光,頁面留白,紋理、色彩等等,這些細(xì)節(jié)的處理,還需要我們在以后的設(shè)計工作中仔細(xì)揣摩。
在以后的頁面設(shè)計中會更加精益求精,給客戶帶來更多的驚喜。