首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)站和移動(dòng)應(yīng)用程序中的平面設(shè)計(jì)趨勢(shì)?>?正文

網(wǎng)站和移動(dòng)應(yīng)用程序中的平面設(shè)計(jì)趨勢(shì)

2019/3/28 0:00:00 · 稿源:傳誠(chéng)信

盡管平面設(shè)計(jì)已經(jīng)存在多年,但2019年確實(shí)被認(rèn)為是數(shù)字前端平面設(shè)計(jì)的一年。平面設(shè)計(jì)避免了帶有漸變的大按鈕和許多其他這樣的號(hào)召性用語(yǔ),基于這樣的信念,即技術(shù)素養(yǎng)在過(guò)去幾年中已經(jīng)有了很大的改進(jìn),因此用戶(hù)知道如何在網(wǎng)站上做什么。因此,用戶(hù)體驗(yàn)專(zhuān)家之前曾擔(dān)心用戶(hù)可能會(huì)錯(cuò)過(guò)按鈕或圖標(biāo)(如果它沒(méi)有從屏幕上彈出),現(xiàn)在正在改變,因?yàn)樗麄冮_(kāi)始相信用戶(hù)在技術(shù)上更成熟,所以他們只關(guān)注制作設(shè)計(jì)一個(gè)整潔,非繁忙的。平面設(shè)計(jì)趨勢(shì)顯然是朝著簡(jiǎn)約,極簡(jiǎn)主義和用戶(hù)體驗(yàn)的方向發(fā)展。

目錄


  • 主要公司的平面設(shè)計(jì)

  • 究竟什么是平面設(shè)計(jì)?

  • 平面設(shè)計(jì)的主要亮點(diǎn)

    • 1.沒(méi)有漸變或陰影。沒(méi)有添加效果

    • 2.強(qiáng)烈關(guān)注色彩

    • 3.美麗的排版

    • 4.記住多個(gè)設(shè)備

    • 5.專(zhuān)注于內(nèi)容

  • 與平面設(shè)計(jì)相關(guān)的其他趨勢(shì)

  • 我需要平面設(shè)計(jì)嗎?

平面設(shè)計(jì)

隨著三大科技巨頭(微軟,谷歌和蘋(píng)果)轉(zhuǎn)向平面設(shè)計(jì)以改善整體用戶(hù)體驗(yàn),許多人認(rèn)為平面設(shè)計(jì)是數(shù)字設(shè)計(jì)的新趨勢(shì),特別是在網(wǎng)站設(shè)計(jì)和移動(dòng)應(yīng)用領(lǐng)域。許多其他大型科技公司,如Twitter,MySpace,F(xiàn)irefox等已經(jīng)開(kāi)始遵循扁平化設(shè)計(jì)標(biāo)準(zhǔn)。

Windows8-Flat-Design-trend.jpg

隨著Windows 8及其現(xiàn)代用戶(hù)界面的推出,微軟對(duì)平板趨勢(shì)產(chǎn)生了重大影響。他們向大眾介紹了這種新的UI體驗(yàn),這種體驗(yàn)從大多數(shù)桌面使用的圖標(biāo)海洋中徹底轉(zhuǎn)移到了當(dāng)時(shí)。

iOS7-Flat-Design-trend.jpg

蘋(píng)果公司還通過(guò)重新設(shè)計(jì)其新款移動(dòng)版iOS7的外觀和感覺(jué)進(jìn)入游戲,與之前的界面相比,它具有更平坦的外觀和純色調(diào)。

google-now-Flat-Design-trend-1024x694.png

雖然在此之前谷歌曾在某種程度上贊揚(yáng)平板設(shè)計(jì),但標(biāo)志的變化被認(rèn)為是對(duì)平板趨勢(shì)的明顯寬容?!癎oogle Now”是平面設(shè)計(jì)的一個(gè)很好的例子,它使用類(lèi)似卡片的系統(tǒng)來(lái)顯示信息括號(hào)?!癎oogle Now”不是限制靜態(tài)圖標(biāo)內(nèi)的信息,而是在標(biāo)準(zhǔn)尺寸的卡片上顯示數(shù)據(jù),這些卡片易于閱讀且易于輕掃。(無(wú)論如何'谷歌現(xiàn)在'不被認(rèn)為是一個(gè)完整的平面設(shè)計(jì),但作為它的變種,稱(chēng)為幾乎平面設(shè)計(jì))

