国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线

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

2017-1-13    高勁

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

編者按:又是一篇關(guān)于扁平化設(shè)計的文章,與優(yōu)設(shè)之前的諸多文章不同,今天的文章帶有階段性的總結(jié)的性質(zhì),文章源自著名設(shè)計工作室 Tubik Studio,多圖預警~

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

扁平化設(shè)計

現(xiàn)如今的扁平化設(shè)計并不是單純的一種風格,而是涵蓋了諸多常見風格、具備多種不同目標或任務的一個設(shè)計集合體。目前扁平化設(shè)計被廣泛應用于數(shù)字設(shè)計領(lǐng)域,并且常常通簡約或者極簡的視覺表達方式結(jié)合起來運用,由于移動端設(shè)計風格的演變歷程的原因,扁平化設(shè)計常常被視作為擬物化設(shè)計的對立面。扁平化設(shè)計在過去的幾年當中經(jīng)歷了積極而快速的發(fā)展,目前正“入侵”著越來越多的平面設(shè)計領(lǐng)域。今天的扁平化設(shè)計已經(jīng)成了網(wǎng)頁和UI設(shè)計中的主流設(shè)計方向,甚至可以說是我們?nèi)粘I钪胁豢苫蛉钡牟糠郑⑶议_始影響我們生活中的日常決策,并且具備解決各種問題的潛力。

1-th1HdrN-I_dyrI_RxbKGFg

Toonie Alarm

扁平化設(shè)計的起源

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

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

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

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

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

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

設(shè)計史有意思:

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

GIF for the Weather App

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

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

1-l2AHcRcm2Knky-IpD0hP4g (2)

Restaurant Menu animation

扁平化設(shè)計的優(yōu)勢

扁平化設(shè)計的優(yōu)勢有很多,這也是它在數(shù)字設(shè)計領(lǐng)域流行的主要原因。現(xiàn)如今,扁平化設(shè)計也開始逐步影響現(xiàn)代排版印刷設(shè)計了。那么扁平化設(shè)計的優(yōu)勢在那里呢?

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

除了上面所說的一切,扁平化設(shè)計還為創(chuàng)意設(shè)計提供了廣闊的空間。

0-gI-R4SX5WpwvJzRY

設(shè)計實戰(zhàn):扁平化設(shè)計的應用

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

UX線框圖

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

0-KlUOLeU82ZkyB7mG

UI界面設(shè)計

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

UI交互概念設(shè)計

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

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導航元素

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

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開始采用扁平化的風格的插畫,它們具有明顯的可定制性和針對性,有明確的業(yè)務目標和視角,可以更為地解決用戶的痛點。

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

插畫印刷品

現(xiàn)代扁平化設(shè)計已經(jīng)開始入侵平面設(shè)計領(lǐng)域,在日常的插畫印刷品中也有很多采用這一風格。

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

品牌設(shè)計

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

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

結(jié)語

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

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

 

日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.wowo44.com

存檔

