2017年面臨尾聲，作為杭州網(wǎng)站設(shè)計的老司機或許你、我應(yīng)該說點什么。很有意思的話題，想和大家分享。不知道大家有沒有注意到，17年設(shè)計領(lǐng)域悄然融入了一種新的設(shè)計style。
從美學(xué)的角度我們對其總結(jié)如下幾點：
1、請克制用色
黑白色之外，最多只能多加一種顏色，用來引導(dǎo)用戶進行操作。最好是能讓App的內(nèi)容本身來為產(chǎn)品增加亮色。
2、標(biāo)題字號「大」、「黑」、「粗」
如同上面圖例中顯示的一樣，標(biāo)題字體增加20到30的像素，那樣看起來會有一種厚重feel。
3、圖標(biāo)look三要素：簡潔、纖瘦和好認(rèn)
圖標(biāo)不要加顏色，從左至右圖標(biāo)排序最好為：HOME鍵、搜索、主操作鍵盤、二級操作鍵、個人資料。
4、大面積的留白區(qū)域
三倍甚至是四倍的留白。
為此，設(shè)計領(lǐng)域有心人以此為設(shè)計標(biāo)準(zhǔn)規(guī)范，打造了多種版本的APP設(shè)計。給大家展示如下：
【第一版本】
第一版APP設(shè)計完成后，多數(shù)人對此是不滿意的。
首先，顏色太多了，細數(shù)一下，藍(主色)、紅、黃、綠、灰、紫、粉，簡直像一個彩色花板，這樣的問題在于視覺上容易花，不易集中，特別是對于一個工具類產(chǎn)品來說，這樣的多色系并不有益。
其次，模塊太多了，大量的分割線、點開內(nèi)頁還有圖片、藍色塊或灰色塊，看上去顯得很亂，也不干凈。
【第二版本】
新版本出來后，一看讓人很滿意，干凈了很多。
兩個版本對比之后，出現(xiàn)了明顯的差別。新版本的優(yōu)勢更大。
新版基本只用了黑白色，而且去掉了大量的藍色塊和分割線。
大面積留白，相比以前的填滿式界面，增強了呼吸感。
字體明顯變得更粗，突出標(biāo)題的內(nèi)容。
此外，新版依然巧妙的保留了藍色的主色，但只用在新增欄目的“+”上。也是完全采用如上新的網(wǎng)頁設(shè)計規(guī)范來打造的。杭州蒙特網(wǎng)站設(shè)計要告訴大家，事實上，很多類型的網(wǎng)頁設(shè)計都已悄悄遵照這一設(shè)計style來執(zhí)行，不知道大家注意到了?
2017年面臨尾聲，作為杭州網(wǎng)站設(shè)計的老司機或許你、我應(yīng)該說點什么。很有意思的話題，想和大家分享。不知道大家有沒有注意到，17年設(shè)計領(lǐng)域悄然融入了一種新的設(shè)計style。
從美學(xué)的角度我們對其總結(jié)如下幾點：
1、請克制用色
黑白色之外，最多只能多加一種顏色，用來引導(dǎo)用戶進行操作。最好是能讓App的內(nèi)容本身來為產(chǎn)品增加亮色。
2、標(biāo)題字號「大」、「黑」、「粗」
如同上面圖例中顯示的一樣，標(biāo)題字體增加20到30的像素，那樣看起來會有一種厚重feel。
3、圖標(biāo)look三要素：簡潔、纖瘦和好認(rèn)
圖標(biāo)不要加顏色，從左至右圖標(biāo)排序最好為：HOME鍵、搜索、主操作鍵盤、二級操作鍵、個人資料。
4、大面積的留白區(qū)域
三倍甚至是四倍的留白。
為此，設(shè)計領(lǐng)域有心人以此為設(shè)計標(biāo)準(zhǔn)規(guī)范，打造了多種版本的APP設(shè)計。給大家展示如下：
【第一版本】
第一版APP設(shè)計完成后，多數(shù)人對此是不滿意的。
首先，顏色太多了，細數(shù)一下，藍(主色)、紅、黃、綠、灰、紫、粉，簡直像一個彩色花板，這樣的問題在于視覺上容易花，不易集中，特別是對于一個工具類產(chǎn)品來說，這樣的多色系并不有益。
其次，模塊太多了，大量的分割線、點開內(nèi)頁還有圖片、藍色塊或灰色塊，看上去顯得很亂，也不干凈。
【第二版本】
新版本出來后，一看讓人很滿意，干凈了很多。
兩個版本對比之后，出現(xiàn)了明顯的差別。新版本的優(yōu)勢更大。
新版基本只用了黑白色，而且去掉了大量的藍色塊和分割線。
大面積留白，相比以前的填滿式界面，增強了呼吸感。
字體明顯變得更粗，突出標(biāo)題的內(nèi)容。
此外，新版依然巧妙的保留了藍色的主色，但只用在新增欄目的“+”上。也是完全采用如上新的網(wǎng)頁設(shè)計規(guī)范來打造的。杭州蒙特網(wǎng)站設(shè)計要告訴大家，事實上，很多類型的網(wǎng)頁設(shè)計都已悄悄遵照這一設(shè)計style來執(zhí)行，不知道大家注意到了?
