亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看

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

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 中,瑞典風格是這樣被描述的:“……這種風格強調簡約,可讀性和客觀性。這兩所設計院校為這種風格貢獻了許多東西,包括非襯線字體,柵格和不對稱式的布局。這種設計風格還強調使用排版和攝影來作為主要的視覺傳播手段,所以,瑞士風格下最有影響力的作品通常都是以海報的形式呈現出來的,他們認為這是最有效的溝通手段?!?/span>

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

扁平化設計的優勢

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

·可讀性和易讀性
·通過形狀、色彩和字體來呈現清晰的視覺層次
·有效的支持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.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

 

日歷

鏈接

個人資料

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

存檔

亚洲av午夜福利精品一区人妖,亚洲乱码日产精品a级毛片久久,91精品视频观看,青草青草久热精品视频在线观看
<strike id="cy2gs"><menu id="cy2gs"></menu></strike>
  • <del id="cy2gs"><dfn id="cy2gs"></dfn></del>
  • 一区二区三区视频在线看| 久久免费黄色| 亚洲国产日韩欧美在线图片| 国产真实久久| 国产欧美日韩不卡免费| 国产精品日韩欧美综合| 国产精品一区毛片| 国产精品福利网| 国产精品日韩一区| 国产精品视频九色porn| 国产精品一二一区| 国产欧美视频一区二区三区| 国产亚洲精品激情久久| 国内久久视频| 1204国产成人精品视频| 亚洲国产精品久久久久秋霞影院 | 国产真实精品久久二三区| 国产精品视频免费观看| 国产麻豆综合| 狠狠色丁香久久婷婷综合_中| 在线成人国产| 99国产一区二区三精品乱码| 亚洲国产日韩欧美在线图片| 欧美激情视频一区二区三区在线播放 | 亚洲国产高清一区二区三区| 亚洲激情在线激情| 亚洲精品孕妇| 亚洲女人天堂av| 久久精品国产成人| 男女精品视频| 欧美日韩蜜桃| 国产欧美日韩综合一区在线播放| 精品动漫3d一区二区三区免费版| 亚洲精品免费看| 亚洲男人的天堂在线观看| 久久精品免费看| 欧美国产视频一区二区| 国产精品久久91| 国产一区二区在线免费观看| 亚洲高清不卡在线| 亚洲午夜女主播在线直播| 久久久精彩视频| 欧美日韩一区二区三区视频| 国产欧美一区二区在线观看| 亚洲激情一区二区三区| 亚洲欧美视频在线观看| 免费一级欧美片在线播放| 欧美午夜无遮挡| 永久久久久久| 亚洲男人天堂2024| 欧美激情按摩| 国产日韩欧美精品综合| 亚洲精品美女免费| 欧美在线黄色| 欧美日韩美女在线| 狠狠狠色丁香婷婷综合久久五月| 日韩一级在线| 老司机67194精品线观看| 国产精品视频一区二区三区 | 一本久久精品一区二区| 亚洲欧美中文日韩在线| 欧美成人xxx| 国产亚洲毛片| 亚洲线精品一区二区三区八戒| 老巨人导航500精品| 国产精品视频免费| 亚洲理论在线| 久久综合给合久久狠狠色 | 国产综合亚洲精品一区二| 99精品视频免费全部在线| 久久久久欧美精品| 国产精品美女久久久免费| 亚洲国产天堂网精品网站| 欧美一区在线直播| 欧美揉bbbbb揉bbbbb| 亚洲国产精品电影在线观看| 欧美在线播放一区二区| 欧美视频在线一区二区三区| 亚洲国产婷婷香蕉久久久久久99| 欧美在线影院在线视频| 欧美视频一区| 日韩视频一区| 裸体女人亚洲精品一区| 国产日韩欧美一区| 亚洲综合好骚| 欧美久久影院| 亚洲国产一区二区三区a毛片| 久久av最新网址| 国产精品一区二区久久久| 99这里有精品| 欧美高清视频在线播放| 伊人夜夜躁av伊人久久| 欧美在线一级视频| 国产欧美二区| 亚洲欧美一区二区原创| 国产精品video| 亚洲精品在线二区| 免费欧美网站| 亚洲第一中文字幕| 久久一二三四| 在线看片一区| 久久一区二区视频| 影音先锋日韩精品| 久久中文字幕一区| 在线免费观看日本一区| 久久久久看片| 国产欧美三级| 久久激情综合网| 国产综合色在线视频区| 欧美在线三级| 国产一区二区三区在线观看免费视频| 香港久久久电影| 国产精品综合久久久| 欧美一区二区日韩| 国产精品一区免费视频| 这里只有精品电影| 国产精品久久久久高潮| 亚洲综合国产| 国产欧美日韩在线播放| 久久激情一区| 亚洲成色777777女色窝| 蜜桃av一区| 亚洲精品日产精品乱码不卡| 欧美精选午夜久久久乱码6080| 亚洲精品一区在线观看| 欧美日本精品| 亚洲午夜久久久久久久久电影网| 国产精品男gay被猛男狂揉视频| 午夜久久资源| 国内精品久久久久久| 久久一区国产| 日韩视频免费看| 国产精品人人做人人爽| 欧美影院精品一区| 永久域名在线精品| 欧美日韩ab| 亚洲女性喷水在线观看一区| 国产伦精品一区二区三区照片91| 久久国内精品视频| 伊人婷婷欧美激情| 欧美久久电影| 亚洲欧美在线播放| 激情文学一区| 欧美人与性动交cc0o| 亚洲欧美激情视频在线观看一区二区三区| 国产乱码精品一区二区三区不卡 | 麻豆精品视频在线观看视频| 91久久精品www人人做人人爽| 欧美成人一区在线| av成人国产| 国产视频欧美| 欧美+亚洲+精品+三区| 亚洲狼人精品一区二区三区| 国产精品久久久久一区二区三区共| 性欧美超级视频| 亚洲福利在线观看| 欧美亚韩一区| 久久久久国色av免费观看性色| 亚洲电影在线| 国产精品白丝jk黑袜喷水| 久久久久99| 日韩视频免费| 国产伦精品一区二区三区高清版 | 欧美日本免费| 欧美一级日韩一级| 亚洲人成网站影音先锋播放| 国产精品福利网| 久久综合网hezyo| 中文亚洲视频在线| 激情亚洲网站| 国产精品chinese| 久久夜色精品| 亚洲一区二区免费| 亚洲福利视频网| 国产精品视频男人的天堂| 欧美多人爱爱视频网站| 亚洲欧美日韩综合| 亚洲三级视频在线观看| 国产欧美精品久久| 欧美精品久久99久久在免费线| 小嫩嫩精品导航| 亚洲欧洲精品天堂一级| 国产性做久久久久久| 欧美日韩国产色站一区二区三区 | 嫩草伊人久久精品少妇av杨幂| 一区二区欧美亚洲| 在线看国产日韩| 国产欧美欧洲在线观看| 久久爱91午夜羞羞| 亚洲一区二区精品视频| 亚洲区国产区| 好看不卡的中文字幕| 国产精品三级视频| 欧美刺激午夜性久久久久久久| 欧美一级大片在线免费观看| 一本久道久久久| 亚洲欧洲一区二区天堂久久| 国内久久精品视频| 国产精品影视天天线| 欧美视频一区二区三区四区|