国产性猛交xx乱_性色国产成人久久久精品_亚洲成年人av_亚洲av片不卡无码久久_日本精品一二三_久久免费精品国产_欧美成人精品一区二区综合免费_无码人妻丰满熟妇区毛片蜜桃精品_四虎永久免费影院_国产一区二区三区四区在线
欧美日韩高清一区二区| 国产精品久久免费看| 午夜精品视频一区| 91免费小视频| 色综合色综合色综合| 欧美激情一区二区三区在线| 久久97超碰色| 国产毛片久久久久久久| 欧美一卡二卡三卡| 亚洲成av人片观看| 逼特逼视频在线观看| 欧美裸体bbwbbwbbw| 亚洲线精品一区二区三区| 日本精品一二三| 在线不卡欧美精品一区二区三区| 一区二区三区精品视频| 9191在线视频| 7777精品伊人久久久大香线蕉 | 国精产品一区一区三区mba视频| 欧美图片一区二区| 精品电影一区二区| 精品一二三四区| 亚洲欧洲综合网| 日韩一级片大全| 成人av综合在线| 精品欧美一区二区久久久久| 亚洲欧美日韩国产综合在线| 免费国偷自产拍精品视频| 欧美日高清视频| 日韩精彩视频在线观看| 在哪里可以看毛片| 亚洲国产精品精华液2区45| 成人av电影在线观看| 欧美三级在线播放| 视频一区二区不卡| av电影网站在线观看| 欧美激情一区二区三区全黄| 99精品桃花视频在线观看| 欧美日韩综合不卡| 日本不卡在线视频| 久草福利资源在线| 一区二区三区国产精华| 久久人人爽人人人人片| 久久精品免视看| 99热99精品| 欧美一区二区三区免费大片 | 精品国产一区二区三区忘忧草 | 日韩欧美精品三级| 国产精品综合一区二区| 在线观看91视频| 欧美aa在线视频| 九九这里只有精品视频| 一区二区三区精品视频在线| 亚洲永久精品ww.7491进入| 国产精品人成在线观看免费| 成人做爰69片免费| 久久综合国产精品| www.亚洲色图| 日韩午夜电影在线观看| 粉嫩av一区二区三区在线播放 | 亚洲午夜久久久久久久久久久| 丰满少妇一区二区三区| 国产精品另类一区| 欧美极品jizzhd欧美仙踪林| 久久久99久久精品欧美| avtt中文字幕| 国产三级精品视频| www.啪啪.com| 国产精品免费丝袜| 亚洲av无码一区二区三区观看| 中文子幕无线码一区tr| 午夜剧场免费看| 国产精品久久久久久久午夜片 | 久久精品久久久精品美女| 成熟的女同志hd| 日韩成人一级大片| 国产乱国产乱老熟300| 日本vs亚洲vs韩国一区三区二区| 国产精品 欧美激情| 日韩av电影免费观看高清完整版 | 欧美日韩第一区日日骚| 国产激情91久久精品导航| 91精品中文字幕一区二区三区| 福利视频网站一区二区三区| 欧美一卡二卡三卡四卡| 91在线精品一区二区三区| 久久夜色精品一区| 国产无套精品一区二区三区| 中文字幕av一区二区三区| 亚洲国产av一区| 亚洲国产日韩一区二区| 天堂网avav| 精品一区二区三区在线播放| 欧美精品一级二级三级| av不卡免费电影| 国产日韩欧美不卡| 欧美成人午夜精品免费| 亚洲国产欧美在线| 色8久久人人97超碰香蕉987| 国产成人在线影院| 精品成a人在线观看| 你懂的在线观看网站| 亚洲男人的天堂av| 午夜国产小视频| 蜜桃av一区二区在线观看| 欧美日本国产一区| 美女被艹视频网站| 国产精品乱子久久久久| 国产黄a三级三级| 精品一区二区免费在线观看| 欧美一区二区三区人| www.美色吧.com| 亚洲欧美日韩国产一区二区三区 | 国产精品免费丝袜| 国产中文字幕久久| 国产中文一区二区三区| 日韩欧美国产综合一区| 日本黄色动态图| 午夜精品123| 欧美伦理影视网| 美国黄色一级视频| 亚洲国产成人tv| 欧美日韩精品欧美日韩精品| 99re成人精品视频| 亚洲美女视频在线| 2018国产精品| 无码精品一区二区三区在线播放| 1024成人网| 欧美亚洲日本在线| av在线综合网| 亚洲欧美日韩在线不卡| 在线免费亚洲电影| 丰满少妇一区二区三区专区 | 欧美熟妇激情一区二区三区| 免播放器亚洲一区| 精品国产免费人成在线观看| 好吊视频在线观看| 狠狠色综合日日| 亚洲国产精品av| 国产探花在线免费观看| 91美女在线观看| 亚洲国产欧美在线人成| 欧美一区二区精品| 老熟妇一区二区| 国产一区欧美二区| 国产精品高潮呻吟| 日本大香伊一区二区三区| 国产又黄又嫩又滑又白| 三级亚洲高清视频| 久久嫩草精品久久久精品一| 国产午夜精品久久久久久久久| 国产91精品久久久久久久网曝门| 中文字幕亚洲区| 欧美体内she精高潮| 亚州av综合色区无码一区| 奇米色一区二区| 国产欧美在线观看一区| 一本色道综合亚洲| 91九色蝌蚪porny| 国内精品写真在线观看| 18欧美乱大交hd1984| 欧美日本在线播放| 久久精品无码一区| 国产91丝袜在线观看| 一区二区国产视频| 精品日韩av一区二区| 污污的视频在线免费观看| 韩国三级hd中文字幕有哪些| 青椒成人免费视频| 国产精品入口麻豆原神| 欧美视频完全免费看| 熟女高潮一区二区三区| 成人app网站| 日韩精品91亚洲二区在线观看| 日本一区二区视频在线观看| 欧美在线free| 懂色av蜜桃av| 91视频在线观看| 麻豆免费看一区二区三区| 中文字幕五月欧美| 91精品一区二区三区久久久久久| 黑人と日本人の交わりビデオ| 韩国三级与黑人| 激情六月婷婷久久| 亚洲激情中文1区| 亚洲精品在线免费播放| 日本电影欧美片| www.av欧美| 91丨porny丨最新| 精品系列免费在线观看| 一区二区三区四区在线| 久久综合九色综合欧美98| 欧美午夜不卡视频| 亚洲欧美综合7777色婷婷| 亚洲天堂2024| www.色综合.com| 精品一区二区三区久久久| 夜夜嗨av一区二区三区中文字幕| 国产午夜精品久久久久久久 | www.欧美亚洲|