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

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

此外,新版依然巧妙的保留了藍色的主色,但只用在新增欄目的“+”上。也是完全采用如上新的網頁設計規(guī)范來打造的。杭州蒙特網站設計要告訴大家,事實上,很多類型的網頁設計都已悄悄遵照這一設計style來執(zhí)行,不知道大家注意到了?