亚洲日本熟女中文字幕-午夜直播在线福利视频-av网站在线播放网站-韩国激情视频免费在线观看-大鸡巴插入小姨妹B视频-夜夜一区二区三区蜜臀-青青草毛片在线视频免费看-最新日韩精品视频免费在线观看-亚洲成人午夜精品电影

18665606093

快捷導航

# 業(yè)務咨詢
電 話:18665606093

張經(jīng)理 / 18665606093

Email / service@2000new.com

Wechat

掃一掃添加顧問

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

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

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


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

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


著力排版設計與字體應用

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

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


讓人過目不忘的色彩

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

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





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

oppo網(wǎng)站設計:



微軟官網(wǎng)設計



騰訊企業(yè)郵箱官方網(wǎng)站設計





更多網(wǎng)站建設相關知識交流可聯(lián)系廣州新際(www.gold0559.cn)(專注于廣州網(wǎng)站建設,廣州網(wǎng)站設計,廣州網(wǎng)頁設計,網(wǎng)絡品牌策略建議)。

聯(lián)系我們
  1. 咨詢電話 咨詢電話

    業(yè)務咨詢:

    18665606093

    服務監(jiān)督:

    郭經(jīng)理 18620727292
  2. 聯(lián)絡郵箱 聯(lián)絡郵箱

    業(yè)務郵箱

    service@2000new.com

    招聘郵箱

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

    掃一掃加售前顧問

返回頂部

電話咨詢

在線咨詢

留言預約

*新際020中心將盡快與您聯(lián)系