嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

時至今日,我們再來審視一下扁平化設計

2017-1-13    高勁

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

編者按:又是一篇關于扁平化設計的文章,與優設之前的諸多文章不同,今天的文章帶有階段性的總結的性質,文章源自著名設計工作室 Tubik Studio,多圖預警~

著名的藝術家 Edgar Degas 曾經說過,藝術并不是你所看到的東西,而是你讓別人看到所看到的東西。平面設計能夠通過調整形狀、陰影、字體的筆觸、字母間距來調整觀看者的情緒和感受,在這一點上,它和藝術是共通的。作為目前設計的大趨勢,扁平化設計,無疑也具備著同樣的特征。

扁平化設計

現如今的扁平化設計并不是單純的一種風格,而是涵蓋了諸多常見風格、具備多種不同目標或任務的一個設計集合體。目前扁平化設計被廣泛應用于數字設計領域,并且常常通簡約或者極簡的視覺表達方式結合起來運用,由于移動端設計風格的演變歷程的原因,扁平化設計常常被視作為擬物化設計的對立面。扁平化設計在過去的幾年當中經歷了積極而快速的發展,目前正“入侵”著越來越多的平面設計領域。今天的扁平化設計已經成了網頁和UI設計中的主流設計方向,甚至可以說是我們日常生活中不可或缺的部分,并且開始影響我們生活中的日常決策,并且具備解決各種問題的潛力。

1-th1HdrN-I_dyrI_RxbKGFg

Toonie Alarm

扁平化設計的起源

扁平化設計的發展歷程當然是有跡可循的,它的根源通常被追溯到名為“瑞士風格”的一種裝飾設計風格上。20世紀初的瑞士現代主義運動催生了這種設計風格,隨著二戰結束,這種設計風格開始在歐洲流傳開來,贏得了更多的擁簇。這次設計風格的革命是由蘇黎世藝術與工藝學院的Josef Müller-Brockmann 和 巴塞爾設計學院的 Armin Hofmann 所領導的。在Design is History 中,瑞典風格是這樣被描述的:“……這種風格強調簡約,可讀性和客觀性。這兩所設計院校為這種風格貢獻了許多東西,包括非襯線字體,柵格和不對稱式的布局。這種設計風格還強調使用排版和攝影來作為主要的視覺傳播手段,所以,瑞士風格下最有影響力的作品通常都是以海報的形式呈現出來的,他們認為這是最有效的溝通手段。”

0-VfMfs2vGnxvpf2nq

Josep Müller-Brockmann, Auto Club of Switzerland Poster, 1955

1-xSw5QtYxsxCQGW72flUPXA

Joseph Müller-Brockmann, Zürich Town Hall Poster, 1955

0-TYoDTFBMjwrh9qOM

Armin Hoffman, 1959 poster for the ballet Giselle

這些海報已經清晰的展現出,這種風格的粉絲是有多么熱愛簡約的設計,線條方正、高可讀性的字體,以及多樣的幾何圖形和層次分明的視覺結構。瑞士風格,包括后來的包豪斯,隨后迅速在世界范圍內得到了越來越廣泛的歡迎,并且在21世紀初獲得了新生。這就是今天所說的扁平化設計。

雖然這種風格最初呈現的方式大多是海報、郵票、明信片、書籍裝禎設計,但是它的出現,確實大大擴展了數字設計領域的視野,特別是在UI設計的領域。

扁平化和極簡主義設計讓網頁和移動端應用擁有了可用性更強的設計解決方案,這樣的設計更加卓有成效。扁平化設計和之前所流行的細節豐富的擬物化設計不同,它對交互和功能的支持更加優秀,讓設計擁有了更多的可能性。

最初走出扁平化設計這一步的是微軟,在08年的時候,微軟便開始從瑞士風格、現代主義和包豪斯中汲取靈感,隨后在2010年推出了Windows Phone 7,它就是典型的扁平化設計。這個版本的操作系統中采用了大量的簡單的形狀,清晰的排版,明亮而對比明顯的色彩,復雜的細節和紋理都被移除了。三年之后所發布的iOS 7 中友好而直觀的UI設計和微軟雖然不盡相同,但是在設計理念上兩個系統互為印證,成為了扁平化設計在數字設計領域應用的明證。雖然此后的Material Design中陰影的運用,一定程度上偏離了扁平化設計的思想,但是總體上,它依然是扁平化設計思想的繼承者和發展者。

