網(wǎng)站頁(yè)面設(shè)計(jì)進(jìn)入扁平化2.0時(shí)代

2021-04-02    分類: 網(wǎng)站建設(shè)

很多時(shí)候,只要我們一提及或者在你的網(wǎng)頁(yè)設(shè)計(jì)中一使用扁平化風(fēng)格的設(shè)計(jì),每個(gè)人都會(huì)轉(zhuǎn)而談?wù)摫馄交O(shè)計(jì)的“2.0時(shí)代”。如果你從未接受挑戰(zhàn),設(shè)計(jì)一個(gè)扁平化風(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é)合了平面的元素,通過(guò)添加一些微妙的元素,以提高用戶的友好性。讓我們來(lái)看幾個(gè)例子!


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

文章名稱:網(wǎng)站頁(yè)面設(shè)計(jì)進(jìn)入扁平化2.0時(shí)代
網(wǎng)站鏈接:http://www.bm7419.com/news/106294.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、面包屑導(dǎo)航網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司品牌網(wǎng)站設(shè)計(jì)、微信小程序

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名