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

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

很多時候,只要我們一提及或者在你的網(wǎng)頁設(shè)計中一使用扁平化風(fēng)格的設(shè)計,每個人都會轉(zhuǎn)而談?wù)摫馄交O(shè)計的“2.0時代”。如果你從未接受挑戰(zhàn),設(shè)計一個扁平化風(fēng)格的項目,現(xiàn)在是時候了。

扁平化2.0更易于在你的設(shè)計中使用,因為它結(jié)合了最好的平面設(shè)計和額外的用戶界面提示,以幫助你創(chuàng)建符合審美和具有強大功能的網(wǎng)站設(shè)計。它的優(yōu)點還包括它具有高度的適應(yīng)性,幾乎可以在任何設(shè)計概念中使用。與一些單純的扁平網(wǎng)站設(shè)計不同,扁平化2.0結(jié)合了平面的元素,通過添加一些微妙的元素,以提高用戶的友好性。讓我們來看幾個例子!


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

文章題目:網(wǎng)站頁面設(shè)計進入扁平化2.0時代
URL分享:http://www.bm7419.com/news44/106294.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機、App開發(fā)、品牌網(wǎng)站設(shè)計、商城網(wǎng)站、定制開發(fā)、域名注冊

廣告

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

商城網(wǎng)站建設(shè)