設計史有意思:

  1. 《傳奇再現!設計師不得不讀的APPLE WATCH 秘史》
  2. 《技術與人性的碰撞!給設計師的用戶體驗設計發展簡史》
  3. 《不忘初心!帶你一步步回顧交互設計史》
1-itTTnLfQEtyWHBZMwO93aQ

GIF for the Weather App

扁平化設計最基本、最突出的特征包括:

·簡單的元素和形狀
·極簡風
·強功能性
·大膽而易讀的排版
·清晰而嚴謹的視覺層次
·關注細節
·明亮的色彩和對比度明顯的視覺感知
·避免使用紋理、漸變和復雜的樣式
·采用柵格、幾何特征以及視覺平衡的原則

1-l2AHcRcm2Knky-IpD0hP4g (2)

Restaurant Menu animation

扁平化設計的優勢

扁平化設計的優勢有很多,這也是它在數字設計領域流行的主要原因。現如今,扁平化設計也開始逐步影響現代排版印刷設計了。那么扁平化設計的優勢在那里呢?

·可讀性和易讀性
·通過形狀、色彩和字體來呈現清晰的視覺層次
·有效的支持web和移動端的導航設計
·自適應性,適合響應式設計
·在各種屏幕上都具備良好的可讀性
·對于開發更加友好,降低在設備上的負載

除了上面所說的一切,扁平化設計還為創意設計提供了廣闊的空間。

0-gI-R4SX5WpwvJzRY

設計實戰:扁平化設計的應用

扁平化設計的多樣性和靈活性使得它在設計領域占據的比重越來越高。接下來,我們通過Tubik Studio 的設計師的設計作品來梳理一下它的功用:

UX線框圖

即使是在最初的線框圖繪制階段,扁平化設計的設計規原則和邏輯轉換同樣是適用的。線框圖設計本是UI和UX設計的最初也是最關鍵的部分之一,它將APP和網頁的基本執行方案框架呈現在團隊和客戶面前,它本身就具備一定的視覺化設計的特征。線框圖快速有效地將核心和基本的元素整合到一個簡約直觀的框架中來。

0-KlUOLeU82ZkyB7mG

UI界面設計

現在的UI界面設計中大量充斥這扁平化設計,你可以在其中看到各式各樣的扁平化設計元素的運用。

UI交互概念設計

扁平化在UI設計中的應用范疇非常廣,尤其是在移動端的UI設計上。

1-20r9FDbEJMLvs0dF6glW1Q

Pull To Refresh

1-TQfxaYZNP1FgHQ3tLGh8Ug

Portrait vs Landscape interaction

1-pZ8ddY3rFUoVBuTWAhRPTg (1)

GIF for Pull Down

1-fhOnp5s9mPmbU_qAlGk0fw (1)

Tab bar interactions

UI導航元素

扁平化設計的另外一個重要應用就是圖標和導航元素的使用。簡約和視覺化的特征讓它們在UI設計中更加靈活,在小尺寸下具有良好的可讀性,設計師可以使用鮮艷的色彩創造不同的視覺效果。

0-GctFXH8npjYthHRf

The set of flat icons

0-D_qoUIsRfUb281DU

Flat icons applied in Veggie App

0-2NHk82_aW85QERUD

Flat icons and tabs design for Blog App

0-6CNKyAaeC3_aIUG-

Flat icons applied in Saily App

0-xfRSfuaw1lroV6XQ

Flat UI design elements for PassFold

UI插畫

越來越多的UI開始采用扁平化的風格的插畫,它們具有明顯的可定制性和針對性,有明確的業務目標和視角,可以更為地解決用戶的痛點。

1--I72lnUsswOU-8iRcSAf1A (1)

Cafe Coupon App

0-cv8NY-azLOYHaoBM

Weather App

0-VK9GnjD3tdDPQu6N

Moneywise App

0-OGBARUZAWQaPS6zL

Illustration for SwiftyBeaver

1-xZ4Awh1bAlRBGzHRC6646Q (1)

Timeline App

1-fLH2tnvH_rCOpANlTJb8Vw

Healthy Stickers

主題插畫

這些主題性非常強的扁平化插畫滿足了用戶在美學上的需求,同時具有點題的功能。

0-4akhxhCPxgruOjoZ

