24小時查詢服務熱線
香港網頁集團
  • 公司概覽 
    • 概覽 
    • 客戶群組 
    • 職位空缺 
  • 網頁設計 
    • 網頁設計 
    • 人才外判計劃 
  • 網絡行銷 
    • SEO搜尋引擎優化 
    • SEM搜尋引擎行銷 
    • 社交網絡推廣策略及推廣 
    • EDM 電郵宣傳策略及設計 
  • 政府資助 
    • BUD專項基金(BUD Fund) 
    • EMF中小企業市場推廣基金 
    • TVP科技券計劃 
  • 作品展示 
  • 最新資訊 
    • 網頁設計 
    • 網上推廣 
    • APP開發 
  • 聯絡我們 
  • sitemap 
Home » APP設計趨勢:如何掌握新擬物化設計的特點
  • 近期文章

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
  • 網上推廣

    • 網站維護的主要工作有哪些?讓網站持續吸引流量
    • 【網絡推廣核心邏輯】三大實戰策略突破Meta廣告的「創意疲勞」瓶頸
    • 提速網站FCP分數:全面攻略助你搶佔香港SEO先機
    • 精準流量變現的關鍵:香港企業如何利用SEO提升會員轉化率?
    • SEO公司緊急警報:網站流量突然暴增?小心黑帽SEO植入
  • 網頁設計

    • 掌握7大網店設計原則,打造顧客「一逛就買」的完美購物體驗
    • 如何挑選和購買好的網域?開啓網站維護征程的關鍵一步
    • 8種超簡單的平面設計技巧!讓品牌海報從「能看」升級為「吸睛」
    • 商城設計秘籍:解密產品列表頁設計的五大黃金技巧
    • 網頁設計中最基礎的配色技巧 讓網頁在色彩海洋中脱穎而出
  • APP開發

    • APP設計技巧:如何利用重疊設計來增加APP的魅力
    • UX設計技巧:如何做好APP的BAR設計?提升整體APP的用戶體驗
    • APP設計策略:如何將信息對比應用APP設計中,以提高用戶體驗?
    • UI設計指南:底部彈出框需要重視哪些設計原則
    • Headspace APP設計案例分析:APP設計實踐中需運用哪些UX設計定律

APP設計趨勢:如何掌握新擬物化設計的特點

分類: 最新資訊, 網頁設計 Tags: #APP設計, #APP設計趨勢, 網頁設計 日期: 2020-04-09

如何掌握新擬物化設計的特點?自從2011年Windows開始扁平化,到2013年iOS7開始扁平化,扁平化設計突然成為設計潮流,而擬物化風格似乎逐漸在設計舞台中消失。但最近擬物化風格又回歸到我們的眼前,甚至升級為新擬物化,成為當前APP設計中關注度最高,爭議性最大的流行趨勢。

什麼是新擬物化設計?

新擬物化設計的前世

APP設計流行趨勢:如何掌握新擬物化設計的特點

APP設計流行趨勢

前幾年,Apple的設計團隊將擬物化設計(Skeuomorphism)廣泛地應用於各種產品中,並表明他們在擬物化設計的領域上擁有絕對的主導地位,也因此過去我們常常將「擬物化設計與過去Apple Style劃上等號」。

直到Apple發佈iOS7系統,宣佈放棄擬物化設計,並將設計風格轉向扁平風。其他設計行業亦紛紛跟風轉型,擬物化設計正式逐步走出設計舞台。到了2019年,扁平風在整個設計行業中達到了頂峰。

擬物化設計的轉世

APP設計流行趨勢:如何掌握新擬物化設計的特點

APP設計流行趨勢

或許是人們看膩了扁平風的「單調乏味」,在2019年底擬物化設計回歸,並以新擬物化風格的身份出現在我們的視野當中。

Neumorphism(新擬物化風格)其實就是「New」 (新的)和 「Skeuomorphism」(擬物化風格)的「巧妙」結合。與擬物化風格不同,新擬物化設計能很好地適應不同的APP設計風格,尤其是極簡主義風格,同時也不失擬物化設計的特色。

當你打開Dribbble,並且搜索Neumorphism,很容易被這些精美的新擬物化風格設計作品刷屏,從專業設計師到業餘愛好者各類Neumorphism充斥着眼前,讓你真正感受新擬物化設計的獨特魅力。

如何掌握新擬物化設計的特點?

