前面講過：：網(wǎng)頁設(shè)計手冊指南一，主要講了一些網(wǎng)頁設(shè)計過程中主要的一些細(xì)節(jié)，這是第二波關(guān)于網(wǎng)頁設(shè)計基礎(chǔ)類等設(shè)計手冊，希望大家喜歡。

1、網(wǎng)頁設(shè)計中不要有太國語復(fù)雜的ICON

很多設(shè)計師在設(shè)計ICON的時候喜歡設(shè)計很多細(xì)節(jié)部分，有是描邊有是淺色透明度等，給人整個特別繁瑣的感覺，所以我們需要經(jīng)過簡化的設(shè)計來達(dá)到視覺效果。

2、給客戶示范的文字

有時候會遇到客戶沒有提供信息內(nèi)容的時候，很多設(shè)計師會隨意簡單的復(fù)制相同的文字，這樣會給客戶傳到出不專業(yè)、不認(rèn)證的感覺，所以我們可以找和客戶相關(guān)行業(yè)的文字替換，在視覺上也讓人更容易接收。

3、圖片疊加的小細(xì)節(jié)

兩張活多張圖片疊加的時候，有大圖有小圖結(jié)合，小圖更多會展示細(xì)節(jié)部分，很多設(shè)計師不經(jīng)意將小圖遮住，這樣不利于小圖的展示，范兒更像修飾，既然是修飾可以嘗試用圓形等元素，如果你是想展示出來細(xì)節(jié)完全可以把他放在大圖上面展示。

4、關(guān)于排版的透氣性

左邊的排版從整體內(nèi)容來說沒有錯誤的，但是卻給用戶在視覺上傳達(dá)出死板的感受，所以有些時候排版需要學(xué)會適當(dāng)?shù)淖鲆恍﹦h減，就像右邊這樣，整體給人會具有一定的設(shè)計感。

5、突破需要徹底

在進(jìn)行任務(wù)照片處理上，使用一定突破的設(shè)計方式是好的，這樣避免了四班，關(guān)鍵是不部分初入行的設(shè)計師在處理的時候還不夠徹底，預(yù)算就會導(dǎo)致詩句傳達(dá)出不上不下的感覺，所以有些時候我們需要大膽一些，就像右邊的排版給人的視覺會好很多。

6、傳出不一樣的投影

以前的時候設(shè)計師在按鈕上都會習(xí)慣性嘗試用黑色投影，用黑色是沒有錯誤的，只是現(xiàn)在我們可以適當(dāng)?shù)淖咭恍┳兓?會讓你的設(shè)計更出彩，就是投影的色彩可以嘗試吸取主題相近的顏色，上圖左邊偏青色的按鈕投影運(yùn)用了黑色的投影，總體給用戶傳達(dá)出不一致的感覺，所有右臂愛你我們將黑色的投影換成了青綠色相近的色彩，在視覺上會提高一致性。

7、網(wǎng)站logo放在頭部哪里合適

左邊網(wǎng)站logo放在了左上角，在視覺上會給用戶傳達(dá)出左右失重的感覺于是我們將logo放在了中間，就完美的解決了這個問題，一般網(wǎng)站頭部logo的拜訪位置，主要是根據(jù)logo的形狀比例和導(dǎo)航欄目的數(shù)量來決定的，比如logo偏長導(dǎo)航欄目數(shù)量較少，可以嘗試logo和導(dǎo)航平行擺放，反之可以進(jìn)行上下擺放，如果logo形狀偏正方形或者圓形，在導(dǎo)航欄目較少的情況下可以考慮一排擺放，反之可以考慮上下排版等更加詳細(xì)等方法。

8、輔助性質(zhì)線條的運(yùn)用

越來越多的皖蘇融入到了設(shè)計中，線條形狀一級屬性改變了他們運(yùn)用的目的性，所以上圖左邊的設(shè)計整個給人十分的搶眼，在于我們沒有理解線條在析出的作用是輔助性的，于是我們降低線的顯示，所以得到了右圖的設(shè)計。

9、網(wǎng)頁設(shè)計中的查看更多，了解更多的箭頭

我看到很多小伙伴設(shè)計的更多按鈕的箭頭都是使用的符號打上去的，而且沒有調(diào)整大小，整體傳達(dá)出也不一致，所以需要明白如果是文字結(jié)合icon那就需要將icon設(shè)計出來，至少體現(xiàn)出設(shè)計師的專業(yè)性。

10、按鈕主次關(guān)系的運(yùn)用

左邊的關(guān)閉圖標(biāo)設(shè)計是沒有錯誤的，但是還是具有改進(jìn)的空間，因為圖標(biāo)本身是傳達(dá)出關(guān)閉的意思，所以說我們可以嘗試將X外面的圓形線條進(jìn)行弱化，讓他成為X的一種修飾元素，而不是和圖標(biāo)中X的視覺一樣重要，這樣就會擾亂用戶視線，為了給用戶傳達(dá)出更好的視覺體驗，預(yù)算就出現(xiàn)右邊經(jīng)過調(diào)整后的關(guān)閉圖標(biāo)。

11、突出并不是越大越好

左邊的圖給用戶在視覺上很飽滿的感覺，會讓人干到莫名的擁擠，所以有時候需要突出一處并不需要越大越好，而是需要保留一些空間感，讓整個畫面保持透氣感，才能給用戶帶來愉悅的感覺。

12、網(wǎng)站中的圖片比的一致性

初入行的網(wǎng)頁設(shè)計師在網(wǎng)站設(shè)計后期需要更新的欄目，如產(chǎn)品列表產(chǎn)品詳情頁等的圖片時候，不會注意圖片尺寸大小比例的統(tǒng)一，從而導(dǎo)致后期上傳圖片的時候?qū)е嘛@示不完美，所以在設(shè)計的時候一定要多注意。

13、圖形元素角度的問題

很多專題或者促銷的banner背景都會運(yùn)用一些斜著的圖形或者線條，很多剛?cè)腴T的伙伴可能會隨意畫，比如左上圖的線條源生的角度用多了的話就會讓畫面亂而不嚴(yán)謹(jǐn)，所以我們盡量不要使用12.7或者23.1之類的數(shù)值，盡量使用13-30-45等嚴(yán)謹(jǐn)?shù)臄?shù)值。

14、讓純色變得更加柔和

當(dāng)我們用純色作為背景的時候，很多時候會給人很干，單一的感覺，所以可以考慮在純色背景上適當(dāng)加一些色彩，讓畫面變得更加柔和。

15、適當(dāng)?shù)恼{(diào)整讓圖片具有透氣感。

左圖給用戶感覺比較壓迫，層次感不明顯，所有我們可以稍微讓圖片展示得更多一些，讓畫面豐富起來，讓圖片更具有透氣感。

16、中英文之間的搭配

其實中文文字的結(jié)合在選擇字體的時候，需要考慮字體的統(tǒng)一性，就像左上圖中英文字體結(jié)合在一起給人感覺總會不適應(yīng)，而右圖我們將兩種字體進(jìn)行同意，讓他們都變成了一樣的肢體，給用戶感覺就提升了很多。

17、同等級模塊之間的對齊方式

在同等級的模塊之間的間距保持一致，會讓設(shè)計更嚴(yán)謹(jǐn)，像右圖這樣的方式。

18、圖標(biāo)的統(tǒng)一性

有時候網(wǎng)站中用到的圖標(biāo)最好同意，最好的芳芳就是將需要放的圖標(biāo)集合在一起進(jìn)行比對，找出其中的差別，在進(jìn)行不端的修改統(tǒng)一后，在運(yùn)用到相應(yīng)的模塊中去。