Free Colorful Wallpapers

0-IDWKAvDe7kz_hBlQ

Free Space Wallpapers

1-0OeNc0ANaN4ocvpzDrjimQ

Star Wars Rogue One

0-1p8O7Guo-LFcBs_J

Underwater Explorer

0-H8s5z5Hnq5-nJQ5S

Halloween Haunted Castle

0-jZFiODuRya3q9Sax

Rio 2016

0-RJyKdaA6xSgXi_lG

Californication Bus

1-PUvzYHFJBmYc-VbQ8_lfIg

San Francisco Painted Ladies

插畫印刷品

現代扁平化設計已經開始入侵平面設計領域,在日常的插畫印刷品中也有很多采用這一風格。

0-jy0GfXGPgSwoMj-m

Tales of the Jazz Age Book Cover

0-U3uMmvvKa6QpQnnC

Pikachu Poster

0-ugj0rrn1CG9qvbYS

Muscles Magazine

0-6fYwI1VIPpJTmOAj

Suicide Squad Poster

0-cPoD7KCqTPxEkalS

Spring Girl greeting card

品牌設計

扁平化的設計所提供的時尚外觀不僅具備靈活的特性,而且更容易得到數字化的支持,應用在不同的渠道,因此許多品牌也采取了扁平化設計。

0-9lgbRWwujx8ATX--

Logo mascot for Saily App

0-eXHSlwi_eJxDAViF

Logo lettermark for PassFold

0-CSzyosDw44y09tQP

Logo design for Andre

0-AKR03fHJfO7dcLzv

Logo for Design4Users

0-v84_-NqsTaep86gB

Logo lettering and mascot for Toonie Alarm

結語

所有的這些案例證明了扁平化設計的優勢,但是如同現代主義設計和包豪斯一樣,扁平化設計有它本身的缺陷和無法克服的問題,不要過度迷信。然而,扁平化設計開啟了新的視角,尤其是在以用戶為中心的UX設計中,它確實有著獨特的優勢。

藍藍設計m.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

 

日歷

鏈接

個人資料

