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