<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          鶴鶴

          前言:

          在 2020 年,疫情最為嚴峻的時候,B 端這一領域得到了前所未有的關注,而那時,身為 B 端用戶體驗設計師的我,也曾總結過,當時 B 端設計的諸多趨勢,比如:

          多端需求:即桌面端、平板端、移動端的設計形式

          設計中臺:擁有更為統一的設計平臺,與這兩年討論較多的設計資產相同,都是起到快速協作的作用

          隨著 2022 年的到來,B 端行業又會迎來哪些新的機會?今天我們就從整個的 B 端入手,回顧一下 2021 年的設計形式,展望一下 2022 年的設計趨勢。當然趨勢完全是我自己個人主觀理解,僅供參考,如有異議,以你為準~

          完整的趨勢,我們會分為視覺趨勢與產品趨勢

          1. 視覺趨勢:主要圍繞設計當中的細節展開,比如圖標、色彩、字體、插畫等
          2. 產品趨勢:主要是了解不同的 B 端產品當中究竟有哪些發展形式,對于設計師又會產生何種影響?

          視覺趨勢

          1. 3D 設計風格

          雖然 3D 化的視覺風格早已到來,但是在 B 端市場上,3D 風格在此之前依舊表現的十分克制。隨著 C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯網上關于 3D 建模教程的增多,你會發現 3D 風格的視覺表現,是一個 B 端視覺設計師的基本要求。

          而 3D 風格用在 B 端軟件當中,會有兩個使用場景:

          圖標

          因為在 B 端產品當中,圖標本身就是非常難以去表現,比如“物聯網,大數據”,許多抽象詞匯很難通過一個具象的事物進行表達,而在企業官網當中,在視覺表現上的要求又十分的高。因此你會發現,在視覺風格上的選擇,往往只有 3D 圖標 + 插畫這一條路。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          并且 3D 圖標的使用場景不會太過于局限,也可以用于產品的工作臺、運營營銷工具箱等頁面,因此 3D 圖標的出現,它的應用場景也會相比之前要更加的廣闊。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          可視化大屏

          大屏設計也在不斷的“內卷”,因為傳統的 2D 可視化大屏所搭建出來的大屏已經滿足不了企業的野心, 像 DataV 騰訊云圖 ,大家都在朝著 3D 風格,炫酷的方向進行延展,因此也就會導致 3D 的視覺風格需求激增,而 3D 建模仿佛就是大勢所趨。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          2. 新擬態

          雖然新擬態是在前兩年的產物。這個設計風格背后,遭到了很多設計師的質疑與排擠。但是隨著這個風格的不斷成熟,感覺它在 B 端視覺領域(特指的是官網 ),是非常受歡迎的,因為整體的風格,與官網的設計形式趨同。

          同時作為 B 端產品的官網,其實是更需要新擬態這種風格。因為電腦場景下鼠標光標對頁面進行 Hover 操作給出的真實反饋,而使用了新擬態的官網按鈕,給你的反饋非常真實。

          這里安利一下騰訊云的首頁官網,大家就會發現在設計風格上大量的采取了新擬態元素,并且配合 3D 風格的圖標,以及毛玻璃材質的設計,讓它的設計瞬間加分不少。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          3. 開源的設計系統

          在去年,設計系統迎來了一波發展的高峰期,隨著字節、騰訊,三大設計系統(Arco Design、TDesign、Semi Design)的開源,其實是給我們很多 B 端設計初學者,有了更加完整仔細的 B 端入門教程。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          清晰的講解了每一個組件的使用方式,以及注意事項,仔細閱讀這里面的內容,其實就是 B 端設計的入門學習。而未來,國內的環境,開源的系統也會越來越多,大家可以針對這幾大類不同的設計系統進行對比,或許會有一番收獲。

          產品趨勢

          4. 超級 app

          這里的超級 app 可能和大家潛意識里的支付寶、微信這些軟件不太一樣

          在 B 端行業,隨著疫情的不斷擴散、再加上兩年時間的發展,很多 B 端產品的功能架構都出現了一個現象,產品的功能開始變得非常擁擠。因為 B 端軟件的核心價值其實就是靠著一個又一個功能去累積,也就意味著隨著 B 端產品的發展,功能模塊在不斷的累積,導致在設計層面,這樣的現象變得更加嚴峻。

          你會發現左側的導航菜單已經完全沒有辦法裝下這些導航內容,而這一現象也反映在很多產品當中,比如我了解的飛書管理后臺、薪人薪事 等等諸多 B 端產品,它們在整個導航內容上,已經增加到一級導航 15+ 、二級導航 40+ ,這無疑會開始對設計師的能力造成巨大考驗。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          面對這一情況,許多導航菜單都將會迎來前所未有的挑戰,最近也在深入研究導航菜單過多時的解決辦法,發現了一些新的導航菜單設計方法,有機會咱們重新梳理一下導航菜單的內容,將 B 端設計指南文章進行更新。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          低代碼定制化

          低代碼一直是我關注的一個領域,先給不明白低代碼的同學簡單科普一下。

          低代碼,一種快速開發應用的軟件,將通用、可重復利用的代碼形成組件化的模塊,通過圖形化的界面來拖拽組件并形成應用。低代碼能夠實現只寫少量代碼或不寫代碼,類似用“樂高積木”的方式來開發。

          在國外有很多著名的低代碼成功案例。Outsystems(國外非常出名的低代碼平臺)幫助施耐德電氣在 20 個月內推出了 60 款應用程序,開發過程加速了兩倍;在 2012 年即將推出 Model S 之際,特斯拉放棄了 SAP 的 ERP 產品(可以思考一下為什么),改用低代碼開發平臺 Mendix,用 25 個人四個月時間自建 ERP 系統。

          去年,低代碼平臺,也有很多新產品面世,其中就包含:

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          因此你會發現,其實低代碼就是在解決一件事,圍繞著某一個業務場景,通過平臺的持續完善優化。讓所有的功能都能圍繞這個業務展開,其中包括:權限、時間軸、流程、表單、公式等等,能夠解決很多特殊的業務場景。而低代碼會涉及到設計思路上的轉變,以及低代碼編輯器的出現,如何去設計如此復雜的配置流程,如何讓用戶能夠快速上手,如果你能夠有比較完整的思路,這些都會成為我們設計的新機會。

          行業細分

          隨著互聯網市場的不斷發展,用戶會越來越關注產品在自己行業的應用,比如 CRM,其實只是一個籠統的稱呼,現在 CRM 市場又會分為 SCRM、運營 CRM,等諸多產品。

          SaaS 類的平臺也出現了負責從虛擬主機和數據庫層面入手的 iPaaS 以及從應用和數據層面入手的 aPaaS。

          即使是大家經常使用的 釘釘、企微、飛書,它們也在各自的領域有所擅長。

          從視覺產品兩方面,分析2022年B端設計的發展趨勢

          因為 B 端產品,在底層邏輯上是不能允許趨同的產品出現,如果你和別人的產品一樣,其實是沒有辦法在目前的市場上立足。因此你會發現,雖然產品形式都會比較相同,但是 B 端市場十分廣闊,大家都在去尋找自己產品的差異化。

          當然市場是瞬息萬變的,這里也只是簡單聊聊我自己的看法,希望對你有所幫助。

          文章來源:優設  作者:CE青年
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          鶴鶴

          Dribbble 平臺對于互聯網 UI 界面設計有著舉足輕重的定位,對 Dribbble 設計的研究會讓我們看清設計的方向。

          為了保證這篇文章的質量,Dribbble 年度的每個作品都超過 550 贊。在此原則下挑選了 828 件作品,作品總的大小為 2.2G。

          總結

          從挑選出的 828 件作品中,排名前十的作品中 9 件為 B 端設計,另一件作品也是 B 端產品 C 端化的產物。其中:

          • B 端界面設計占比 476/828,57.4%;
          • C 端界面設計占比 180/828,21.7%;
          • 視頻動效作品占比 223/828,26.9%;

          明眼人都能看出其中的比重關系,B 端設計再次大火,為什么是再次?因為 B 端設計之前火過,只不過沒有趕上一個好的時代,在 C 端設計風光的十年里而忽略了其存在。隨著 C 端市場飽和與數字化的浪潮下,實體經濟、ToB、ToG 的產業再次迎來了它的曙光。視頻動效的作品占比也已超過 C 端界面設計,相信今年視頻動效作品占比還會再次提升。

          Dribbble 年度最佳作品

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          Dribbble 年度最佳作品來自大家最熟悉的 UI8 團隊中的 Tran Mau Tri Tam ?,作者來自越南西貢,最佳作品截止目前355K瀏覽量,2933個贊。

          為什么看似平平無奇的作品卻能獲得 Dribbble 年度最佳作品呢?既不是 C 端也不是純 B 端的作品,更像一個網頁與平面的結合體。如果去掉搜索圖標、分類圖標和按鈕,你可以理解它就是一個平面作品,一個字體加幾何形體構建的作品,為了豐富畫面的層次,讓畫面更加的活潑采用了多彩加幾何色塊,讓標題閱讀有停頓感和呼吸感。faster 底部的橫線讓它從標題文字中脫穎而出,這種使用線條突出重要信息的設計也是今年Dribbble 設計流行趨勢之一。

          MetroUI 是 Windows8 的界面設計語言,在 2010 年至 2013 年間曾經風靡一時,那也是移動互聯網的發展元年,現在國家推行實體經濟、數字化帶動 To B、To G 的發展元年,通過幾何色塊(MetroUI)實現 B 端產品與 C 端設計風格的傳承與銜接,你會發現歷史總是驚人的相似。最后背景結合今年最流行的微軟風,毛玻璃的多彩高斯模糊漸變風,年度作品當之無愧。

          最后來看下按鈕的設計,正常的按鈕要么文字加色塊,要么左圖標加右文字,它設計成左文本加右圖標,更加注重信息的可讀性和易讀性,也體現 B 端設計重功能和交互體驗,視覺點到為止的設計理念。

          下面我們來欣賞年度最佳作品里面的流行趨勢吧。

          1. 易讀性(停頓感)

          字體三原則:可讀性、易識性、易讀性。當你同時讀一篇文言文和一篇設計文章,肯定設計文章的內容可讀性更好。易識性是用在字體設計上,不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每個位設計師都息息相關,因為我們都需要編排文本。當我們小時候寫作文時,不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感,更加適合用戶閱讀。

          通過給用戶制作停頓感來增加用戶的易讀性??梢栽谙嚓P聯文本后面添加圖片、表情、圖標來更好的理解文本內容,豐富文本內涵。比如情侶間表達愛意時會輸入文本,“我愛你”、“我 Love 你”、“我 ai 你”、“我??你”,哪個更加會有情感共鳴呢?不言而喻,相信你心中已經有答案了。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          2. 曲線

          在標題文字上添加曲線來突出重要文案是 2021 Dribbble 最流行的趨勢之一,第一個設計目的就是突顯文字,其次就是想表現鉛筆真實書寫的感覺。之前很多帶有簽名的設計中,簽字的文本都是手寫體的感覺,手寫體對比電腦的機械字體會帶有一種人文氣息,也會讓兩者之間產生一種對比、矛盾。

          除了突顯文本外,曲線還有視覺引導的作用。通過視覺引導讓用戶按照設計師編排的順序進行瀏覽界面。當然還有比這更科學的工具就是眼動儀測試,通過真實用戶眼睛瀏覽界面顯示對應的熱點圖。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          3. 多彩高斯漸變風

          多彩高斯漸變風是從色彩的角度來傳達和豐富畫面的,多彩高斯漸變風其實是從制造矛盾到平衡矛盾的過程,多彩漸變多為冷暖對比來制造畫面的沖突,需要控制冷暖畫面的大小來實現平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。

          多彩高斯漸變還可以結合輕擬物、幾何圖形、三維等新的組合方式去創新,給用戶呈現一種更加新穎的視覺表現形式。最后我們還是要回歸到內容上,為了更好的傳達信息需要去設計與內容相匹配的視覺風格。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          B 端界面設計

          1. 側邊欄 Sidebar

          B 端設計的火爆帶動了 B 端相關模塊設計,更多的人也愿意嘗試 B 端相關模塊設計,側邊欄作為產品架構中重要的導航系統,好的側邊欄設計能為用戶帶來更好的效率。主流側邊欄都做了展開、收起、拖拽等交互效果,也是受限于 PC 屏幕為展示更多數據而騰空間。側邊欄主要承擔的功能有導航、分類、自定義篩選、共享、新增等。Dribbble 的 B 端產品設計已經不再是假大空概念設計,而是一套實用美觀可落地的設計。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          2. 儀表盤設計

          儀表盤設計是一個很好的隱喻,想象一下開摩托車或汽車主駕駛前面的屏幕,汽車儀表有燃油表、車速表、里程表、水溫表、轉速表、故障指示燈等。B 端類產品后臺界面的儀表盤設計也需要展示一些重要的數據和各種狀態,大體分為側標欄、導航欄、待辦任務、個人信息、報表數據、消息中心、快捷入口等。當然最重要的就是報表數據,團隊收益、任務進度、轉化比例、新增、存量、團隊工作時長等都是老板或領導關心的內容。每個公司業務不同、每個人員權限不同,自定義的儀表盤也各有差異。重要的是突顯數據和業務狀態,需要分層級系統性去思考和設計。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          3. 流程設計

          復雜的事情簡單化,簡單的事情標準化,標準的事情流程化,流程的事情自動化。流程設計是每一個企業核心功能和業務,可自定義的管理流程系統搭建也是 B 端產品設計的難點,需要對業務高度抽象,讓每一個業務人員可自定義的流程才是好的流程設計。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          4. B 端 C 化

          B 端 C 化是 B 端產品設計的視覺表現力慢慢往 C 端產品設計的視覺靠齊,國內 B 端產品界面設計視覺水平還有很大的提高空間。除了視覺上的提升外,由于業務的發展,B 端產品也開始移動化、智能化,國內主流還是通過小程序、H5 來現實 B 端產品 C 端化。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          5. 輕代碼化

          輕代碼化是一種低代碼賦能無代碼的方式,彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時,又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發即可如搭積木般快速、靈活地創造屬于你的個性化管理系統,輕松實現多元業務場景的數字化管理。

          輕代碼化將功能進行打包,升級成全局可以用的配置,技術人員配置好后,業務人員在應用編輯時直接選擇使用模版,綁定對應的變量即可使用。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          界面設計技巧

          1. 人文氣息

          為什么人加色塊的組合方式能流行起來?還是 B 端行業流行帶動的。B 端講的更多的是企業對企業。企業對企業除了講行業解決方案外,還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現公司的企業文化。對于一家全球化的公司不同膚色的人物組合在一起,這種人文氣息和價值觀已經就不言而喻了。

          當然企業也需要進行營銷,抓人眼球。幾千年來的遺傳證明了,人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。

          這種風格更適合大公司,國內的一些手機廠商 OPPO、VIVO 等也會通過手機+背景+人物來體現科技與人文的結合,而對于中小型公司產品差異化和行業解決方案展現應該還是重中之重。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          2. 毛玻璃效果

          毛玻璃效果加大了模糊程度,透明效果更加扁平,很好的順應當下 UI 扁平化的設計趨勢。蘋果 Mac OS Big Sur 系統的圖標、界面中運用了大量毛玻璃和半透明元素,界面更扁平。至于 C4D 三維彩色玻璃的視頻教程可以在 B 站搜索“透光藝術-C4D 創建彩色玻璃的 4 個技法”,完全能滿足 UI 設計師。當然還有一個好消息就是 Mac 用戶可以享有 OC 一年免費的使用權,具體安裝購買方法上某寶就可以輕松搞定,真香。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          3. 輕擬物

          輕擬物這幾年一直流行,在 UI 設計中趨于穩定的位置。從寫實到扁平再到輕擬物,其實是設計師們一路不斷探索的結果。本質就是光影對形體產生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光(環境光)五個部分的處理。寫實三維的圖標等設計更適用于簡潔的畫面中,扁平等設計更適用于復雜一點的界面中,比如 B 端產品界面中的功能圖標。輕擬物可使用的范圍更廣,效果更佳。Sketch、Figma 軟件對于漸變、高光、投影、高斯模糊處理已經非常簡單且出彩。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          4. 簡潔設計

          簡潔設計遵從了密斯·凡德羅的“少即是多”的設計原則,在 B 端產品界面中更加需要簡潔設計,我們最熟悉的 Sketch 軟件界面已經是相當的簡潔了?;氐浆F實當需求功能不斷增加,產品界面的編排如何取舍,如何保證界面的簡潔是設計師需要深度思考的問題?如何與上級溝通?該功能是否可做可不做?是否需要埋點用數據說話?如果只是一味競品有我們就需要有,功能不斷累加只會讓界面越來越重。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          5. 幾何圖形

          幾何圖形和幾何插畫有異曲同工之妙,幾何圖形多為產品界面和宣傳內容的抽象,產品界面的幾何圖形多為占位符形式,加上色彩和幾何色塊讓其成為一個整體。B 端產品視覺設計 C 端化的進程中,幾何圖形、幾何色彩不失為最好的突破口,相信今年Dribbble B 端產品的視覺設計一定會更上一個臺階。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          幾何圖形另一個場景化的地方就是品牌,作為一名 UI 設計師一定會經歷從圖標到幾何圖形到品牌設計的過程,品牌設計的技巧基本還是以幾何圖形為主,至于品牌的內涵需要更深層次的解讀。掌握主流品牌設計的技巧對產品定位、品牌宣傳打下扎實的基礎。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          6. 暗黑設計

          暗黑模式的設計是解決在微弱環境下內容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設備時長增大,如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞,提高在夜間使用的可讀性。

          在設計暗黑主題時,不能為了突顯視覺上的逼格,而去使用高飽和度鮮艷的色彩來突顯界面的品質感。而應該把舒適度、可讀性作為設計的衡量指標。Material Design 給出了暗黑主題的設計準則,即正文和背景之間的對比度應至少為 15.8:1。按照此標準設計,可讀性都還不錯。這里介紹一個插件“Stark”(Figma、Sketch、XD、Chrome 插件)用來測試界面的對比度。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          7. 模塊化(組件化)

          為什么叫模塊化,而不叫組件化,組件化更多的利用原子系統從原子、分子、組織、模版、頁面來快速的搭建界面,但在 B 端產品設計中基礎組件和業務組件的搭建是以提高工作效率為前提,是否有從 0 到 1 搭建 B 端產品組件的經歷是設計師一生中最寶貴的經驗之一,它能提高設計師的系統化思維、邏輯思維和抽象思維能力。

          產品模塊化設計就是將產品分成幾個部分,也就是幾個模塊,每一部分都是具有獨立功能,具有一致的連接接口和一致的輸入、輸出接口的單元,相同種類的模塊在產品族中可以重用和互換,相關模塊的排列組合就可以形成最終的產品。通過模塊的組合配置,就可以創建不同需求的產品,滿足客戶的定制需求 。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          8. 插畫

          插畫作為設計的一大品類,不同的插畫師都有自己擅長的風格,本質是都有自己的個性,但是在產品設計中更多是需要共情、共性來講故事,表達產品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯網產品設計類的插畫風格。設計的本質是舊元素的重新組合,插畫不會過時,而是需要結合當下和產品找到最匹配的設計風格。

          9. 幾何插畫

          幾何插畫算是插畫簡化的一種表現形式,人和物的形態不再寫實,而是抽象成幾何圖形拼湊的感覺,同時保留人物形態的神韻。加上幾何色塊與人物交互形態的表現,傳達出簡潔、科技的現代感。難點還是在人物形態的表現上,平時多練習練習速寫還是很有必要的。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          10. 線面插畫

          線面插畫最近一兩年非常流行,準確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成,用塊面表現人物形態時某些結構會表現不出來,這時候用線條簡單勾勒后,結構就會清晰明了。其次當線面插畫運用在界面上時,可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風格提升畫面熱鬧感的同時,還能保持界面的干凈整潔。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          動效

          1. 微交互

          界面微交互動效會讓用戶的體驗更加精致到位。想要打造優秀的產品設計,微交互和動效設計是繞不開的,UI 界面設計通過微交互反饋告知用戶當前正在發生的事情,所處的狀態。細微的動效更能調動用戶情緒,取悅用戶。C 端產品微交互和動效已經很成熟了,一部分功勞來自 iOS 系統原生自帶的效果。B 端產品的微交互和動效更多還是在學習海外產品,還需要給前端工程師灌輸微交互和動效的設計價值,共同打造產品體驗細節。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          2. Mg 動畫

          Mg 動畫需要很好的節奏感、韻律,每一個場景動畫都需要其中的元素進行連接變化,讓轉場動畫更加自然,MG 人物動畫通過點線面的動效變化讓畫面更加有趣、自然,通過粒子效果讓特定場景無限循環會讓人更加印象深刻。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          三維

          1. 三維圖標

          MacOS Big Sur 系統圖標的更新帶動了三維圖標的流行,三維圖標的應該場景還是需要有較大留白空間的界面,因為三維圖標太小后就看不到更多細節。三維圖標感覺又回到了擬物化和扁平化哪個更好的問題上?設計師應該保持開放多元的視角。設計本身也在不斷的演化融合,存在即合理。合適最重要,它們都會有適合自己的場景和設計價值。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          2. 輕三維

          為什么輕三維在界面設計中占有一席之位?一個是設計師不斷追求差異化的產物。另一個是更好的表現內容,并與用戶產生共鳴。輕三維的基礎模型都是來自手機界面中的各種元素,比如組件、開關、按鈕、占位符、圖表、幾何圖形、圖標、進度條等,這些都是用戶日常使用系統軟件常見的元素,通過簡單的幾何形體建?!驘艄狻硬馁|—渲染—PS調色。難度系數不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角,結合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質自由添加,特別是當下流行的毛玻璃效果,玻璃材質渲染效果更佳。第三個出彩點就是可以加局部燈光,局部的漸變色或環境光更加出彩。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          3. P4D(PS+C4D)

          P4D 是 PS 加 C4D 的設計表現技法,也是視覺設計的最后一個環節,通過 PS 對 C4D 的渲染圖片進行調色,利用 PS 的調色技巧可以很好的解決 C4D 打燈光的瑕疵,還可以利用 PS 強大的合成功能,將渲染圖片與圖片素材進行合成,來表現畫面的視覺度,當然三維軟件比較難實現的水、粒子、煙花等效果,也可以通過 PS 的后期合成來實現,這也是 P4D 的強大之處。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          4. 卡通 IP

          卡通 IP 設計最近三四年技術的迭代已經慢慢的走上成熟,卡通 IP 也從傳統的純 PS 手繪技法,轉到 C4D 建?!巧壎ā狹D衣服制作—OC渲染—PS(靜態)/AE(動態)調色。

          卡通 IP 火的本質更適合做營銷,相比于品牌或 Slogan,卡通 IP 具有親和力和畫面感。隨著各種手辦行業大熱,受互聯網大廠影響下,卡通 IP 已經是互聯網 B 輪以上公司的標配了。如果團隊中沒有這樣能力的人,也可以通過繪制好二維,一套三維可以選擇外包完成。

          對于 UI 設計師來說學習是有成本的,暫時并不是必備技能,如果喜歡完全可以學習,從設計差異化的角度來看三維視覺確實有一定的競爭力。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          5. 三維動畫

          C4D 三維場景動畫通過構建實物和場景模擬生活中的現實場景,會讓用戶體驗真實感,三維軟件制作動效的最大優勢是通過動力學和表達式來模擬真實感,未來在 AR/VR 領域會有更好的發展。相對于界面動效學習成本難度也相對較大。在三維動畫中 C4D 軟件對于域、動力學還是有一定的優勢。

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          從 Dribbble 高贊的 828 個作品中,總結出 2022 設計趨勢

          總結

          上一次寫 Dribbble 流行趨勢還是兩年前了,通過兩年的沉淀對趨勢流行有了更深的認知。十年的互聯網行業風風火火,隨著最近的互聯網裁員潮大家也慢慢的進入到反思層,客觀的看待和理解這個真實的世界,曾經的流行趨勢也需要慢慢的沉淀下來。

          存在即合理,趨勢流行稍縱即逝,注定是不長久的,只有大浪淘沙歷史遺留下來的風格才能更長久。但我們也不能不去關注,因為哪有什么所謂的創新,只不過是舊元素的重新組合,并符合當下這個時代人的審美需求。香奈兒的“時尚易逝,風格永存”大概就是這個意思吧。

          文章來源:優設   作者:水手

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          這幾類圖標趨勢你知道嗎?

          純純

          Duoton icon

          雙色漸變圖標

          -

          漸變色已經流行了段時間,雙色漸變設計依然持續是一個大趨勢,因為單一的色調無法滿足產品所需,雙色調圖標的特點就是色彩對比鮮明,青春活力,這種相比單色調圖標,更適合應用于一些主流偏年輕化產品,因此設計師還可以通過設計色彩打動用戶,提升產品競爭力,工具化產品也可以使用這樣有層次的圖標,不過使用時,需要對色彩進行克制使用。因此,如果您希望自己的設計界面脫穎而出,可以去大膽的使用雙色調色彩。

           

           

           

          1. 雙色調多層質感(彌散漸變,直投影,混合模式)

           

           

           

           

          2. 雙色調混合模式疊加

           

           

          Alpha icon

          單色漸變透明圖標

          -

          Alpha icon 圖標風格最大特點就是單色帶透明漸變,通過弱透明度來制造視覺層次,如果是純白色,就會顯得圖標平庸了一些,這種圖標運用范圍可以是界面中空場景或者一些關鍵模塊的主功能圖標。

           

           

           

          如下圖左側大卡片上面圖標應用思路。

           

           

          Cascade icon

          層疊式圖標

          -

          層疊式圖標,相比于純白色線條圖標,它帶來一種更舒適的質感,其設計方法是通過穿插層疊的手法,將日常我們所見到的單一的線條圖標,變得更具有視覺層次感,當然這種圖標使用場景一般會是在功能說明性頁面,功能介紹等。

           

           

          Brand icon

          品牌植入

          -

           

          品牌植入一直是非常大趨勢,包括今年我們所看到兩大廠的品牌更新IBM和UBER等,都是將品牌核心符號植入設計中,我想這樣的思路在2020年將持續會是一個重要表達產品氣質和記憶點手法打造思路之一,因為用戶已經很熟悉目前圖標模式,如何能創新區別其他產品,那么融入品牌將是一個不錯的選擇~品牌的融入技巧有高低之分,需要設計師去巧妙設計

           

          備注(因為視頻比較麻煩,因此省略了)下面是截圖,大家應該能大致感受到

           

           

          同樣多鄰國在前段時間更新品牌,并將其LOGO特征符號植入字體中。

           

           

          同樣多鄰國在前段時間更新品牌,并將其特征元素植入字體中

           

           

           

          Motion icon

          動態圖標

          -

           

          動態圖標是一個能提升產品體驗的方法之一,也是微交互中的一種,它可以增加產品趣味性,Facebook在評論入口的表情動畫就運用了動態圖標, 包括蘋果Apple Pay支付成功圖標動畫,Google Assistant智能助手,Messenger中的打招呼動畫等等我們可以逐漸發現動態圖標比靜態圖標的表達性更強,更受到青睞,隨著硬件升級,這種動態圖標運用逐漸在越來越多場景可見到。

          備注(因為視頻比較麻煩,因此省略了)

           



          文章來源:優波設計   作者:設計TNT
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

           

          2022追波流行趨勢

          純純

          從挑選出的828件作品中,排名前十的作品中9件為B端設計,另一件作品也是B端產品C端化的產物。其中:

          B端界面設計占比476/828,57.4%;

          C端界面設計占比180/828,21.7%;

          視頻動效作品占比223/828,26.9%;


          能看出其中的比重關系,B端設計再次大火,為什么是再次?因為B端設計之前火過,只不過沒有趕上一個好的時代,在C端設計風光的十年里而忽略了其存在。隨著C端市場飽和與數字化的浪潮下,實體經濟、To B 、To G的產業再次迎來了它的曙光。視頻動效的作品占比也已超過C端界面設計,相信今年視頻動效作品占比還會再次提升。

          追波年度最佳作品

          追波年度最佳作品來自大家最熟悉的UI8團隊中的Tran Mau Tri Tam ,作者來自越南西貢,最佳作品截止目前355K瀏覽量,2933個贊。


          為什么看似平平無奇的作品卻能獲得追波年度最佳作品呢?既不是C端也不是純B端的作品,更像一個網頁與平面的結合體。如果去掉搜索圖標、分類圖標和按鈕,你可以理解它就是一個平面作品,一個字體加幾何形體構建的作品,為了豐富畫面的層次,讓畫面更加的活潑采用了多彩加幾何色塊,讓標題閱讀有停頓感和呼吸感。faster底部的橫線讓它從標題文字中脫穎而出,這種使用線條突出重要信息的設計也是今年追波設計流行趨勢之一。


          MetroUI是Windows8的界面設計語言,在2010年至2013年間曾經風靡一時,那也是移動互聯網的發展元年,現在國家推行實體經濟、數字化帶動To B 、To G 的發展元年,通過幾何色塊(MetroUI)實現B端產品與C端設計風格的傳承與銜接,你會發現歷史總是驚人的相似。最后背景結合今年最流行的微軟風,毛玻璃的多彩高斯模糊漸變風,年度作品當之無愧。

          最后來看下按鈕的設計,正常的按鈕要么文字加色塊,要么左圖標加右文字,它設計成左文本加右圖標,更加注重信息的可讀性和易讀性,也體現B端設計重功能和交互體驗,視覺點到為止的設計理念。

          下面我們來欣賞年度最佳作品里面的流行趨勢吧。


          易讀性(停頓感)

          字體三原則:可讀性、易識性、易讀性。當你同時讀一篇文言文和一篇設計文章,肯定設計文章的內容可讀性更好。易識性是用在字體設計上,不能過于浮夸的改變字體骨架、形體而不易識別。易讀性和每位設計師都息息相關,因為我們都需要編排文本。當我們小時候寫作文時,不會寫的文字可以用拼音代替。這時候讀者讀到拼音時會有停頓感,更加適合用戶閱讀。


          通過給用戶制作停頓感來增加用戶的易讀性。可以在相關聯文本后面添加圖片、表情、圖標來更好的理解文本內容,豐富文本內涵。比如情侶間表達愛意時會輸入文本,“我愛你”、“我Love你”、“我ai你”、哪個更加會有情感共鳴呢?不言而喻,相信你心中已經有答案了。

          曲線

          在標題文字上添加曲線來突出重要文案是2021追波最流行的趨勢之一,第一個設計目的就是突顯文字,其次就是想表現鉛筆真實書寫的感覺。之前很多帶有簽名的設計中,簽字的文本都是手寫體的感覺,手寫體對比電腦的機械字體會帶有一種人文氣息,也會讓兩者之間產生一種對比、矛盾。

          除了突顯文本外,曲線還有視覺引導的作用。通過視覺引導讓用戶按照設計師編排的順序進行瀏覽界面。當然還有比這更科學的工具就是眼動儀測試,通過真實用戶眼睛瀏覽界面顯示對應的熱點圖。

          多彩高斯漸變風

          多彩高斯漸變風是從色彩的角度來傳達和豐富畫面的,多彩高斯漸變風其實是從制造矛盾到平衡矛盾的過程,多彩漸變多為冷暖對比來制造畫面的沖突,需要控制冷暖畫面的大小來實現平衡。主流的還是以暖色突顯為主。多彩漸變主要起到活躍氣氛、吸引目光、平衡畫面的作用。


          多彩高斯漸變還可以結合輕擬物、幾何圖形、三維等新的組合方式去創新,給用戶呈現一種更加新穎的視覺表現形式。最后我們還是要回歸到內容上,為了更好的傳達信息需要去設計與內容相匹配的視覺風格。

          B端界面設計

          側邊欄Sidebar

          B端設計的火爆帶動了B端相關模塊設計,更多的人也愿意嘗試B端相關模塊設計,側邊欄作為產品架構中重要的導航系統,好的側邊欄設計能為用戶帶來更好的效率。主流側邊欄都做了展開、收起、拖拽等交互效果,也是受限于PC屏幕為展示更多數據而騰空間。側邊欄主要承擔的功能有導航、分類、自定義篩選、共享、新增等。追波的B端產品設計已經不再是假大空概念設計,而是一套實用美觀可落地的設計。

          儀表盤設計

          儀表盤設計是一個很好的隱喻,想象一下開摩托車或汽車主駕駛前面的屏幕,汽車儀表有燃油表、車速表、里程表、水溫表、轉速表、故障指示燈等。B端類產品后臺界面的儀表盤設計也需要展示一些重要的數據和各種狀態,大體分為側標欄、導航欄、待辦任務、個人信息、報表數據、消息中心、快捷入口等。當然最重要的就是報表數據,團隊收益、任務進度、轉化比例、新增、存量、團隊工作時長等都是老板或領導關心的內容。每個公司業務不同、每個人員權限不同,自定義的儀表盤也各有差異。重要的是突顯數據和業務狀態,需要分層級系統性去思考和設計。

          流程設計

          復雜的事情簡單化,簡單的事情標準化,標準的事情流程化,流程的事情自動化。流程設計是每一個企業核心功能和業務,可自定義的管理流程系統搭建也是B端產品設計的難點,需要對業務高度抽象,讓每一個業務人員可自定義的流程才是好的流程設計。

          B端C化

          B端C化是B端產品設計的視覺表現力慢慢往C端產品設計的視覺靠齊,國內B端產品界面設計視覺水平還有很大的提高空間。除了視覺上的提升外,由于業務的發展,B端產品也開始移動化、智能化,國內主流還是通過小程序、H5來實現B端產品C端化。

          輕代碼化

          輕代碼化是一種低代碼賦能無代碼的方式,彌補無代碼拓展性差、覆蓋場景少的問題。在保有無代碼靈活、易用、快捷的同時,又能覆蓋低代碼使用場景。簡單理解就是無需代碼開發即可如搭積木般快速、靈活地創造屬于你的個性化管理系統,輕松實現多元業務場景的數字化管理。


          輕代碼化將功能進行打包,升級成全局可以用的配置,技術人員配置好后,業務人員在應用編輯時直接選擇使用模版,綁定對應的變量即可使用。

          界面設計技巧

          人文氣息

          為什么人加色塊的組合方式能流行起來?還是B端行業流行帶動的。B端講的更多的是企業對企業。企業對企業除了講行業解決方案外,還需要傳達公司的價值觀、使命、愿景。人加色塊的組合方式非常適合體現公司的企業文化。對于一家全球化的公司不同膚色的人物組合在一起,這種人文氣息和價值觀已經就不言而喻了。

          當然企業也需要進行營銷,抓人眼球。幾千年來的遺傳證明了,人的大腦對食物、性、動的東西、人臉和眼睛、危險的動物很敏感。人加色塊的組合方式也具有抓人眼球營銷的功能。真可謂一舉兩得。

          這種風格更適合大公司,國內的一些手機廠商OPPO、VIVO等也會通過手機+背景+人物來體現科技與人文的結合,而對于中小型公司產品差異化和行業解決方案展現應該還是重中之重。

          毛玻璃效果

          毛玻璃效果加大了模糊程度,透明效果更加扁平,很好的順應當下UI扁平化的設計趨勢。蘋果Mac OS Big Sur系統的圖標、界面中運用了大量毛玻璃和半透明元素,界面更扁平。至于C4D三維彩色玻璃的視頻教程可以在B站搜索“透光藝術-C4D創建彩色玻璃的4個技法”,完全能滿足UI設計師。當然還有一個好消息就是Mac用戶可以享有OC一年免費的使用權,具體安裝購買方法可以上“某寶”就可以輕松搞定,真香。

          輕擬物

          輕擬物這幾年一直流行,在UI設計中趨于穩定的位置。從寫實到扁平再到輕擬物,其實是設計師們一路不斷探索的結果。本質就是光影對形體產生的視覺感受。在色彩中對高光、亮面、明暗交界線、暗面、反光(環境光)五個部分的處理。寫實三維的圖標等設計更適用于簡潔的畫面中,扁平等設計更適用于復雜一點的界面中,比如B端產品界面中的功能圖標。輕擬物可使用的范圍更廣,效果更佳。Sketch、Figma軟件對于漸變、高光、投影、高斯模糊處理已經非常簡單且出彩。

          簡潔設計

          簡潔設計遵從了密斯·凡德羅的“少即是多”的設計原則,在B端產品界面中更加需要簡潔設計,我們最熟悉的Sketch軟件界面已經是相當的簡潔了?;氐浆F實當需求功能不斷增加,產品界面的編排如何取舍,如何保證界面的簡潔是設計師需要深度思考的問題?如何與上級溝通?該功能是否可做可不做?是否需要埋點用數據說話?如果只是一味競品有我們就需要有,功能不斷累加只會讓界面越來越重。

          幾何圖形

          幾何圖形和幾何插畫有異曲同工之妙,幾何圖形多為產品界面和宣傳內容的抽象,產品界面的幾何圖形多為占位符形式,加上色彩和幾何色塊讓其成為一個整體。B端產品視覺設計C端化的進程中,幾何圖形、幾何色彩不失為最好的突破口,相信今年追波B端產品的視覺設計一定會更上一個臺階。

          幾何圖形另一個場景化的地方就是品牌,作為一名UI設計師一定會經歷從圖標到幾何圖形到品牌設計的過程,品牌設計的技巧基本還是以幾何圖形為主,至于品牌的內涵需要更深層次的解讀。掌握主流品牌設計的技巧對產品定位、品牌宣傳打下扎實的基礎。

          暗黑設計

          暗黑模式的設計是解決在微弱環境下內容也可以有更高的可讀性。隨著用戶夜晚及深夜使用電子設備時長增大,如何在夜晚這個特定場景下使用更加舒適。合理使用暗黑模式可以減輕眼睛疲勞,提高在夜間使用的可讀性。


          在設計暗黑主題時,不能為了突顯視覺上的逼格,而去使用高飽和度鮮艷的色彩來突顯界面的品質感。而應該把舒適度、可讀性作為設計的衡量指標。Material Design給出了暗黑主題的設計準則,即正文和背景之間的對比度應至少為15.8:1。按照此標準設計,可讀性都還不錯。這里介紹一個插件“Stark”(Figma、Sketch、XD、Chrome插件)用來測試界面的對比度。

          模塊化(組件化)

          為什么叫模塊化,而不叫組件化,組件化更多的利用原子系統從原子、分子、組織、模版、頁面來快速的搭建界面,但在B端產品設計中基礎組件和業務組件的搭建是以提高工作效率為前提,是否有從0到1搭建B端產品組件的經歷是設計師一生中最寶貴的經驗之一,它能提高設計師的系統化思維、邏輯思維和抽象思維能力。


          產品模塊化設計就是將產品分成幾個部分,也就是幾個模塊,每一部分都是具有獨立功能,具有一致的連接接口和一致的輸入、輸出接口的單元,相同種類的模塊在產品族中可以重用和互換,相關模塊的排列組合就可以形成最終的產品。通過模塊的組合配置,就可以創建不同需求的產品,滿足客戶的定制需求 。

          插畫

          插畫作為設計的一大品類,不同的插畫師都有自己擅長的風格,本質是都有自己的個性,但是在產品設計中更多是需要共情、共性來講故事,表達產品理念和價值觀。這就需要插畫師去嘗試并探尋出適合互聯網產品設計類的插畫風格。設計的本質是舊元素的重新組合,插畫不會過時,而是需要結合當下和產品找到最匹配的設計風格。


          幾何插畫

          幾何插畫算是插畫簡化的一種表現形式,人和物的形態不再寫實,而是抽象成幾何圖形拼湊的感覺,同時保留人物形態的神韻。加上幾何色塊與人物交互形態的表現,傳達出簡潔、科技的現代感。難點還是在人物形態的表現上,平時多練習練習速寫還是很有必要的。

          線面插畫

          線面插畫最近一兩年非常流行,準確的說是非常適合。首先線面插畫主要是由線條和塊面組合而成,用塊面表現人物形態時某些結構會表現不出來,這時候用線條簡單勾勒后,結構就會清晰明了。其次當線面插畫運用在界面上時,可以打破界面純文字或組件化的機械和沉悶感。線面插畫的風格提升畫面熱鬧感的同時,還能保持界面的干凈整潔。

          動效

          微交互

          界面微交互動效會讓用戶的體驗更加精致到位。想要打造優秀的產品設計,微交互和動效設計是繞不開的,UI界面設計通過微交互反饋告知用戶當前正在發生的事情,所處的狀態。細微的動效更能調動用戶情緒,取悅用戶。C端產品微交互和動效已經很成熟了,一部分功勞來自iOS系統原生自帶的效果。B端產品的微交互和動效更多還是在學習海外產品,還需要給前端工程師灌輸微交互和動效的設計價值,共同打造產品體驗細節。

          Mg動畫

          Mg動畫需要很好的節奏感、韻律,每一個場景動畫都需要其中的元素進行連接變化,讓轉場動畫更加自然,MG人物動畫通過點線面的動效變化讓畫面更加有趣、自然,通過粒子效果讓特定場景無限循環會讓人更加印象深刻。

          三維

          三維圖標

          MacOS Big Sur系統圖標的更新帶動了三維圖標的流行,三維圖標的應用場景還是需要有較大留白空間的界面,因為三維圖標太小后就看不到更多細節。三維圖標感覺又回到了擬物化和扁平化哪個更好的問題上?設計師應該保持開放多元的視角。設計本身也在不斷的演化融合,存在即合理。合適最重要,它們都會有適合自己的場景和設計價值。

          輕三維

          為什么輕三維在界面設計中占有一席之位?一個是設計師不斷追求差異化的產物。另一個是更好的表現內容,并與用戶產生共鳴。輕三維的基礎模型都是來自手機界面中的各種元素,比如組件、開關、按鈕、占位符、圖表、幾何圖形、圖標、進度條等,這些都是用戶日常使用系統軟件常見的元素,通過簡單的幾何形體建模—打燈光—加材質—渲染—PS調色。難度系數不大但效果很出彩。第一個出彩點是模型帶有厚度的倒角,結合燈光渲染的光澤是二維軟件不能比擬的。第二個出彩點就是材質自由添加,特別是當下流行的毛玻璃效果,玻璃材質渲染效果更佳。第三個出彩點就是可以加局部燈光,局部的漸變色或環境光更加出彩。

          P4D(PS+C4D)

          P4D是PS加C4D的設計表現技法,也是視覺設計的最后一個環節,通過PS對C4D的渲染圖片進行調色,利用PS的調色技巧可以很好的解決C4D打燈光的瑕疵,還可以利用PS強大的合成功能,將渲染圖片與圖片素材進行合成,來表現畫面的視覺度,當然三維軟件比較難實現的水、粒子、煙花等效果,也可以通過PS的后期合成來實現,這也是P4D的強大之處。

          卡通IP

          卡通IP設計最近三四年技術的迭代已經慢慢的走上成熟,卡通IP也從傳統的純PS手繪技法,轉到C4D建模—角色綁定—MD衣服制作—OC渲染—PS(靜態)/AE(動態)調色。


          卡通IP火的本質更適合做營銷,相比于品牌或Slogan,卡通IP具有親和力和畫面感。隨著各種手辦行業大熱,受互聯網大廠影響下,卡通IP已經是互聯網B輪以上公司的標配了。如果團隊中沒有這樣能力的人,也可以通過繪制好二維,一套三維IP可以選擇外包完成。


          對于UI設計師來說學習是有成本的,暫時并不是必備技能,如果喜歡完全可以學習,從設計差異化的角度來看三維視覺確實有一定的競爭力。

          三維動畫

          C4D三維場景動畫通過構建實物和場景模擬生活中的現實場景,會讓用戶體驗真實感,三維軟件制作動效的最大優勢是通過動力學和表達式來模擬真實感,未來在AR/VR領域會有更好的發展。相對于界面動效學習成本難度也相對較大。在三維動畫中C4D軟件對于域、動力學還是有一定的優勢。



          文章來源:UI中國   作者:RaDesign
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務



          設計趨勢ISUX報告-數字內容營銷篇

          鶴鶴

          背景

          數字營銷是指借助于互聯網營銷方式,幫助業務方和消費者建立觸達渠道,實現業務的商業目標達成。按業務類型分為線下產品的數字廣告和數字內容(APP、影音、動漫、游戲等)線上推廣分發。本文主要聚焦在數字內容線上推廣分發上,嘗試從用戶獲取渠道、體驗方式、內容感知、新技術帶來的變化等幾個方面,為相關從業者梳理數字內容流行的營銷方式,以期提供一些啟發和借鑒。


          近年來用戶內容消費呈碎片化、視頻化,多元化趨勢。短視頻內容強勢崛起,這種方式可以讓用戶更輕松、更深度消費內容。在各類營銷類型中,短視頻逐漸成為推廣的重要方式,不僅在實體產品電商領域,日益成為重要的銷售方式,在數字產品的推廣上,也發揮越來越重要的作用。漫威在短視頻平臺注冊虛構報社賬號宣傳《蜘蛛俠:英雄無歸》電影,獲得海量關注和點贊。


          說唱歌手Lil Nas X用《Old Town Road》做BGM在短視頻平臺發起的牛仔挑戰(#Yeehaw challenge),使這首歌曲通過短視頻成為了全球爆款。這首歌在美國地區的流媒體播放量超過了25億次,在Billboard排行榜保持了19周的冠軍。



          美國創作型歌手兼唱片制作人 Charlie Puth 嘗試在短視頻平臺上發布一些旋律,發起了標簽挑戰 #writethelyrics,邀請粉絲們為旋律填詞,這個標簽累計視頻觀看量達到38億次。



          在游戲領域,短視頻/直播內容也正成為分發重要形式。短視頻巨頭已深入游戲腹地,2020年移動游戲用戶與短視頻用戶重合率達82.5%,近六成移動游戲用戶會用短視頻主動搜索游戲內容。短視頻在和游戲內容結合上有先天優勢,消費門檻低,體驗更沉浸,同時也可以快速獲取其他玩家的感受。除此外,對于游戲制作和發行方來說,這里也是通過內容創作獲取用戶的良好渠道。



          游戲依托賽事直播、KOL直播,聚集了大量高質玩家,相較于傳統分發方式,直播具備互動性、真實性、及時性等三大特點。KOL主播可以將游戲最直觀的展現在玩家面前,更可以利用高人氣迅速提升游戲熱度。Facebook gaming現在采用直播feeds的方式進行游戲的推廣,使玩家對游戲體驗感受更直觀。




          黑客帝國4在官網為用戶提供了一段可交互的宣傳視頻,根據用戶的選擇不同,觸發不同類型結局。讓用戶更有代入感和掌控感。有種“我”開啟了一段故事,也更容易帶來體驗上的驚喜感。



          洛杉磯流行藝術家 BIIANCO 為其單曲That’s what friends are for制作了互動音樂視頻,以互動游戲的方式讓觀眾進行多次選擇,探索屬于自己的故事。



          在游戲類內容宣傳上,為讓玩家更直接、更低成本的體驗到游戲的玩法和特點。借助2D、3D以及交互視頻素材高度還原游戲的真實場景,音效、視覺、玩法互動與游戲本身無異,將原有的游戲體驗前置,讓用戶在短暫的廣告展示時間中快速明白游戲的核心機制。




          2021年音頻內容呈爆炸式增長,播客這種很早就有的形式,在今年煥發了蓬勃生機。因為疫情原因,音頻內容呈爆發式增長,相較于其他數字內容表達方式,音頻覆蓋了更多互動場景,用戶可以在通勤、運動和打掃房子的時候在車里播放。


          21年初熱播的《流金歲月》不僅霸屏熱播熱榜,更首次將營銷可能性轉化到“看不見的”聲音領域,最終聯手十多家播客參與多方面討論了女性、友誼、成長等話題,精細化傳播,也讓更多電臺參與創作討論,最終“我的「流金歲月」”主題內容實現了全平臺百萬級的總播放量。


          Beats 就聯合播客《大內密談》推出了一檔名為「一首歌的誕生」的系列節目,主播相征會在節目中和各位音樂聊一聊他們的某一首歌從譜曲、寫詞到錄制的全過程。2021年,《大內密談》連續7年獲得Apple Podcasts年度精選播,擁有400多萬忠實聽眾,單期節目收聽量超過400萬次。




          影音、游戲聯動明星、品牌、知名IP、傳統文化產業、線下活動等等具有影響力的合作方進行戰略合作,擴大雙方影響力。如英雄聯盟和LV的跨界聯動,這款由LV設計的史上最昂貴、最奢侈的游戲皮膚,還未推出就捕獲了無數LOL玩家的心,在讓玩家興奮不已之余,還引發了“這款皮膚究竟有多貴”的討論。



          自2017年騰訊和敦煌研究院達成戰略合作以來,王者榮耀飛天及九色鹿主題皮膚、QQ音樂“古樂重聲”音樂會、敦煌詩巾、“云游敦煌”小程序和敦煌動畫劇陸續推出。三年間,累計超過2.5億人次參與了“數字供養人”,超過4000萬年輕人在王者榮耀中遇見了敦煌飛天,“云游敦煌”小程序目前已接待超過3700萬人次線上游客,40多萬用戶設計了自己專屬的敦煌絲巾,24萬用戶在騰訊公益平臺為敦煌石窟保護項目捐款,15萬用戶在線用聲音演繹敦煌動畫劇。



          2021年底熱劇《風起洛陽》聯動洛陽市文化單位正式發布“華夏古城宇宙”的全新概念,并宣布“華夏古城宇宙” 首發洛陽IP中的劇集《風起洛陽》、紀錄片《神都洛陽》、動畫片《風起洛陽之神機少年》,帶領觀眾開啟探索華夏文明的旅程。




          1)內容二創,形成粉絲傳播文化

          影視劇宣發期,通過話題互動或設置傳播內容,讓用戶創作內容進行傳播,如《魷魚游戲》引發自發傳播的摳糖挑戰也引起更多受眾注意激發用戶觀看。



          游戲也會在上線后逐步積攢口碑和玩家數量,官方在制作游戲時和后期推廣上會提供一些方便傳播的核心素材,由游戲粉絲玩家群體自發進行二次創作產生的UGC內容,也會引發大眾關注。很多玩家會圍繞游戲內容創作出新奇舞蹈、仿妝、COS、攻略、同人剪輯、漫畫等,提供廣泛的話題和討論度。例如《CS:GO》,它通過一條開箱視頻引爆短視頻平臺,打破了消費用戶的圈層,從游戲用戶到泛娛樂用戶,最終令游戲內箱子的價格從0.8元漲至2元,極大地促進了消費。



          2)打造慶典活動,激發用戶共情

          通過大型慶典活動,讓用戶共情,形成記憶共享,將志同道合的人聚在一起,形成文化傳播。如英雄聯盟每年都會舉辦盛大的全球總決賽開幕慶典,并加入一些讓人印象深刻的游戲元素。




          相較于通過中心化推薦方式向用戶展示廣告內容,新的趨勢是廣告主利用用戶社交關系鏈,在facebook、微信、QQ等社交平臺進行分享傳播。通過社交流量的傳播內容,讓受眾覺得更貼近自己,也更可信。相較于其他數字內容,在游戲分發上私域流量日益重要,很多頭部社交渠道在嘗試如何更好的通過私域流量帶動游戲分發。

          1)通過社交動態通知觸達

          Facebook游戲智能助手會在玩家的對手參與游戲后,通過Facebook與Messenger提示對方繼續玩游戲,這種方式可以吸引玩家快速回歸玩過的游戲;同時在首頁好友動態中可以看到好友的游戲邀請動態和相關戰績,對游戲有較高的流量傳播;游戲的高活玩家也可以通過邀請好友對戰或分享游戲活動等方式進行裂變傳播;



          2)線上社區深度觸達

          Discord建立起玩家之間互推、互鑒,玩家與開發者間直接互動的社區平臺;社區內的種子玩家可以更直接地與開發者接觸,讓自己的聲音被聽到;同時他們也是優質的渠道傳播者,將優質的討論內容、游戲動態進行分享,讓渠道轉化效率更高;



          同時Discord可以創建「臨時」游戲語音頻道,可以讓其他成員看到頻道內成員正在玩的游戲;玩家也可以將游戲實況傳輸到服務器,在語音頻道邀請朋友共同觀看自己的游戲“現場直播”,讓玩家的朋友在沙發上重現游戲的感覺;



          3)利用核心玩家作為推廣資源觸達

          游戲開發者利用多圈層KOL的優勢,引導他們產出與游戲相關的UGC,OGC內容,形成話題熱議,從而觸達到目標用戶,這種方式可以增強游戲影響力,甚至產生出圈的效果;比如Youtube通過扶持優秀的內容創作者,通過他們的粉絲圈或者社交關系進行游戲推廣。



          2021年初爆火出圈的社交產品clubhouse,也是在早起利用名人明星和圈子的力量,通過采用邀請制的方式吸引了高質量的種子用戶,帶動app的影響力,提升其在世界產品和科技圈的熱度。




          相較于傳統的機器人客服,機器人進化出了新能力,在數字內容推廣上展現新前景。在Discord中,由第三方機構提供各種數字內容服務能力的機器人,如將Patchbot機器人添加到頻道后,可以將用戶喜歡的游戲資訊/功能更新及時推送到頻道中,讓玩家獲取信息更及時;



          在Discord和Telegram聊天群組中,有很多提供數字產品服務能力的機器人,為群中小伙伴定期推送和主動獲取影音資源。




          隨著元宇宙、區塊鏈技術的火爆,數字內容也展現了不同以往的展示和推廣方式。2021作為元宇宙爆發年,向我們展示了未來的一角。通過虛實結合的互動體驗,數字營銷不再局限于單一的文字/畫面,而是通過多體感的交互,讓用戶全方位的體驗數字內容,為獵奇的互聯網用戶打開了數字營銷新篇章。


          1)虛擬偶像成數字內容推廣重要方式

          2021年,隨著元宇宙基建的推進和爆款案例的頻出,虛擬偶像也迎來了新一波發展高潮,引得不少音樂公司紛紛入局。19歲的加州虛擬網紅Lil Miquela代表了Z時代的社群偶像,她在instagram,youtube,discord等平臺分享自己的時尚穿搭,與名人或朋友的合影及生活想法,甚至她還在Spotify發布了自己的15首單曲。打造了跨平臺的Vmodel身份。



          韓國虛擬模特Rozy,不僅在社交網絡分享自己的穿搭生活,還如同常人一樣,營造看電影的真實體驗,她的代言產品不僅涉及線下美妝,還為線上購物網站,電影等數字產品內容做宣傳推廣;




          2)虛擬演唱會打造多感官音樂體驗

          賈斯汀 比伯舉行了一場由真實動作捕捉的線上虛擬演唱會,比伯在演唱《Peaches》、《Hold On》等人氣單曲的同時,觀看直播的觀眾可以根據場景與比伯進行線上互動:場景切換到田野時,觀眾可以點擊不同顏色的花朵,讓田野生出花朵形狀的流光;



          切換到街頭場景時,觀眾可以把聊天內容或愛心發送到比伯周圍;



          這種虛擬演唱會的形式將全球的粉絲連接在一起,在虛擬場地形成萬人互動的沉浸式音樂體驗。寶可夢25周年,聯合說唱歌手Post Malone推出了自己的虛擬音樂會,馬龍在這次虛擬演唱中共演唱了《Psycho》、《Circles》、《Only Wanna Be With You》、《Congratulations》四首單曲,在虛擬世界中與知名寶可夢一起完成表演;也為新發售的《寶可夢:晶燦鉆石/明亮珍珠》起到宣傳作用;



          3)利用虛擬社區打造游戲/影視宣發新方式

          Decentraland提供了去中心化的社交世界,用戶可以創建自己的虛擬形象,在不同的游戲場館進行切換,為游戲品牌起到了更好的宣傳作用;同時Dcentraland提供了虛擬土地售賣,用戶或開發者購買土地后,通過制作3D場景,發布自己設計的各種產品或服務,這些場景也可以使用VR終端來體驗,用戶或開發者可以發揮無限的想象力進行宣傳創作。



          韓國劇集《魷魚游戲》熱播后,劇集中的游戲關卡在羅布樂思公司的游戲社區被“1:1”還原,其中的游戲“1、2、3”木頭人進入推薦排行榜,吸引了眾多觀眾成為玩家,也讓很多玩家去奈飛追劇,擴大了該影視資源的影響力。



          4)區塊鏈及NFT技術賦予數字內容流通新方式

          伴隨著區塊鏈技術的發發展,有的游戲分發公司也在嘗試通過區塊鏈技術進行游戲發行。如Ultra試圖打造一個基于區塊鏈的游戲發行平臺,通過通證經濟實現更加合理的利益分配。對游戲玩家來說,可以在下載完成前就盡情享受新買的游戲,并在玩游戲時繼續下載缺失的數據。玩家可以自主選擇是否允許游戲內彈出廣告,觀看廣告可獲得通證獎勵,邀請朋友、參與測試和策劃游戲也可獲得相應通證獎勵。因此,游戲玩家既可以即時玩獨家游戲,又可以通過多種方式賺取通證獎勵。



          NFT實現了虛擬物品的資產化與流通化,賦予了數字藏品/游戲/影音等內容的虛擬價值;藝術品數字資產化將拓展影視相關內容的產品鏈,因被賦予獨特的價值,使得其可以通過交易完成變現。2021年10月11日,王家衛首個NFT作品《花樣年華——一剎那》以428.4萬港元價格成交,同時創下王家衛個人作品與亞洲電影NFT作品拍賣價格新高。



          總結

          伴隨著用戶數字內容消費習慣的變化,數字內容呈現方式、渠道和分發方式都在發生變化??梢钥吹皆谖磥恚瑪底謨热葜谱鞣胶桶l行方,需要為用戶提供更多元的方式深度進行體驗,同時承載數字內容的平臺也逐步由傳統的中心化渠道向私域流量轉移。作為數字內容發行方,如何有效且長線輸出高品質內容,構建內容壁壘,探索更有吸引力的表現形式、縮短和用戶的溝通渠道,是未來需要深入思考的。

          文章來源:站酷 作者:騰訊ISUX

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          純純

          iPhone X 在 2017 年上市以來,全面屏手機就開始逐漸普及。iPhone 8 的 4.7 寸屏幕到目前最新機型 iPhone 11 的 6.1 寸屏幕,以及 Pro Max 系列的 6.5 寸,各種各樣的劉海屏、水滴屏、挖孔屏、折疊屏等等屏幕方式隨之出現,物理 Home 鍵都被舍棄改成虛擬按鍵,甚至是沒有虛擬按鍵的手勢滑動操作。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          而這些手機都有一個共同的特點,就是屏幕尺寸越來越大。屏幕尺寸變大后,手握手機的方式和界面交互操作方式也隨之改變,那對于設計而言,是否也應該隨之進行改變呢?

          拇指的操作范圍

          想單手點擊屏幕的操作,需要手足夠靈活進行一輪操作才能夠到屏幕上方,過程中稍有不慎,手機隨時會砸地上。作者的手機屏幕已經修了幾次,差不多趕上一臺二手機的價格了。

          在 2013 年,國外設計師 Steven Hoober 發表了一篇《手機界面設計》的研究報告中,對一千三百名手機使用者進行量化研究數據:

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          據當時研究的數據可以看出,有近半的用戶是單手使用手機(現在肯定不止)。當用戶單手操作的時候,實際拇指可以觸摸到的區域是如下圖這樣的。綠色區域是拇指的正常操作區域,黃色區域是拇指能觸碰到的最大限度范圍,紅色區域是觸摸比較困難的區域。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          然而這份研究報告的數據是在 2013 年發布,當時還沒有全面屏的出現,如果把上面研究結論的區域,套用到如今的手機屏幕尺寸上,頂部的紅色區域會占更大比例。以 iPhone 11 尺寸比例作為參考,如下圖:

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          拇指可操作范圍大約在 3 分之 2 的區域,可見想要觸碰到紅色區域是有一定難度的。也正是因為這份報告只適合當時的手機市場情況,在當今已經不適用了,因此需要重新去考慮如何為大屏幕手機進行界面設計。

          為拇指區域設計

          根據 2020 年手機UX設計趨勢,大屏幕設計將會成為熱點。根據數據報告中有說明,2018 年 10 月使用大屏手機的用戶比例是16.3%,到 2019 年 12 月,該數據已經上升到 41%,并且會在未來更多新機型的出現中持續上漲。

          那隨著大屏幕手機的普及,就意味著設計師在設計界面的時候,要為大屏幕手機的使用場景進行界面調整,避免用戶難以使用的體驗問題。以下是我整理的一些設計建議方案:

          1. 頭部區域設計更高

          通過將標題欄的信息區域放大,盡量把主要操作內容向拇指區域靠近。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          2. 常用導航與操作居于底部

          比起導航欄放在頂部,更適合大屏幕手機的方式是將導航和重要操作盡量往屏幕底部放置。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          3. 手勢操作頁面切換與返回

          抖音和 Instagram story 等短視頻應用界面都是通過手勢滑動屏幕的方式,對頁面進行切換,操作的學習成本很低,而且主要操作也在屏幕底部。這種操作方式也會在今年越來越多地被使用。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          4. 提示彈窗從底部升起

          常用的彈窗,很多是設計在屏幕中間彈出,為了適配大屏幕,不妨嘗試從底部彈出,關鍵選項都能輕松選擇,提高轉化率。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          5. 使用大卡片

          屏幕尺寸變大以后,使用整張大卡片可以讓用戶瀏覽內容更專注,大面積的配圖和留白,也能提高用戶的點擊欲望。

          手機屏幕越來越大,UX設計師面臨哪些挑戰?

          除此以外,作為手機廠商,在發布大屏幕手機的時候,就有對界面操作做了一些對應系統級的設計調整,比如界面下拉懸停,鍵盤單手模式,屏幕邊緣滑動返回等等。

          總結

          大屏幕尺寸已經是趨勢,屏幕大意味著內容可以更大限度地得到展示,有利于產品提供更多的服務,不再糾結首屏無法展示完主要內容。在這個信息爆炸的時代,用戶也不再滿足于小屏幕的瀏覽方式??梢哉f,大屏幕已經是無法改變的趨勢。與其擔心問題到來,設計師更應該思考如何去適應產品的快速迭代,不斷更新自己的設計思維模型,更全面思考問題,產出更合理、體驗更好的設計方案。

          文章來源:優設   作者:布萊恩臣

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務


          2022年你需要抓住的 8 個UI/UX設計趨勢

          純純

          2022 年的 UI/UX 設計趨勢是什么呢?在本文中,我們將發現:

          1. 3D 視覺設計師的內卷將會越來越嚴重
          2. 數據可視化的工作將變得越來越重要
          3. 服務的移動化還需要做出更多努力
          4. scrollytelling 技術會越來越流行

          滾動已死,滾動敘事興起

          舊的滾動是無聊的。如果你想吸引注意力,你就需要實現滾動敘事(scrollytelling)。(彩云注:這個技術的核心在于邊滾動頁面邊講故事)

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          《紐約時報》是第一批在他們的文章《雪花飄落》中使用滾動敘事手法的機構之一。

          它是一種敘事形式,可以在網頁和 APP 上呈現。想象一下,在一個網站中每個插圖、文本和其他元素都開始變得生動起來。自然地,你會想看到這個故事的結局。它就像一個游戲,帶你穿越迷宮。雖然你不能影響它的進程,但卻讓你感覺自己能參與其中。

          2022 年,Scrollytelling 將會出現在你看到的每一個流行網站上。

          另一方面,scrolllytelling 讓用戶真正去閱讀內容。你可以用動態文本讓他們產生興趣,比如谷歌的網站。他們的團隊知道如何讓信息看起來更好:

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Scrollytelling 在用戶向下滾動時被激活,因此得名。沒有點擊,沒有選擇的麻煩,沒有彈出窗口。你似乎停留在一個地方,但通過滾動,把屏幕上的故事慢慢展開。這不僅要求設計師創造出酷炫的視覺效果,還需要認真思考一個你想要講述的故事情節。

          所以,最好的網站不可能在 2 天內建成,需要更多的時間去打磨。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          IAmBinadam 令人驚艷的敘述設計

          滾動敘事的項目通常需要大量的時間和精力。不過,這樣做的結果是值得的。頁面變成“活的”,每一秒都有新的事情發生,所以在閱讀時很難感到無聊。

          那么移動端 APP 呢? Pure 是一款約會應用(彩云注,這個應用在 app store 可以搜到,推薦大家安裝一個體驗一下,非廣告),它創造了一種我稱之為“tappytelling”的故事(當你第一次點擊并打開應用時,它就會被激活):

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Scrollytelling 是為用戶而創建的,用戶很喜歡它,不需要到其他頁面去閱讀整個故事。相反,網頁設計的整個故事都是事先考慮好的,并盡可能以最有趣的方式設計出來。

          用戶喜歡看數據,數據可視化越來越被重視

          如何在 2022 年做出一個還不錯的企業網站?你不會想告訴用戶你是“XX 領域公認的領導者,該領域最好的之一”。這種標準的廣告表達并不傳達任何有價值的信息。

          最好不要用形容詞,而是用事實來說明:你有多少分支機構,在哪些城市,誰是你的客戶,以及你是如何幫助他們的。抽象信息是不可靠的。但如果你有很多想要分享的數據,你需要讓它不僅簡單,而且有趣。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          數據可視化有助于以一種吸引人的方式傳達正確的信息。它也可以與滾動敘事(Scrollytelling)緊密結合。以下是 IAmBinadam 展示數據的方式:

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          通過去除數據集的復雜性,使信息更容易讓讀者感知。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          不同級別的數據具有不同的大小,這樣用戶知道應該先從哪里查看

          讀者可以很快注意到作者試圖通過圖片引出的結論。考慮到如今人們消費的數據量巨大,那些干凈整潔的數字帶來的正面影響更大。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          有些圖表乍一看甚至不像圖表,這使得它們更加能被注意到

          還有一種現象叫做“新冠后遺癥”。這是 Covid 對公司及其員工的長期影響。根據英國國家統計局的數據,2018 年,壓力和焦慮的平均得分約為 2.7/10。自新冠疫情發生以來,得分已升至 4.0/10,很少低于這一水平。同樣因為大流行,在過去兩年里工作量增加了 4 個小時。

          人們壓力太大,卷的太辛苦,以至于不愿去看復雜的數據。

          設計師做好數據可視化,以保持人們的注意力。記住,復雜的信息通常被忽略,因為讀者試圖節省他們的時間,更有可能使用滾動按鈕。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Illustration by Mona Chalabi

          以下是我們推薦的一些表示數據的方式

          1. 圖表和曲線圖
          2. 插圖
          3. 靜態信息圖
          4. 互動信息圖

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Illustration by Ink Factory

          如何讓信息圖表看起來更好?

          一個好的圖表,或者任何其他形式的數據可視化,都應該具有在 Edward Tufte 的“定量信息的可視化顯示”中描述的特征。在他的書中,Tufte 通過圖表解釋了好圖表的 3 個原則:

          1)展示數據的圖形元素與數值總數的比值應趨向于 1。簡單地說,應該刪除一切不必要的元素,保持整潔。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Graph by Hootsuite

          2)充分利用好畫面空間。也就是說,需要將數據編排的更緊密。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Graph by Hootsuite

          3)客觀地描述數據。不要使用夸張的圖表,可視化數據可以看起來很酷,但真實永遠是更重要的。

          2022 年還有必要做 APP 嗎?

          根據 We Are Social 的數據,2021 年有 52.2 億人使用手機,約占世界人口的 66%。自 2020 年 1 月以來,手機用戶數量增長了 1.8%(9300 萬),而手機聯網總數量增長了 7200 萬(0.9%),到 2021 年初達到 80.2 億。

          過去一年,社交媒體用戶的數量增長了 13%以上。到 2021 年初,社交網絡上已有近 5 億新用戶注冊。根據 App Annie 的數據,Android 用戶每天花在手機上的時間超過 4 小時。2020 年,安卓用戶上網時長超過 3.5 萬億小時。

          令人印象深刻的數字,是嗎?似乎到 2022 年,為產品做一個 APP 將成為必須擁有的東西。如何知道你的公司是否真的需要一款應用?有以下幾點可供評估:

          1)用戶主要通過移動設備訪問你的網站

          這是你應該了解的重要數據??蛻艉湍阍谝黄鸬臅r間越長,你就有越多的機會去吸引他們,了解他們的習慣,并給他們想要的東西。(彩云注:這就是為什么各大廠之間都在拼命搶占用戶的在線時長。)

          2)幫助內部業務流程更加有效

          如果你想要提高員工的工作效率、改進工作流程或增加利潤,那么就制作一個可以幫助管理業務流程的移動應用。

          如今,像這樣的手機應用使企業能夠執行越來越復雜和多樣化的任務,加快日常重復操作和文檔管理。

          3)實現一些網站上沒有的新功能

          如果你認為 APP 能為用戶打開新的觸點,并讓用戶體驗更加友好,那么它就值得考慮開發。問問自己的 APP 能提供什么新的商業機會?例如,隨著疫情的蔓延,許多人開始用上健身 APP 在家里鍛煉。

          4)競爭對手的情況

          要了解競爭對手在做什么,他們是否有 APP,能做什么,以及他們是否真的對用戶有用。

          查看 App Store 和谷歌 Play 的統計數據。下載和評論的數量可以告訴你用戶是如何使用競爭對手的應用的。如果他們的服務真的很方便而且很有必要,那么你就容易被甩在后面。

          5)復購率

          一個應用可以幫助你留住那些習慣從你那里購買的人。如果想為老客戶開展促銷活動了,給他們發送一個通知就能完成,成本更低。

          在正確的時間提供的報價越有吸引力,人們購買的可能性就越大。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          出租車服務公司有回頭客,他們肯定需要一個應用

          6)促銷工具

          有了應用,你就不需要花錢設計和制作實體卡,客戶也不需要隨身帶卡。將促銷計劃整合到 APP,并分享有用的促銷信息。

          做原生 APP 還是移動端網站?

          開發手機網站比開發手機應用需要更少的工作量,這反過來可以降低整體推廣成本。

          這部分是由于響應式設計的出現,它允許你根據打開網站的設備屏幕來調整網站。至于 APP,它們必須為許多移動平臺單獨編寫:Android、iOS、Windows 等。

          一些設計師認為“前端驅動的網絡體驗”會是 2022 年的一個好機會,我非常同意!
          (彩云注:在國內,現在開發小程序的肯定越來越多了。)

          3D 設計具備更強競爭力

          我們一開始并沒有將其放在首位,因為這并不是一個新的趨勢,在很久以前設計師們就已經設計了很多 3D 圖像和動畫了。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Cardi B rhymes with 3D

          3D 技術已經在過去流行了很多年,但它不會很快消失。此外,我們預測 3D 圖形將變得更加多樣化和包容。

          在過去的幾年里,3D 藝術和動畫已經出現在各種 UI 設計趨勢評論中。這意味著越來越多的設計師將它們整合到頁面中。

          3D 當然應該成為 2022 年最熱門的趨勢和預測之一,因為與經典動畫相比,逼真的 3D 形狀結合動畫總是引人注目的。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          “從技術上講,通過 3D 更容易傳達更多內容,因為它比平面圖片更接近我們的感知。3D 插圖更有深度,信息量更大,也更具互動性?!?

          許多設計師將 3D 對象無縫地“安置”在 2D 空間中。它允許創建更有趣的組合,也作為一個優秀的工作方法蘊藏著巨大的潛力。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          烏克蘭政府網站用 3D 手模擬了黑客帝國

          注意一點:在整合 3D 圖形等重量級內容之前,確保你的應用性能是 OK 的,能夠快速加載所有元素。

          元宇宙風潮

          Meta 的 logo 既不是 2D 也不是 3D。或者兩者兼而有之?這就是即將到來的 2022 年的莫比烏斯帶和薛定諤的貓。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          Meta logo 的變化

          (彩云注:這個概念在去年簡直不要太火,未來幾年肯定還會是一個大的趨勢,設計師也需要保持關注。跟著趨勢走,易于放大自身價值。)

          混合動畫

          越來越多的公司在網站和移動應用中使用動畫,以提高用戶的沉浸感和體驗,使內容更有趣。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          動畫是 2022 年重要的網頁設計趨勢。2022 年,如果沒有它,你的產品很可能會看起來就像個半成品。混合風格的動畫越來越受歡迎:定格動畫和 3D 動畫的結合,2D 動畫和 3D 動畫的結合。設計師這樣做是為了獲得不同尋常的風格解決方案,以及提高最終產品的質量。

          2022 年,動畫設計將是品牌市場定位的重要組成部分,想想一個公司新的視覺形象——動畫形象。隨著這個領域的專業設計師數量的增長,實現新想法的機會也在增加。

          2022 年如何使用網頁動畫?

          1)講故事

          動畫可以通過在界面和用戶之間建立情感聯系來傳達信息。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          加載動畫 Yoichi Kobayashi

          2)更有趣的加載

          用戶不愿意等待,除非載入畫面很有趣。帶有百分比的動畫不僅可以分散用戶的注意力,還可以告知他們加載頁面需要多少時間。使用進度條或者任何你能想到的可以顯示時間流逝的東西。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          3)光標效果

          用戶可以精確地觀察光標所在的位置。通過添加智能互動動畫,對這個光標作出反應來探索網站。這種效果在 21 世紀初非常流行。如你所知,流行趨勢往往每 20 年就會重演一次。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          4)動態排版

          你有沒有想過讓字母跳舞?

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          添加角色的動畫插圖

          據 Statista 統計,2020 年全球動畫市場達到了 2700 億美元。趨勢是視頻,而不是靜態信息。全球品牌在社交網絡上使用動畫制作廣告。毫無疑問,動畫插圖的優勢是它們非常靈活和多樣化。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          寶馬歷史動畫

          這樣的作品通常用于兩種情況:

          1)用于解釋視頻

          2)電商廣告

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          動畫解說的趨勢出現在幾年前,解說視頻清楚地顯示點擊的位置或公司的項目是關于什么的。

          在招聘或商業視頻中,用戶更喜歡看畫出來的人物,而不是抽象的形狀或物品。畫出來的人物可以喚起情感共鳴,就像活著的人一樣。

          微交互,大影響

          微交互是幫助用戶瀏覽網站或應用的小界面變化。通常這些是作為提示用戶的視覺或聲音效果:它們顯示發生了什么,將導致什么操作,下一步需要做什么。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          圖片來源 awwards

          動畫交互將為你的設計注入活力,并有助于保持用戶粘性。關注每一個細節是設計師工作的關鍵,因為設計中的所有元素都可以帶來積極的用戶體驗。

          重要的是要達到元素的和諧,而不是把注意力分散到界面的各個方面。微交互作用的一個重要部分是顏色,它們為界面元素增強價值。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          CTA animated

          微交互有助于頁面導航,解釋它們的功能。最重要的方面之一是加快和簡化以前冗長的功能,以實現特定的行為。

          動態 logo,加深品牌印記

          2022 年,在線品牌面臨著新的挑戰,需尋求新的解決方案,其中之一就是動畫 logo 設計。

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          圖片來源 Toridori

          動畫 logo 主要有以下幾點營銷優勢:

          1. 吸引注意力。這意味著它們有助于提高品牌知名度。
          2. 有助于提高 SEO。谷歌更傾向于動態內容,帶有動態圖形的頁面更容易吸引用戶。
          3. 在移動端看起來更好。絲滑的動畫看起來比靜態的 logo 更有趣。
          4. 最重要的是展示了歷史。靜態 logo 背后的想法正在動畫中發展。由于這一點,在幾秒鐘內,你可以展示品牌的使命,甚至它的價值!

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          一家洗衣機[公司]的標志

          現在有很多設計模板,可以很容易地用字體制作一個動畫 logo:

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          國外專業機構出品!2022年你需要抓住的 8 個UI/UX設計趨勢

          來源 Shabello, Bobby Voeten

          最后的話

          設計趨勢總是在變化的,但是設計的意義不會變。如果你不能深刻理解這一點,那么任何設計趨勢的文章不能幫你做好設計。

          文章來源:優設   作者:彩云Sky

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          來了!解讀2022年10種UI/UX設計趨勢

          周周

          想成為更優秀的設計師, 需要了解設計趨勢和受眾目標的需求。了解UI/UX設計趨勢本質上與了解時尚或者消費行業的趨勢并無本質差別,都必須傾聽人們的需求,關注人們如何使用產品,創造出美觀、簡單、易用的設計,使產品脫穎而出。

          我們收集了一份UX/UI設計趨勢的清單,幫助你了解2022年的相關行業變化。

          這些高級UI設計趨勢,我不允許你還不知道!

          鶴鶴

          正文


          如果移動應用程序不符合最新的設計趨勢,那用戶可能會放棄你設計的產品。 

          考慮到趨勢永遠不會保持不變,而且總會有新的趨勢出現,讓應用看起來既現代又漂亮是一項挑戰,但遵循設計趨勢對于每個產品設計師來說都是必須的。 

          我們了解到,跟蹤行業中的所有趨勢和趨勢并不總是可能的??偸怯行碌闹改?、動畫內容、視頻、新的插圖方法以及許多其他概念,您需要先抽出時間學習和測試。 


          這是我們總結出的 2022 年移動應用 UI 設計趨勢

          1、運動和動畫 
          2、手勢和滑動體驗 
          3、90年代風格 
          4、圖形深度 
          5、黑暗模式 
          6、排版 
          7、增強現實和虛擬現實 
          8、漸變和透明元素 
          9、舒適的視覺效果 



          1、動效和動畫

          我們都喜歡看視頻,并在 TikTok 或 YouTube 上花費大量時間。視頻內容和動畫更具吸引力和互動性。統計數據顯示,大多數人在使用應用程序之前都會觀看說明視頻。動畫和動作設計使內容更具吸引力。 

          與具有長描述的靜態內容不同,動畫可以保留用戶的注意力并使應用程序更具吸引力。用動畫突出重要的東西是一個好主意。例如,您可以為應用程序中的按鈕設置動畫,以使用戶與應用程序的交互更好、更直接。像圖標動畫這樣的微動可以顯著改變您的應用程序的體驗。 

          借助動畫,您可以強調應用功能、提高轉化率甚至銷售數據。 




          2、手勢和滑動體驗

          與電腦上的網頁端相反,手勢和滑動體驗使移動設備更具吸引力。我們每天花費數小時滾動和滑動操作。按鈕和其他動作可能會刺激和分散注意力。這種設計趨勢成為現代應用程序設計的最高優先事項之一。一些應用程序創建者甚至根本不支持按鈕的使用。按鈕會造成混亂并占用過多的屏幕空間。 

          建議用滑動功能替換按鈕。嘗試滑動動作的動畫會很有幫助。例如,圖書應用程序通常使用動畫來翻頁。 




          3、90年代懷舊風格

          90 年代的風格影響了所有領域,甚至是移動應用程序的設計。 

          設計師使用類似于 90 年代流行的 PlayStation 游戲(例如,馬里奧或吃豆人)的復古字體、圖像、圖形。擁有 90 年代的氛圍,您有機會獲得兩代人的興趣:年輕人喜歡復古的東西,而老年人則喜歡懷舊。 

          這種趨勢并不適合所有產品,但如果復古風格適合您的應用程序,嘗試一下也不錯。 



          4、賦予圖形深度

          扁平化設計看多了用戶會覺得很沉悶。人們喜歡看到更真實和互動的內容。圖形中的陰影和圖層賦予它們 3D 效果、體積和深度,使人們可以享受更逼真的圖像。 

          這種趨勢可以與任何元素一起使用,在屏幕上創建對象層次結構并幫助用戶更輕松地瀏覽應用程序。 

          然后,關于3D效果,我們來聊聊。3D 是一項革命性的技術。3D 圖形幾乎可以在任何應用程序中使用。例如,開發人員可以使用 3D 成像技術來構建存儲建筑物和房間內部地圖的應用程序。它可以非常適用于游戲并改變玩家的整體體驗。因此,在您的應用程序中為圖形添加深度時,請考慮 3D 趨勢。 




          5、黑暗模式

          暗模式是已在許多應用程序中高度使用的最大設計趨勢之一。最近,設計師也提供了在應用程序中在標準模式和暗模式之間切換的機會。所以用戶可以選擇他們最喜歡的任何模式。 

          深色主題設計將背景變為深色模式,并使字體和其他元素變為淺色/白色。 

          例如,現在在 Facebook 等最受歡迎的應用程序中都可以使用深色模式。切換到深色模式有助于人們減輕眼睛疲勞并更方便地瀏覽。 




          6、排版

          選擇正確的字體是移動應用程序設計中必不可少的一步。用戶在瀏覽頁面的時候不是一個字一個字的讀的,而是成行的“掃描”方式來瀏覽。因此,使用能夠正確設置重點的字體非常重要。 

          設計師已經開始使用不尋常的字體。文字不再看起來那么無聊,也不會迷失在背景中。其目的是使設計更明亮、更新穎。 

          正確選擇的字體將有助于:
          1、定下產品調性; 
          2、提高品牌知名度; 
          3、提供更好的視覺體驗; 
          4、提高可讀性。 

          通過組織排版為您的用戶提供愉悅且可讀的用戶體驗:設置點大小、行距和層次結構。 

          請記住,不尋常的“瘋狂”排版并不適合所有產品。定義文本在您的應用程序中的具體功能。如果它提供了額外的信息功能,請不要對字體進行太多實驗。但是,例如,在在線雜志中,您可以使用各種版式,使布局更有趣。 



          7、增強現實和虛擬現實

          虛擬現實和增強現實為用戶提供了一個難得的機會,讓您只需通過手機即可獲得互動體驗。 

          在新一年中,這種神奇的 UI 移動設計趨勢趨于增長和傳播。這種設計趨勢的關鍵在于應用程序的界面讓您感覺自己置身于應用程序中。引人入勝的設計元素和游戲化是這種體驗的關鍵。 

          這是一個結合我們之前討論過的趨勢的絕佳機會,例如動畫和 3D 效果。首先,精心制作的動畫和 3D 觸摸可以在您的應用設計中支持 VR。 

          你還記得那些來自 Instagram 的功能嗎?讓我們可以通過應用程序和移動相機將不同的角色放置在我們想要的任何地方嗎?然后你就知道這有多有趣了。此外,它不僅有趣而且高效。例如,宜家使用 AR 來展示一件家具在您家中不同位置的外觀。 




          8、漸變和透明元素

          這個UI設計趨勢是關于漸變和透明度的。設計師通常在按鈕和應用程序的背景上使用漸變。移動漸變趨勢突出了應用程序的基本部分,并使人們專注于特定方面,從而賦予他們層次感。 

          移動應用程序設計中的透明元素表達了對某些應用程序部分的深度和驅動力,使設計更清晰、更具吸引力。 

          您可以使用從淺色到深色主題的過渡,從而將屏幕分成兩個邏輯部分。此外,您可以在按鈕上使用漸變主題,使它們在屏幕上彈出。 

          玻璃擬態的概念也值得一提。glassmorphism 背后的想法是柔化明暗設計元素之間的對比。設計理念使用類似于磨砂玻璃表面的透明模糊背景。 

          玻璃態的主要特點:
          1、透明度和背景模糊; 
          2、透明物體上的細光邊框; 
          3、分層; 
          4、鮮艷的色彩。 




          9、舒適的視覺效果

          舒適的視覺效果是大部分用戶都喜歡的。用戶和應用程序開發人員都喜歡這種最近的移動應用程序設計趨勢。 

          移動應用程序設計不應該只是美觀。它應該讓我們的眼睛看起來更舒適。因為一整天,我們可能都會盯著屏幕看,但看多了,我們會感到疲勞和眼睛疲勞。為了減少這種不利影響,應用程序開發人員創建了一種我們可以舒適使用的設計。 

          舒適視覺設計趨勢的概念是為您的應用程序使用自然的色彩、舒緩的圖像和簡單的布局。這些技巧通常可以在冥想應用程序中找到。它們包括自然的真實照片,具有平靜的色彩和結構簡單的輕元素,很少有深色主題設計。 




          如果讓你的UI設計更好呢?

          這里有一些建議: 

          1. 多看別人的優秀設計
          分析它們的優缺點,從他們的經驗中學習。 

          2. 使用標準導航
          不要使用異型的導航欄,這會讓你的用戶迷失在應用中。 

          3. 使用優質的配圖
          抽象藝術、插圖、真實照片趨勢——一切都有助于吸引用戶的注意力。 

          4. 多看前瞻設計趨勢
          實時更新自己的設計知識庫,使設計水平使用保持一流。 

          5. 擅于總結與回顧
          可以計劃,三個月或半年總結回顧之前設計,總結不足之處。 

          6. 多于他人分享
          做設計不要怕被人看,或許有時候別人順口一說,就點開了難題。 

          7. 保持良好的心情
          遇到事不要慌,掌握好自己心情,才能掌握好你的設計。
          文章來源:站酷   作者:UI范
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.


          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務


          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          濤濤

          為把握文化產業未來創新發展趨勢,持續推動我國文化產業高質量發展,本文對2021年度我國文化產業“十二大”熱點現象進行了梳理盤點。跟著作者一起來看看吧。

          文中熱點總結得到中國人民大學文化產業研究院、中國民營文化產業商會、騰訊文旅產業研究院等相關專家學者的意見指導,并得到新榜(上??窗裥畔⒖萍加邢薰荆Α澳甓任幕a業熱點關鍵詞的傳播力和影響力”的大數據分析支持(對閱讀數、收藏數、點贊數、互動率、評論數及播放數等維度進行匯總整理):

          1.  元宇宙,互聯網及文化產業的下一個成長空間
          2. NFT,文化產業新模式
          3. 文化振興鄉村,煥發鄉村文旅新活力
          4. 數字文化,構建文化產業新生態
          5. 傳統文化“活化”,彰顯文化自信魅力
          6. 虛擬數字人,創造偶像文化新經濟
          7. 直播電商,后疫情時代的常態消費模式
          8. 游戲電競,助力游戲產業高速發展
          9. 沉浸式娛樂,文化場景的創新熱點
          10. 亞文化“破圈”,Z世代引領新消費浪潮
          11. 快文娛當道,年輕一代的文化消費新主流
          12. 私域流量,品牌營銷新陣地

          一、2021年我國文化產業發展的重大影響因素

          1. 疫情防控常態化

          自2020年新冠疫情發現以來,疫情在全球快速傳播,重挫了全球經濟發展,對各個國家和地區造成了不同程度的影響。根據世界衛生組織的官網統計數據,截至2021年12月29日,全球累計確診病例2.8億例,死亡540萬例。按聯合國人口基金會發布的《2021世界人口狀況》的全球人口75.97億計算,全球新冠疫情單位人口感染率約為37,即全球平均每37人中有1人確診新冠肺炎。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          全球新冠疫情(截至2021年12月29日)

          數據來源:世界衛生組織官網

          新冠疫情對全球和全國的文化產業產生了前所未有的影響,不斷改變著文化產業發展的產業邏輯和商業模式。

          受疫情持續影響,2021年文化產業發展趨于緩慢,尤其是線下文化消費受到疫情嚴重沖擊,大量企業面臨業績下滑、經營困難、人員流失等窘境。

          但隨著文化與科技的深度融合,疫情之下,云演出、云會展、云觀影等“云經濟”的產業地位不斷提升,數字影視、線上社交、電子競技、直播購物等細分領域增長迅速,進一步加快了文化產業的數字化轉型升級,同時促使文化產業與科技、商業、零售、制造、服務等領域進一步融合。

          2. 數字文化深化“上云用數賦智”

          在疫情防控常態化、科技不斷發展、人民對美好生活需求日益提高的背景下,數字技術發展深刻地改變了人們的娛樂方式,大眾消費數字文化產品和服務的頻次越來越高,尤其是年輕人對于應用最新技術、新鮮度和體驗感強、極具創意和時尚潮流的數字產品青睞有加。

          隨著虛擬現實、大數據、區塊鏈、全息成像、裸眼3D、人工智能等高新技術的加速應用,數字文化產業取得了爆發式增長,行業內生動力不斷增強。

          根據西方發達國家經驗,文化消費占消費總量比重約30%。根據2019年的數據,我國人均文化娛樂消費支出僅占消費支出的4%,可見數字文化龐大的消費市場剛剛起步,未來有非常廣闊的發展空間。

          3. 國家鄉村振興戰略

          2021年作為“十四五”開局之年,中央一號文件《中共中央 國務院關于全面推進鄉村振興加快農業農村現代化的意見》發布,國家鄉村振興局正式掛牌成立,國家農村工作的重心從精準扶貧全面轉向鄉村振興,而鄉村振興的重中之重在于產業振興。

          我國鄉村擁有豐富的歷史文化名鎮(村)、傳統村落、民族村寨、農業文化遺產、非物質文化遺產等文化和旅游資源,文化振興鄉村成為促進鄉村新產業、新業態提質升級發展的重要抓手。

          “十四五”期間,文化產業將進一步融入國民經濟主戰場,尤其在服務鄉村振興等國家重大戰略的落地方面將發揮更為重要的支撐和帶動作用。

          二、2021年度我國文化產業“十二大”熱點現象盤點

          1. 元宇宙,互聯網及文化產業的下一個成長空間

          “元宇宙”來自于英文Metaverse,最早起源自美國小說家Neal Stephenson在1992年出版的科幻作品《雪崩》,總體是指一個可以映射現實世界、又獨立于現實世界的虛擬空間,現實中的人可以使用數字身份在“元宇宙”中娛樂、社交、學習和工作等。

          盡管行業尚未形成最終統一的形態描述,但隨著全球各大龍頭企業和行業KOL入局,“元宇宙”無疑是2021年最受市場關注的熱點。元宇宙將打破現實和虛擬世界的邊界,在游戲、社交、娛樂、教育、內容、消費等領域有著廣泛的應用前景,市場普遍認為其將帶來互聯網、文化等系列產業商業模式的升級和市場空間的巨大成長。

          彭博行業研究預計元宇宙市場規模將在2024年達到 8000億美元,普華永道預計元宇宙相關經濟市場規模有望從2020年的500萬美元增至2030年的15000億美元,2020-2030年間的CAGR高達253%。

          Roblox是一個誕生于美國的UGC游戲平臺,于2021年3月在紐交所上市,成為“元宇宙”概念第一股,上市后一直受到全球市場的高度關注。2021年10月29日,扎克伯格宣布Facebook 正式改名為 Meta,以展現公司對元宇宙的重視與投入程度,更掀起了全球范圍對元宇宙的進一步熱議。中國各大龍頭企業緊隨其后,紛紛入局。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          元宇宙的形式及所需要素;資料來源:中信證券《元宇宙的未來猜想和投資機遇》

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          元宇宙的市場規模預測;數據來源:民生證券《元宇宙核心六問六答,如何看待它就是下一代互聯網》

          2. NFT,文化產業新模式

          NFT( Non-Fungible Tokens 的縮寫)意為非同質化貨幣,是可錨定現實物品的數字憑證,由于其獨一無二、稀缺、不可分割或復制等特點,可用來代表虛擬收藏品、游戲內資產、虛擬資產、數字藝術品、房地產等各種資產,與區塊鏈同被視為元宇宙的兩大核心底層支撐。

          2021年,NFT進入爆發增長階段,目前最大的應用領域是數字藝術和NFT游戲市場。

          長期來看,各個行業領域都可能實現NFT形式的資產流通,尤其是在元宇宙概念中NFT將扮演重要角色,未來有望成為文化產業信用評級和資產評估難題的解決途徑。

          2021年3月,數字藝術家 Beeple 的藝術品《Everydays:The First 5000 Days》在英國拍賣平臺佳士得以6934萬美元賣出,成為當時價格最貴的NFT藝術品。2021年12月,被粉絲譽為“NFT界畢加索”的藝術家Pak的項目“Merge”(“吞并”)在NFT交易平臺Nifty Gateway向公眾公開發售,48小時后9180萬美元的成交價格超過杰夫·昆斯拍價9110萬美元的雕塑《兔子》,在“全球最貴在世藝術家”排行榜上排名第一。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          《EVERYDAYS: THE FIRST 5000 DAYS》(左圖為JPG集合,右圖為其中一幅)

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          “Merge”(“吞并”)

          3. 文化振興鄉村,煥發鄉村文旅新活力

          在國家鄉村振興戰略指導下,各地依托政府扶持、社會機構跟進和資源資本投入,積極推進文化振興鄉村,帶動了鄉村文化旅游市場供需兩旺、快速發展,而短視頻、電商直播等業態更是在全社會范圍內加速了鄉村文化的推廣傳播。

          在疫情常態化防控的大背景下,更多客群的關注度也轉向了人口密集度更低的鄉村消費場景,山水田園、傳統村落、非遺民俗、民宿美食、康養休閑等鄉村文旅體驗迎來更廣闊的市場發展空間。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          2021年2月25日國家鄉村振興局正式掛牌

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          表:2021年上半年抖音平臺“鄉村”內容數據

          圖:企業側對鄉村文旅市場前景看好情況

          數據來源:中國旅游研究院&巨量引擎城市研究院《文化賦能旅游,旅游振興鄉村》

          4. 數字文化,構建文化產業新生態

          習近平總書記在考察馬欄山視頻文創產業園的講話中指出:“文化和科技融合,既催生了新的文化業態、延伸了文化產業鏈,又集聚了大量創新人才,是朝陽產業,大有前途?!痹谛掳l展階段,文化與科技深度融合發展的數字文化顯示出更為重要的戰略意義。

          2021年,人工智能、云計算、大數據等數字技術加速發展,5G、數據中心等文化新基建不斷落地,文化產業與新一代信息技術深度融合,不斷催生智慧文旅體、文化裝備制造、網絡視聽內容、傳統文化數字化、IP策劃運營、虛擬文化產業多種新業態和新場景,持續深化文化與旅游等相關產業的跨界融合,不斷加速我國文化產業數字化的轉型升級進程。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          文化科技融合的代表性場景和相關技術融合水平分析

          資料來源:《 2021文化科技融合報告》——騰訊研究院,清華大學文化創意發展研究院

          5. 傳統文化“活化”,彰顯文化自信魅力

          習近平總書記指出:“讓收藏在博物館里的文物、陳列在廣闊大地上的遺產、書寫在古籍里的文字都活起來?!痹趯鹘y文化的創造性轉化和創新性發展理念的指導下,AR/VR、短視頻、直播電商等技術不斷助力傳統文化“活化”,館藏文物、古典書籍、非遺傳承等融入現代生活和消費,實現了傳統文化的“場景化”、“生活化”和“市場化”,不斷賦能傳統文化企業的生產模式和商業模式。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          傳統文化視頻評論熱詞

          圖片來源:字節跳動平臺責任研究中心《短視頻與傳統文化研究報告》

          2021年,“沉睡三千年,一醒驚天下”的三星堆遺址再驚天下??脊殴ぷ髡咴谌嵌堰z址新發現6座三星堆文化“祭祀坑”,并出土數百余件黃金面具等重要文物,“三星堆遺址考古新發現”連續霸占社交媒體的數條熱搜,而融合了變臉、茶文化、蜀繡等川蜀文化元素、極具世俗煙火市井氣息的三星堆“川蜀小堆”盲盒,以及“三星堆搖滾盲盒”也引發了全民的持續關注。

          “IP蛋炒飯”公眾號撰文稱:“這些4000年前的出土文物,不僅極其貼合當代人的審美,甚至比當代藝術玩得更拽、更酷,洋溢著現代主義的的精神、和夢境般的想象力,將人性的感覺放大到極致。三星堆有著現代藝術特有的‘想象力’和‘百變’魅力基因,使之成為了傳統文化中的潮流巨星。”

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          三星堆最新出土金面具

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          三星堆搖滾盲盒

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          三星堆“川蜀小堆”盲盒

          圖源:“IP蛋炒飯”公眾號《2021-IP年度榜》

          6. 虛擬數字人,創造偶像文化新經濟

          虛擬偶像通過繪畫、音樂、動畫、CG等形式制作,在虛擬場景或現實場景進行演藝、工作等活動。

          2021年,隨著中國二次元用戶數量持續增加、數字技術不斷進步,初音未來、洛天依、一禪小和尚、美妝柳夜熙等虛擬偶像的受眾持續提升,在直播帶貨、虛擬演唱會、虛擬偶像選秀等場景中不斷應用,并從互聯網、傳媒等科技含量高的行業向信息技術密度低的地產等傳統行業推進,變現路徑向多元化發展,商業價值持續提升,市場規模持續擴大。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          2021年12月,萬科集團董事會主席郁亮在微信朋友圈發消息稱:“祝賀‘崔筱盼’獲得了2021年萬科總部優秀新人獎,她催辦的預付應收/逾期單據核銷率達到91.44%。”據報道,職場女性崔筱盼,是一名在萬科集團財務部悄悄工作了十個月的虛擬人,能夠提供7X24小時的服務,替代大多數的人力。

          萬科總部優秀新人獎獲得者——“虛擬人”崔筱盼

          7. 直播電商,后疫情時代的常態消費模式

          疫情防控常態化背景下,直播電商進一步成為地方政府、各大機構和品牌吸引消費者不可或缺的核心手段,在更好地滿足消費者需求、推動經濟高質量發展等方面發揮了積極作用。

          據Fastdata極數的數據,僅2021上半年,中國直播電商交易額超萬億元,同比增長超兩倍。隨著行業競爭的加劇、政府管理的規范及用戶認知的成熟,直播電商步入下半場發展格局,將進入精細化、規范化的運營管理時代,迎來公平競爭的市場環境。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          直播電商用戶滲透率

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          直播電商競爭格局

          數據來源:Fastdata極數《2021年中國直播電商行業報告》

          2021年10月20日淘寶主播銷售榜顯示,當日“雙十一”預售第一天,李佳琦直播銷售額達到106.53億元,薇婭直播銷售額為82.52億元,彰顯了電商直播驅動經濟發展的超強動力。

          2021年12月20日,浙江省杭州市稅務局稽查局查明,薇婭在2019年至2020年期間,通過隱匿個人收入、虛構業務轉換收入性質虛假申報等方式偷逃稅款6.43億元,其他少繳稅款0.6億元,依法追繳稅款、加收滯納金并處罰款共計13.41億元。

          8. 游戲電競,助力游戲產業高速發展

          目前,我國成為全球范圍內擁有核心電競愛好者最多的區域,是全球極具電競商業價值的市場。在新興技術推動和國家政策支持下,世界級電競賽事在中國舉辦以及EDG奪冠,電競直播更加火爆,電競產業徹底出圈,帶動用戶規模迅速增長。

          未來,我國電競市場規模還將持續穩步上升,進一步帶動游戲等周邊產業發展。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          數據來源:《銀河證券:電競行業深度報告——產業發展正當時,電競奪冠承勢起》

          2021年《英雄聯盟》全球總決賽在冰島首都雷克雅未克落幕,來自中國LPL賽區的EDG戰隊與衛冕冠軍、韓國LCK賽區的DK戰隊打滿五局,最終以總比賽3-2戰勝對手,奪得隊史首個冠軍。“EDG奪冠”在國內外的社交平臺上引發巨大反響,熱浪席卷整個社交媒體,尤其引得以多所高校為代表的中國粉絲沸騰狂歡。

          9. 沉浸式娛樂,文化場景的創新熱點

          近年來,密室逃脫、劇本殺、鬼屋、以狼人殺為代表的桌游等線下沉浸式娛樂場景,因其更強的娛樂體驗和社交屬性、更高的客單價及更快的內容迭代等特點,在綜藝節目帶動下逐漸大眾化,帶動全產業鏈條快速發展。在全息投影、聲光電等技術加持下,店鋪數量和行業規模大幅增長,但行業整體尚處于分散階段。雖然2021年線下娛樂場所因疫情影響受到重挫,沉浸式娛樂依然代表著未來線下的重點發展方向。

          2016年3月,芒果TV推出大型實景明星推理綜藝秀《明星大偵探第一季》,主打“燒腦劇情”和“懸疑推理”的綜藝模式,即節目每期以某一特定故事為背景,玩家在案發現場搜證、集中推理,并向偵探玩家闡述不在場證明,最后完成指認兇手的過程。根據國盛證券統計數據,截至2021年《明星大偵探》已更新至第六季,累計播放量達 41.4 億。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          數據來源:艾媒咨詢《2021年中國劇本殺行業用戶研究及標桿企業案例分析報告》

          10. 亞文化“破圈”,Z世代引領新消費浪潮

          根據中信證券《基于B站熱度的Z世代消費指數構建》一文中的定義:“Z 世代”是指1995-2009 年出生于世紀之交的“網生一代”,人口規模約2.64億,占我國總人口比重約19%。

          Z世代的成長過程伴隨著我國經濟建設和城鎮化的突飛猛進,以及互聯網尤其是移動互聯網的高速發展,因此展現出全新的世代特征。

          隨著首批Z時代逐漸步入職場成為消費主體,文娛、服飾、美妝、食飲、社服、家電等多個行業都迎來“亞文化”帶來的全新發展機遇。盲盒潮玩、國產服飾、輕奢國貨、新興餐飲、硬核科技等不同賽道,憑借年輕消費群體的需求和偏好不斷“破圈”,成為文化產業的新消費潮流。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          偏好中國本土化國潮、國風元素 Z 世代占比

          數據來源:中信證券《基于B站熱度的Z世代消費指數構建》

          11. 快文娛當道,年輕一代的文化消費新主流

          區別于傳統的大型、重型文娛,“碎片化內容消費”、“時間靈活自由”的快文娛,以輕、快、省時觀看的各種短視頻、微漫畫、輕小說、輕游戲等內容為主。

          根據芒果TV數據調查報告,Z世代偏好信息量密集、劇情推進緊湊、內涵豐富等有品質的內容,有拖進度、提速看等消費特征,更愿意為興趣付費,在Z世代領軍的文娛消費環境下快文娛成為消費主流。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          數據來源:芒果TV《95后&00后視頻用戶行為研究》

          12. 私域流量,品牌營銷新陣地

          私域流量是指沉淀在品牌或個人渠道、可隨時反復觸達、實現一對一精準運營的用戶流量。

          隨著互聯網滲透率登頂,流量紅利消退,公域流量獲客成本昂貴,各大平臺抽傭比率居高不下,商家逐步將經營重點從公域流量轉向為用戶全生命周期價值服務的私域流量已經成為必然趨勢,以微信、小程序、視頻號、企業號、社群、直播等為代表的私域流量的運營能力成為企業及品牌的新核心競爭力。

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          私域流量 VS 公域流量

          數據來源:光大證券《交還電商的舞臺和話筒給商家——私域流量行業深度系列報告》

          元宇宙、NFT、虛擬人…盤點2021文化產業十二大熱點現象

          2021年品牌私域營銷布局情況

          數據來源:億邦動力研究院《2021垂直類電商私域化洞察報告》

          2021年1月,微信在公開課Pro上發布數據稱:2020年度小程序電商GMV在2019年8000億人民幣的基數上,整體交易額繼續增長100%,人均交易金額提升了67%。

          2021年4月騰訊營銷洞察(TMI)和波士頓咨詢(BCG)發布的《2020社交零售白皮書》中指出:在所有消費者中,有79%過去一年曾在私域消費;其中72%消費者在私域中購買客單價超過100元;購買后,70%消費者表示愿意在私域進行復購;80%消費者愿意在私域進行分享;其中48%消費者至少每月購買1次。以上多項增長數據意味著私域流量帶來的市場規模還將繼續擴大。

          文章來源:人人都是產品經理   作者:新榜

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合