全世界都被拍扁!你應(yīng)如何理性對待扁平化設(shè)計

2022-06-18    分類: 網(wǎng)站建設(shè)

  扁平化設(shè)計如日中天。去除繁雜裝飾的極簡主義界面設(shè)計正當(dāng)時。扁平化設(shè)計聚焦兩點:視覺的極簡主義,功能的最優(yōu)表達。用最簡單的用戶界面達成最詳備的功能。

  在革新了由iPhone建立的擬物時代后,扁平化成為設(shè)計風(fēng)格的領(lǐng)導(dǎo)者。

  大家都認為蘋果iOS7采用扁平化設(shè)計是”改朝換代”的信號:業(yè)內(nèi)領(lǐng)軍企業(yè)蘋果都做出了改變,那么你還有什么理由不去緊跟潮流呢?

  但設(shè)計往往是復(fù)雜的,設(shè)計跟穿衣服一樣,固然有潮流,但是潮流是不適合你又是另外一回事了。

  量體裁衣——你認為扁平化設(shè)計真的符合你的項目嗎?

  初步認識扁平化設(shè)計

  本文既不否定扁平化,也不盲目追隨扁平化。

  扁平化的好與壞取決于兩點:

  1.設(shè)計師個人設(shè)計理念與設(shè)計造詣的高低。

  2.扁平化是否與設(shè)計需求相符。

  那么怎么判斷扁平化是否合適呢?首先,我們需要初步了解扁平化設(shè)計

  極簡主義

  極簡主義裝飾風(fēng)格

  扁平化設(shè)計天生簡約。我們需要回歸到事物的本質(zhì),追尋最重要的特質(zhì)加以體現(xiàn)——這樣,最重要的元素便顯得突出,成為了視覺焦點。

  參考:

  網(wǎng)頁設(shè)計的極簡主義:少即是多

  推薦:50個極簡主義的網(wǎng)頁設(shè)計

  字體

  具有50多年歷史的Helvetica字體

  因為扁平化設(shè)計是簡約的,形狀是最基本的。那么扁平化設(shè)計中,字體將被打造成視覺焦點。

  扁平化設(shè)計習(xí)慣加粗字體,提高視覺表現(xiàn)和辨識度。

  字體應(yīng)該在極簡背景下視覺表現(xiàn)良好,例如無襯線字體Helvetica便是典型。

  參考:

  怎樣給扁平化風(fēng)格選擇合適的字體(附字體案例)

  24套適用于扁平化設(shè)計的免費英文字體

  按鈕樣式

  按鈕務(wù)求形狀簡單,不帶有投影、光效以及漸變,色彩扁平。色彩之間對照感要強,從而提高辨識度。

  但,凡事都在發(fā)展,長投影、3D 扁平式、多邊形的應(yīng)用為扁平化按鈕設(shè)計加入了更多的變數(shù)。

  色彩

  2013年流行色——Emerald

  扁平化設(shè)計多姿多彩,用色大膽,因為細節(jié)的缺失必然要用色彩加以彌補。光鮮整潔的色彩將為整體設(shè)計加分。

  參考:

  推薦:扁平化設(shè)計與色彩趨勢

  干貨!專屬扁平化設(shè)計的PS色板(配色庫)

  形狀

  一改傳統(tǒng)的蜂巢型

  幾何形狀是扁平化設(shè)計采用的主要形式,優(yōu)雅整齊。

  圖標(biāo)

  圖標(biāo)能起到形象化簡述內(nèi)容的作用。扁平化的圖標(biāo)設(shè)計務(wù)求簡單。使用圖標(biāo)可以減少文字,提高網(wǎng)站的整齊感。

  參考:

  9款適合扁平化設(shè)計的圖標(biāo)懸浮效果

  趨勢!來瞧瞧扁平化設(shè)計進化成哪些類別了

  我的設(shè)計應(yīng)不應(yīng)該”扁平化”?

  關(guān)于扁平化設(shè)計,最錯誤的理念便是:扁平化設(shè)計意味著視覺風(fēng)格的扁平。字體、圖像、圖標(biāo)一律都要扁平嗎?全面扁平化、全面擬物化是不可取的,真要是這樣,設(shè)計連一點可操作性都沒有,還要設(shè)計師干嘛?

  扁平化設(shè)計是一種糅合視覺與理念的設(shè)計風(fēng)格,不能從字面意義上理解這種風(fēng)格。很多網(wǎng)站明白這個道理,將扁平化提煉至純粹,采用適合他們網(wǎng)站風(fēng)格的扁平化元素。

  視覺上可以部分使用扁平化風(fēng)格,但是組織形式和主題表達上卻不必拘泥形式。如果一味的盲目跟風(fēng),兼容性、可發(fā)揮的地方必然有限。

  例如,如果你的網(wǎng)頁用來販賣產(chǎn)品,那么你的設(shè)計中必須要包含產(chǎn)品圖像。顯而易見,產(chǎn)品圖像不是扁平化的,會給頁面增添一種深度感。但是我們可以在其他地方使用扁平化元素。

  這就說明了:扁平化設(shè)計有的地方能夠提高你的視覺表現(xiàn)了,達成設(shè)計目標(biāo)。有的地方不能。靈活使用,才能走的更遠。

  記住,我們做的是設(shè)計,而不是扁平化設(shè)計。

  看看 Nitrografix這個網(wǎng)站。

  網(wǎng)站的美學(xué)風(fēng)格與內(nèi)容相符。通過扁平化設(shè)計去除了繁雜元素,提供了更容易上手的導(dǎo)航。將機構(gòu)的創(chuàng)意體現(xiàn)大化。

  再來看看魔獸世界的網(wǎng)站。

  這個網(wǎng)站并不適合扁平化風(fēng)格。導(dǎo)航條和圖像增添了整體的神秘感和中世紀氛圍。如果采用扁平化設(shè)計,很明顯,設(shè)計和內(nèi)容無法聯(lián)系到一起。

  在進行重設(shè)計時,一定要考慮新美學(xué)風(fēng)格與內(nèi)容的聯(lián)系性。新風(fēng)格適合內(nèi)容嗎?新風(fēng)格與產(chǎn)品描述相符嗎?

  如果不幸的錯誤使用扁平化設(shè)計,會對網(wǎng)站形象造成損害。

  要記住好的設(shè)計是超越潮流的,一定要謀而后定。

  那么,什么情況下適合?什么情況下不適合?

  那么如何判定扁平化風(fēng)格是否適合你的網(wǎng)頁設(shè)計呢?

  采用扁平化:

  如果你的用戶能夠認可扁平化網(wǎng)站、熟悉扁平式導(dǎo)航

  扁平化設(shè)計后,網(wǎng)站信息依然組織有效

  內(nèi)容過載,信息量大,需要整潔、有序的設(shè)計風(fēng)格時。

  當(dāng)你需要收束一下頁面中過于自由、散漫的設(shè)計元素時。

  一些具有進步精神的行業(yè);諸如數(shù)碼界和科技界就適合,而兒童站點不適合。

  不要采用扁平化:

  面向用戶無法接受扁平化這么新潮的風(fēng)格

  扁平化對你的設(shè)計沒什么提高。如果你的頁面本來就高效整潔,又何必多此一舉?

  基于本能層的設(shè)計,需要對觀眾產(chǎn)生情緒作用。

  網(wǎng)站高度依賴視覺、交互元素,這時扁平化設(shè)計會起到限制作用。

  幾條建議

  網(wǎng)站是機構(gòu)面子的豪華汽車。進行扁平化設(shè)計時要審慎,不要讓汽車輪胎也”扁平”了,否則會跑不起來。

  不要被扁平化設(shè)計的名字唬住,扁平化不是全盤肯定,也不是全盤否定。扁平化設(shè)計主要提倡一種極簡設(shè)計理念,消滅華而不實,將一切變得簡單。記住,是將一切變得簡單輕松,而不是讓一切看起來枯燥呆板。

  不要復(fù)制那些優(yōu)秀設(shè)計師的作品。微軟是喜歡標(biāo)題和小方塊,但是你沒必要學(xué)微軟。做自己的設(shè)計。

  不要忽略字體。字體要和網(wǎng)站的色彩和視覺風(fēng)格搭調(diào)。

  扁平化設(shè)計的目標(biāo)是通過簡潔讓重要元素更加醒目。因此要在布局上下功夫。

  結(jié)論:世界是平的嗎?

  平化世界的支持者會向你滔滔不絕的講述科技進步,全球一體化,全時段的數(shù)字時代,更扁平化的信息傳遞模式。某種角度來看,他們的說法沒錯。任何一個人通過手機,幾秒鐘之內(nèi)就能實現(xiàn)上網(wǎng)。因此,對設(shè)計可用性的要求更高了。我們需要更人性化的的觸感和更聯(lián)系用戶的設(shè)計方法,打造更好的用戶瀏覽體驗?那么扁平化設(shè)計是用戶體驗的絆腳石,影響了設(shè)計的兼容性嗎?只要不盲目使用扁平化風(fēng)格,就不會。

  值得一提的是,扁平化設(shè)計對響應(yīng)式設(shè)計大有裨益,因為扁平化設(shè)計的核心便是簡約,網(wǎng)頁的”減負”,自然能讓響應(yīng)式設(shè)計更高效。

  時至今日,扁平化風(fēng)格已經(jīng)被多家大公司采用,隨后,全世界都在跟風(fēng)。

  我們必須謹記一點:一切都是周而復(fù)始,反之亦然的,反復(fù)、循環(huán)、更替的出現(xiàn),扁平化設(shè)計必然會在未來的某一天被取代。

  扁平化設(shè)計的變種有很多,但是還沒有出現(xiàn)一種統(tǒng)一的標(biāo)準(zhǔn)風(fēng)格。這是好事,這說明還是有一部分人沒有盲從潮流,他們做出了一種反射式的設(shè)計:根據(jù)趨勢與理念,摻雜一點個人理解,在趨勢的基礎(chǔ)上進行創(chuàng)造。

  在使用扁平化風(fēng)格之前,一定要進行種種考慮,到底這種風(fēng)格和你的網(wǎng)頁、內(nèi)容是否能夠協(xié)調(diào)。如果能提升功能性,那么自然可以。如果僅僅是為了追趕一時潮流,將風(fēng)格強加給用戶,且與內(nèi)容不相符,那么這種設(shè)計模式是不可取的。

  扁平化浪潮過后,又會是誰?

分享題目:全世界都被拍扁!你應(yīng)如何理性對待扁平化設(shè)計
網(wǎng)站鏈接:http://www.bm7419.com/news44/168644.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供App開發(fā)、全網(wǎng)營銷推廣、做網(wǎng)站商城網(wǎng)站、面包屑導(dǎo)航、Google

廣告

聲明:本網(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)

搜索引擎優(yōu)化