Google視覺範例參考

pixel-perfect

Designrock今天要和你分享的是Google視覺範例參考,在網頁設計、UI設計、品牌設計等領域,不是設計漂亮就可以行的 ​​,我們應該注意許多方面,尤其就是注重視覺上的“連貫性”。下面你將會看到來自google的一些設計風格,(這些設計都使用了近期流行的扁平化設計)

圖標使用矩形或圓形組合

geometric-shapes01

 

完美像素

pixel-perfect

 

把複雜的圖標還原至更簡單

reductive-approach

 

3D效果

只使用下視圖。

front-facing

 

使用硬直的陰影

就是說圖標使用的陰影是純色、無漸變、沒有模糊感的。

straight-hard-shadows

 

顏色的配色

color-combinations

 

圖標背景色的使用

background-colors

 

16PX-adjustements

 

 

若想要學習和了解更多,可以瀏覽這邊喔~

 

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s