究竟什么是平面設(shè)計(jì)?

答案就在它的名字本身。在平面設(shè)計(jì)中,一切看起來(lái)都是“平坦的”,而不是斜面,凸起,可點(diǎn)擊或嵌入。平面設(shè)計(jì)傾向于簡(jiǎn)約和極簡(jiǎn)主義,你無(wú)法看到設(shè)計(jì)師用來(lái)創(chuàng)造逼真或三維效果的任何技巧,如設(shè)計(jì)中的陰影,華麗的漸變和無(wú)關(guān)的紋理。

平面設(shè)計(jì)的主要亮點(diǎn)

1.沒(méi)有漸變或陰影。沒(méi)有添加效果

平面設(shè)計(jì)采用二維風(fēng)格,簡(jiǎn)單地“平坦”。雖然它仍然會(huì)有獨(dú)特的外觀和感覺(jué),但不會(huì)有任何令人eye目的效果和額外的效果。

2.強(qiáng)烈關(guān)注色彩

平面設(shè)計(jì)色彩鮮艷,但用戶(hù)不會(huì)因此而分心。平面設(shè)計(jì)不是將顏色限制為傳統(tǒng)顏色,而是采用新的陰影和鮮艷的顏色,使您的設(shè)計(jì)生動(dòng)活潑,而不是無(wú)聊。

3.美麗的排版

平面設(shè)計(jì)很大程度上依賴(lài)于排版。隨著所有其他蓬松和閃亮的效果被消除,排版被認(rèn)為在設(shè)計(jì)的美學(xué)中發(fā)揮更突出的作用。

4.記住多個(gè)設(shè)備

如今,作為任何網(wǎng)站的主要訪問(wèn)者來(lái)自移動(dòng)設(shè)備和平板電腦,沒(méi)有人可以忽略響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的相關(guān)性。平面設(shè)計(jì)由于其簡(jiǎn)單的特性,將更容易擴(kuò)展到各種屏幕尺寸,是響應(yīng)式網(wǎng)站設(shè)計(jì)的受歡迎解決方案。

5.專(zhuān)注于內(nèi)容

廣泛接受平面設(shè)計(jì)的一個(gè)原因,特別是在大型科技公司中,是因?yàn)槠矫嬖O(shè)計(jì)更加注重內(nèi)容,同時(shí)消除了UI元素的干擾。

與平面設(shè)計(jì)相關(guān)的其他趨勢(shì)

隨著平面設(shè)計(jì)被廣泛接受,其他幾種趨勢(shì)也開(kāi)始出現(xiàn)。其中幾個(gè)重要的是:

幾乎平面設(shè)計(jì):幾乎平面設(shè)計(jì)基于平面設(shè)計(jì),但可能包含一定程度的最小效果,例如細(xì)微的陰影和/或輕微的漸變。新版Gmail可被視為Almost Flat Design最突出的例子之一。MySpace的新設(shè)計(jì)也是一個(gè)很好的例子。

長(zhǎng)陰影設(shè)計(jì):長(zhǎng)陰影設(shè)計(jì)幾乎專(zhuān)門(mén)用于圖標(biāo)。陰影給圖標(biāo)帶來(lái)了深度感,但仍然保持了對(duì)象的平面外觀。

我需要平面設(shè)計(jì)嗎?

這取決于您的目標(biāo)受眾。雖然采用平面設(shè)計(jì)可以讓您了解最新的設(shè)計(jì)趨勢(shì),但您不需要為平面設(shè)計(jì)而設(shè)計(jì)平面設(shè)計(jì)。任何網(wǎng)站設(shè)計(jì)的關(guān)鍵仍然是其用戶(hù)體驗(yàn),您不能因任何特定的設(shè)計(jì)風(fēng)格或元素而犧牲它。但是,如果您已經(jīng)決定改造現(xiàn)有網(wǎng)站或?yàn)槟钠髽I(yè)建立新網(wǎng)站,那么平面設(shè)計(jì)無(wú)疑是值得考慮的。


  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354