新擬物化設計利用柔和的陰影和整體的外觀,使該設計看起來更加的逼真、未來、現代、真實、有吸引力。

APP設計流行趨勢:如何掌握新擬物化設計的特點

APP設計流行趨勢

那麼新擬物化設計具備哪些特點呢?

配色:大多數情況下主色調為低飽和的淺色,並且僅適用顏色相近的漸變色突出某些特定部分。

形狀:多選用易於訪問的形狀創建重複性的用戶界面。

表現:有別於其他設計,新擬物化風格是非常柔和的,而且它不會過度模仿自然界的物體,而是一種新的表現形式,看起來像3D白模。

效果:採用HTML、CSS實現效果,沒有可以做得特別寫實。

零開發難度:由於新擬物化風格所有效果都可以用現成的代碼實現,所以開發難度並不是特別大。

雖然新擬物化設計是目前最火爆的APP設計流行趨勢之一,但它在APP設計應用時容易對用戶體驗造成斷層式影響,導致可訪問性降低,所以設計時需要特別注意,別盲目跟風。

APP設計流行趨勢:如何掌握新擬物化設計的特點

APP設計流行趨勢

如何設計新擬物化設計?

事實上有很多設計軟件都可以幫您做到新擬物化風格的作品,只是不同的設計軟件自身具有一定的局限性:

1.Adobe XD

Adobe XD是一款非常輕量的設計工具,主要配合第三方插件或其他Adobe軟件使用,單獨使用時功能的局限性較大。

優點:組件狀態、背景和模糊等功能非常實用。

缺點:沒有多重投影、漸變描邊等功能。

2.Figma

第一個能透過網頁實現多人協作的設計工具,能提供大量的第三方插件,但與其他傳統設計軟件的兼容性不是很好。

優勢:具有強大的Web工作流,效果疊加、背景和對象模糊等都非常實用。

缺點:網絡狀況不好時可能會影響工作效率。

3.Sketch

作為目前設計界的網紅,Sketch擁有Figma所有功能,也擁有更多更完善的第三方插件和服務。此外,Sketch還即將提供多人協作功能。

優點:混合模式、矢量圖形等非常實用。

缺點:只適用於Apple設備,會出現偶爾奔潰、卡機等情況。

4.Adobe Photoshop

雖然PS對某些UI/UX工作流而言有點笨重,但它具有完整執行所有創意任務時的強大表現。

優點:功能強大,能與矢量軟件AI無縫銜接等。

缺點:由於是位圖軟件,所以用PS排文字版面並不適合;軟件較為笨重,有時會出現奔潰、卡機等情況。

其他軟件如Invision Studio(用於原型設計)、Affinity Designer等都可以製作新擬物化風格。不過除非你打算漸變來完成連結、組件等簡單設計任務,否則盡量不要使用AI做UI設計。

雖然新擬物化設計融合了擬物化設計和扁平風設計的特點,但它仍然有着不少的局限性。作為目前剛出道的設計風格,新擬物化設計仍存在很多可能性,等着我們去探索和發掘,將它變得更好,更有創造力。

Share This Post!

Subscribe to our RSS feed. Tweet this! StumbleUpon Reddit Digg This! Bookmark on Delicious Share on Facebook
訂閱電子報 公司最新資訊 Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
公司最新資訊
Inspirr咨詢熱線
    • 網頁設計
    • 平面設計
    • 網上推廣
    • 程式開發
    Inspirr網頁設計香港
    公司資訊
    概覽
    職位空缺
    服務範圍
    網站設計流程
    SEO網站優化
    手機程式開發
    平面設計
    作品案例
    網頁設計案例
    手機程式案例
    多媒體設計案例
    平面商業設計案例
    聯繫我們
    • inspirr Facebook
    • inspirr vimeo
    • inspirr blog
    • 雅虎認證官網
    • 新浪微博認證

    Inspirr網頁設計公司專業設計網站

    網頁設計、網上商店、編寫程序、網上顧問、網上廣告、網上行銷等。我們擁有優秀專業的團隊,獨特的網頁設計功能,Web Design等技術,秉持網上商店品質、創新、服務的經營理念,集合設計、科技及網上推廣的元素。

    inspirr地址

    香港上環德輔道中248號東協商業大廈6樓601室

    Inspirr聯繫電話

    (852) 3749 9734

    Inspirr郵箱

    Copyright @ 2023 Inspirr Creation. All rights reserved.

    友情鏈接: 香港網頁設計 公司網站管理