很多時(shí)候,只要我們一提及或者在你的網(wǎng)頁設(shè)計(jì)中一使用扁平化風(fēng)格的設(shè)計(jì),每個人都會轉(zhuǎn)而談?wù)摫馄交O(shè)計(jì)的“2.0時(shí)代”。如果你從未接受挑戰(zhàn),設(shè)計(jì)一個扁平化風(fēng)格的項(xiàng)目,現(xiàn)在是時(shí)候了。
扁平化2.0更易于在你的設(shè)計(jì)中使用,因?yàn)樗Y(jié)合了最好的平面設(shè)計(jì)和額外的用戶界面提示,以幫助你創(chuàng)建符合審美和具有強(qiáng)大功能的網(wǎng)站設(shè)計(jì)。它的優(yōu)點(diǎn)還包括它具有高度的適應(yīng)性,幾乎可以在任何設(shè)計(jì)概念中使用。與一些單純的扁平網(wǎng)站設(shè)計(jì)不同,扁平化2.0結(jié)合了平面的元素,通過添加一些微妙的元素,以提高用戶的友好性。讓我們來看幾個例子!
1.用戶需要更多
扁平化2.0可以提供一些在細(xì)節(jié)上能夠起到微妙作用的元素,并且這并不是“超綱”的技術(shù),陰影,漸變,分層等,不是平扁平設(shè)計(jì)的一部分。結(jié)合所有其他諸如在平面或網(wǎng)頁設(shè)計(jì)等眾多領(lǐng)域中使用的扁平設(shè)計(jì)元素的微妙特征,我們總稱為扁平 2.0(只是其他風(fēng)格的演變)。
該術(shù)語是由設(shè)計(jì)師ryan allen于2014年底首次使用的:“扁平化 2.0是一個演變而不是革命。趨于平和的設(shè)計(jì)是與過去“猖獗”的自由主義相抵觸和對立的,舉個例子,扁平化 2.0就像是一顆樹上的一個分支。 或者說扁平設(shè)計(jì)是圣誕樹,而扁平化 2.0是裝飾品和糖果手杖和禮物,這里沒有沒有金屬絲以及那些亂七八糟的東西。”
扁平化 2.0允許設(shè)計(jì)師在本質(zhì)上打破與那些對于扁平設(shè)計(jì)相關(guān)的硬規(guī)則:
· 強(qiáng)調(diào);
· 梯度;
· 多個色調(diào)和顏色值;
· 陰影;
· 任何調(diào)色板(不只是那些超級亮的顏色)。
另一個重大變化是,扁平化2.0在
網(wǎng)站設(shè)計(jì)中并不再是存在于一個ui元素或圖標(biāo)的世界中。圖片和視頻可以是扁平化2.0界面的一大部分(許多早期的純粹扁平化設(shè)計(jì)主義者認(rèn)為這些視覺元素是需要從純粹的審美意圖中脫離出來的)。
扁平化2.0及以后的迭代,變革是設(shè)計(jì)界的新話題,最引人注目的是由google及其扁平化2.0美學(xué)縮共同創(chuàng)造的采用材料設(shè)計(jì)界面的新興普及。外觀顯然是扁平化的,但是具有層次化作為關(guān)鍵視覺組件以及使用陰影的元素的演變。
2.設(shè)計(jì)師就是“愛”扁平
承認(rèn)吧,扁平化的設(shè)計(jì)風(fēng)格是幾年前甚至目前設(shè)計(jì)師們所津津樂道的一種設(shè)計(jì)風(fēng)格。不管你是喜歡它或討厭它,扁平設(shè)計(jì)依然吸引了很多的話題和關(guān)注。
在一些復(fù)雜的或簡單的網(wǎng)頁設(shè)計(jì)中,通過使用具有流線型美學(xué)的設(shè)計(jì)風(fēng)格,沒有添加諸如壓花或陰影或其他三維風(fēng)格效果的元素。扁平設(shè)計(jì)沒有那些為了表示可點(diǎn)擊元素而具備的空洞或凹陷感。蘋果的ios 7之所以最受歡迎,就是用戶習(xí)慣了它的skeuomorphism風(fēng)格,具有戲劇性轉(zhuǎn)折。
盡管簡單,但它的能夠工作,而且設(shè)計(jì)師喜歡它(扁平化是很有趣的設(shè)計(jì))。明亮的顏色,簡單的字體,專注于絕對的簡約主義,扁平化為優(yōu)秀的設(shè)計(jì)項(xiàng)目做出了貢獻(xiàn)。
盡管有諸多好處,扁平還是存在一個或大或小的問題——對于所有用戶來說,不夠直觀。對于這一點(diǎn),目前仍有爭議,如此簡約的風(fēng)格,以至于用戶在第一眼可能完全不明白自己應(yīng)該做什么以及接口應(yīng)該如何工作。
好了,讓我們進(jìn)入扁平“2.0時(shí)代”
3.扁平化2.0能夠解決一些問題
根據(jù)許多經(jīng)驗(yàn)和總結(jié),扁平化設(shè)計(jì)是存在一些問題的。研究用戶體驗(yàn)的尼爾森諾曼集團(tuán)(nyelsen norman group)特別不熱衷于扁平化的設(shè)計(jì)。其中一些問題包括:
· 缺乏傳統(tǒng)(和重要的)指示符,如漸變,陰影,并不能強(qiáng)調(diào)以及幫助用戶理解和如何處理;
· 沒有熟悉的可用性模式,例如使用藍(lán)色帶下劃線的文本鏈接樣式;
· 變更了上下文按鈕和操作,例如號召行動的位置以及為了減少字?jǐn)?shù)使用而缺少可操作的文本內(nèi)容。
剛好,扁平化2.0解決了許多類似的這些問題,并為設(shè)計(jì)人員提供了更多的靈活性來設(shè)計(jì)具有可用性和可讀性的網(wǎng)頁設(shè)計(jì)。那是純粹的扁平化設(shè)計(jì)中缺少的東西。雖然在外觀上富有創(chuàng)意以及足夠酷,對于設(shè)計(jì)師來說它是時(shí)尚的,但在用戶看來并不總是如此
4.扁平化2.0的特點(diǎn)
扁平化2.0是簡約主義與skeuomorphism之間看似好的“聯(lián)合”。這是一種高度可用的風(fēng)格,視覺上令人愉快,而在操作上又能給用戶帶來友好的體驗(yàn)。設(shè)計(jì)師喜歡它,用戶喜歡它,所以它才成為目前流行的網(wǎng)頁設(shè)計(jì)趨勢。
扁平化2.0的很多設(shè)計(jì)技巧很多都是植根于設(shè)計(jì)理論的(如果你想回到基礎(chǔ),做一些有用的事情,理論總是一個很好的起點(diǎn))。
它可以使用特定樣式為流程設(shè)計(jì)創(chuàng)建層次結(jié)構(gòu)。并且他的顏色組合也是獨(dú)特的,可以通過它有目的地構(gòu)造整體的網(wǎng)站設(shè)計(jì),重點(diǎn)在于組織,間距和元素的清晰度。設(shè)計(jì)中的每個元素都應(yīng)該是簡單的,但是要容易理解。
最后一點(diǎn)是扁平化2.0最成功的地方。如果設(shè)計(jì)師喜歡,完全可以將他們的網(wǎng)站設(shè)計(jì)偏向于skeuomphphism的邊緣。扁平化2.0是植根于可用性的(這不能說足夠,因?yàn)樗鞘咕W(wǎng)頁設(shè)計(jì)工作的本質(zhì))。
添加所有這些想法,這種風(fēng)格是高度靈活和可自定義的。它適用于響應(yīng)和自適應(yīng)框架。每個設(shè)計(jì)師都可以混合搭配樣式和概念,創(chuàng)造出完全不一樣的東西(你會很難找到比這更有吸引力的東西)。
總結(jié)
扁平化2.0在這種基于最純粹的極簡主義形式的設(shè)計(jì)風(fēng)格的演變中又向前邁進(jìn)了一步。關(guān)于扁平化2.0(和扁平化設(shè)計(jì))一般都很容易就吸引人,因?yàn)樗軌驇碛腥さ囊蛩亍?br />從明亮的顏色到可以輕易閱讀的排版,更平和的用戶界面元素讓用戶看到設(shè)計(jì)的最主要的部分。扁平的按鈕風(fēng)格和簡單的主體文本內(nèi)容樣式給圖像和呼吁行動提供了更多的空間。這就是扁平化2.0如此重要的原因。
文章題目:網(wǎng)站頁面設(shè)計(jì)進(jìn)入扁平化2.0時(shí)代
URL分享:http://muchs.cn/news44/106294.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、App開發(fā)、品牌網(wǎng)站設(shè)計(jì)、商城網(wǎng)站、定制開發(fā)、域名注冊
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)