久久九九久精品国产_成人区精品一区二区婷婷_国产激情一区二区三区_窝窝午夜理论片影院

18665606093

快捷導航

# 業務咨詢
電 話:18665606093

張經理 / 18665606093

Email / service@2000new.com

Wechat

掃一掃添加顧問

【廣州網站設計】Metro(扁平化)風格界面設計案例賞析

來源:新際網絡 發布時間:2015-01-28
在過往的網頁設計乃至現今正對移動端產品所做的設計,復雜的的擬物化效果對產品而言未必是一個好的選擇。
尤其移動端產品,過于復雜的界面設計極易讓用戶在視覺上產生疲勞,從而導致對產品交互的基本功能產生認知上的障礙。因此“扁平化”的設計美學順應時移動互聯網的高速發展而傳播開。

Metro(扁平化設計)的釋義
在項目設計中,“Metro(扁平化設計)”是指摒棄那些流行多年的陰影、高光、漸變等高度擬物化的視覺效果,從視覺上創造一種看上去更“平”的界面。


在一次廣州網站設計沙龍活動中,聽朋友講最初定義“metro”概念的設計師Allen Grinshtein曾經在一篇文章中說:

“長久以來,網站的界面風格似乎都在遵從著同一種設計美學,大家都在用斜面、漸變、陰影一類的效果突出界面元素的質感。對于設計師來說,制造這類仿真的元素簡直成了行業規范甚至是榮譽。不過對于我們,以及為數不多的其他一些設計師來說,這種慣用的方式并非一定正確”


著力排版設計與字體應用

在metro設計中,在摒棄大量裝飾性設計元素后,版式作為內容的載體,顯得尤為重要,因為用戶的視覺熱區將更多關注產品內容以何種方式呈現。

字體的應用與排版設計是相鋪相成的,中文可以選擇“華文細黑”和“微軟雅黑”作為常用字體,英文則選擇sans serif、segoe ui等。當然如果能與極簡主義保持和諧,也可以適當運用創意字體。


讓人過目不忘的色彩

IOS7的推出讓“扁平化設計”的概念在UI圈子里炸開了鍋,在當前,只要稍微留意一下移動端的應用,你肯定會扁平化設計的界面已經越來越多了,微信、微博、網易新聞、facebook、flickr等等。大家都在用扁平化的設計,那如何讓自己的產品擁有較高的識別度呢?除了排版,最重要的當然是色彩的運用。相較傳統網站設計常用的不多于3種的配色,扁平化設計在色彩運用上要自由的多,可達8種。

在扁平化的網頁設計中,仔細斟酌過的多色彩運用可以較大程度上提升產品識別度,也可以讓"扁平“也充滿活力。





下面我們來欣賞幾個扁平化設計運用的較好的網站:

oppo網站設計:



微軟官網設計



騰訊企業郵箱官方網站設計





更多網站建設相關知識交流可聯系廣州新際(www.zhongboclub.com)(專注于廣州網站建設,廣州網站設計,廣州網頁設計,網絡品牌策略建議)。

聯系我們
  1. 咨詢電話 咨詢電話

    業務咨詢:

    18665606093

    服務監督:

    郭經理 18620727292
  2. 聯絡郵箱 聯絡郵箱

    業務郵箱

    service@2000new.com

    招聘郵箱

    hr@2000new.com
  3. 新際網絡公司總部地址 總部中心
    廣州市番禺區漢溪大道東388號四海城商業中心4棟7樓
  4. 新際網絡 微信客服 微信溝通
    售前顧問

    掃一掃加售前顧問

返回頂部

電話咨詢

在線咨詢

留言預約

*新際020中心將盡快與您聯系