藍藍設計的小編 http://m.sdgs6788.com

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 欧美激情一区二区三区蜜桃视频 | 国产日韩欧美成人| 久久国内精品视频| 亚洲一区在线播放| 亚洲黄色成人久久久| 国产一区二区在线观看免费播放| 欧美片在线观看| 欧美福利视频| 欧美精品在线一区二区| 国内精品免费午夜毛片| 国产亚洲a∨片在线观看| 亚洲蜜桃精久久久久久久| 亚洲伦理在线免费看| 久久综合一区| 久久久久久一区| 麻豆国产精品一区二区三区 | 欧美成人国产一区二区| 欧美暴力喷水在线| 久久精品国产精品亚洲| 国产欧美在线观看一区| 国产自产女人91一区在线观看| 午夜国产精品视频免费体验区| 一区二区三区四区五区精品视频| 一本到高清视频免费精品| 欧美亚洲日本网站| 欧美成人一区二区三区在线观看 | 欧美激情一区二区三区不卡| 欧美在线日韩| 欧美人与性动交α欧美精品济南到| 亚洲第一成人在线| 99国产精品久久久久久久久久 | 亚洲视频精品| 一区二区日韩免费看| 在线视频日韩| 国产精品美女一区二区在线观看| 国产主播精品在线| 久久资源在线| 亚洲欧美日韩久久精品| 久久久一本精品99久久精品66| 欧美激情精品久久久久久久变态 | 久久精品91久久久久久再现| 国产午夜亚洲精品不卡| 噜噜噜躁狠狠躁狠狠精品视频 | 国产精品丝袜白浆摸在线| 国产日韩欧美一区在线 | 午夜亚洲影视| 久久国产欧美日韩精品| 亚洲精品少妇| 久久久精品一区二区三区| 亚洲精品之草原avav久久| 欧美一级在线播放| 欧美日本成人| 午夜精品久久久久久久男人的天堂| 亚洲欧美一区二区三区在线| 激情亚洲网站| 欧美在线视频不卡| 一本久道久久久| 欧美成人资源| 亚洲国产精品小视频| 亚洲欧美一区二区三区久久| 欧美一级淫片播放口| 亚洲精品久久| 猛干欧美女孩| 一区二区三区四区五区精品视频| 国产精品久久久久久久久果冻传媒 | 国产精品成av人在线视午夜片| 亚洲激情av| 欧美激情1区2区3区| 欧美三级电影网| 亚洲一区二区三区在线播放| 欧美激情一区二区三区高清视频| 亚洲影视在线| 久久精品91| 一本综合久久| 久久久久久亚洲综合影院红桃| 一区二区三区三区在线| 久久久久久久久久久久久9999| 中文精品99久久国产香蕉| aa级大片欧美三级| 亚洲大黄网站| 欧美一区二区三区免费在线看| 亚洲最新在线视频| 久热爱精品视频线路一| 国产日韩1区| 这里只有精品视频| 亚洲视频自拍偷拍| 欧美二区在线| 亚洲国产精品热久久| 一区二区三区在线视频观看| 正在播放亚洲一区| 亚洲性视频网站| 欧美日韩精品免费观看视频| 亚洲午夜高清视频| 欧美激情一区二区三区成人 | 亚洲在线免费观看| 欧美日本一区| 99在线|亚洲一区二区| 亚洲最黄网站| 欧美日韩黄色一区二区| 亚洲精品中文字幕在线| 夜夜狂射影院欧美极品| 欧美激情一区二区三区高清视频| 亚洲福利久久| 欧美午夜女人视频在线| 日韩网站在线看片你懂的| 欧美日韩一区三区| 欧美在线free| 欧美精品久久久久久| 亚洲国产福利在线| 99天天综合性| 国产精品久久久久aaaa| 亚洲先锋成人| 亚洲精品日本| 欧美视频中文字幕| 亚洲欧美在线观看| 久久综合网络一区二区| 最近看过的日韩成人| 亚洲男女自偷自拍| 亚洲精品影院在线观看| 亚洲精品久久久久久久久久久久久 | 在线视频你懂得一区二区三区| 亚洲免费在线观看| 欧美黄色小视频| 日韩视频一区二区三区在线播放免费观看 | 欧美精品福利| 亚洲精选在线| 久久国产婷婷国产香蕉| 欧美激情女人20p| 99re66热这里只有精品4| 欧美一级淫片播放口| 黄色综合网站| 欧美日韩国产一区精品一区 | 欧美精品一区在线发布| 一区二区精品在线观看| 久久乐国产精品| 亚洲美女淫视频| 国内一区二区三区在线视频| 亚洲一级免费视频| 美女999久久久精品视频| 一区二区三区欧美激情| 国产亚洲精品美女| 欧美日韩第一区| 久久精品国产一区二区三区| 午夜一区二区三区不卡视频| 精品成人国产| 欧美午夜电影在线| 欧美超级免费视 在线| 一区二区三区产品免费精品久久75 | 亚洲激情视频| 91久久线看在观草草青青| 欧美日韩日日夜夜| 久久久久久久久久看片| 亚洲午夜视频在线| 亚洲国产经典视频| 久久免费视频在线| 亚洲综合国产精品| 日韩亚洲国产欧美| 亚洲国产日日夜夜| 国产丝袜一区二区三区| 欧美日韩精品高清| 欧美成人午夜影院| 久久久久免费观看| 小黄鸭精品aⅴ导航网站入口 | 亚洲国产欧美一区| 老巨人导航500精品| 新狼窝色av性久久久久久| 一区二区三区视频在线| 亚洲精品视频中文字幕| 在线国产精品一区| 狠狠入ady亚洲精品经典电影| 国产精品乱码| 欧美视频在线播放| 欧美人成在线| 欧美日韩国产黄| 欧美搞黄网站| 欧美另类专区| 亚洲激情图片小说视频| 欧美成人综合网站| 老司机成人网| 美女精品视频一区| 欧美成年人网站| 亚洲国产成人高清精品| 欧美成熟视频| 亚洲大胆人体在线| 最近中文字幕mv在线一区二区三区四区 | 亚洲国产91| 亚洲国产精品久久人人爱蜜臀| 亚洲电影天堂av| 亚洲人成7777| 亚洲视屏一区| 欧美一区二区三区免费在线看| 校园激情久久| 久久久在线视频| 欧美大色视频| 最新成人av网站| 夜夜嗨av色综合久久久综合网| 亚洲婷婷综合久久一本伊一区| 亚洲一级在线观看| 久久精品99国产精品| 麻豆精品视频在线观看|