<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 私域想象空間

          資深UI設計者

          編輯導語:在過去,我們可能會發現一些私域觀念在實踐過程中會受到限制。在2022年開年,本文總結了6個“反共識”的經營思路,幫助你打開私域的想象空間,實現更多樣化的私域運營,一起來看看。


          我發現,過往我們對私域的很多觀念都是值得懷疑的,比如:

          • 做私域的目的,是讓流量得以復用;
          • 想要做好私域,關鍵是要投入足夠多的運營人員;
          • 社群是私域的最強形態。

          如果你真這么想,那你就把私域看窄了。2022年開年,為你提供六個“反共識”的經營思路,幫你打開私域的想象空間。

          一、拆掉社群的墻

          2021年的雙11,名創優品靠“快閃群”拉了一波銷量。

          名創優品有一個數據中臺,他們發現:在大促時,不同用戶的需求是不同的,如果在大群里群發促銷信息,會打擾到群里絕大多數人。

          所以,名創優品想了一個辦法:建很多個快閃群,每個快閃群只拉對產品有需求的一小波用戶,這樣,既不會傷害到大群用戶的體驗,還能精準地轉化用戶。

          就拿洗臉巾群來說,他們先在數據中臺提取數據標簽,把曾經購買過洗臉巾的老用戶找出來,給他們再拉一個社群,在新社群里發布免單活動信息。

          同時,名創優品還會把大群里活躍的KOC拉進小群充當氣氛組。精準建群+免單福利+KOC助陣,名創優品只用了3個小時就聚集了一萬多名用戶。

          名創優品的快閃群和其它社群最大的不同是:名創優品的快閃群是在服務即時的活動需求,活動結束后不會繼續投入精力運營。

          這種做法似乎與很多私域操盤手所說的“流量復用”的觀點是相悖的。那是因為很多人拘泥于用社群圈住用戶,忽略了私域真正存在的意義是構建關系。

          美國戶外家居品牌Outer,做私域時就跳出了“圈住用戶”這個思維。作為一個成立不久的品牌,Outer 沒有錢、也沒有足夠的人力搭建社群,更不用說搭建技術接口、給用戶提供1對1服務了。

          因為美國用戶有定期查看郵件的習慣,他們把家具裝修方案發到用戶郵箱,用戶被品牌理念和產品格調吸引后會主動點擊鏈接。

          把新用戶吸引過來之后,如何刺激他們下單并實現裂變呢?

          Outer 發現大家買了家具,都是直接擺放在自家后院,于是他們將目光投向了老用戶的后院。

          他們發起了“鄰居體驗家”項目,邀請老用戶把自家后院變成產品展廳,接待想要體驗產品的潛在客戶,大家坐在一起聊聊自己是怎么和品牌結緣的、買沙發后和家人經歷了什么故事、甚至是鳥屎落在沙發上要怎么打理等等。

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          ?? Outer “鄰居體驗家”展廳頁面

          疫情期間,Outer 把“鄰居體驗家”項目搬到了線上。有位體驗家的老用戶在網上把后院開放給新用戶,隔空給對方介紹產品。最后,這位新用戶買了產品,還在生活中和老用戶成為了很好的朋友。

          這些開放自己家后院的老用戶,每次接待完潛在客戶,都能額外獲得20-50美元不等的酬勞。事實上,在美國能夠買得起5000美元家具的用戶,在意的根本不是幾十美元的酬勞,而是有一個恰當的理由,和自己志趣相投的鄰居建立友好的關系。

          相比把用戶圈在一起,拆掉社群的墻、用興趣活動吸引用戶自發聚集,更能留住用戶。

          二、交付人情,讓客戶變成生態的一部分

          2014年,為了解決客戶投訴問題,阿那亞的村長馬寅和業主們一起建立了第一個業主群。

          為了保證業主體驗,他招了一批顏值很能打、服務很周到的客服。如果業主提出問題,5分鐘內必須給出回應,當天的事情一定要當天解決。

          除了服務響應速度要快,阿那亞還鼓勵工作人員和業主交朋友:有位北京的老業主是位糖尿病患者,但因為疫情出入京很困難,老業主的胰島素運不進來,阿那亞的客服就親自幫老業主把胰島素從北京帶到北戴河,解決了業主的燃眉之急。

          還有位小業主即將畢業,找實習單位時很迷茫,阿那亞的客服會發動身邊的家人和朋友,幫小業主聯系實習單位。

          阿那亞的私域邏輯是:不是交付服務,而是交付人情。

          阿那亞還鼓勵價值觀趨同、興趣相投的業主們自主建立興趣社群,面對面交流。

          熱愛戲劇的業主共同組建了戲劇社,他們聚在一起討論詩歌,體驗戲劇表演的魅力。后來,戲劇社的群友共同創辦了阿那亞戲劇節,每年都會迎來幾十場戲劇演出。

          阿那亞戲劇節藝術總監孟京輝,甚至把新作《傷心咖啡館之歌》都帶到阿那亞做首演。通過戲劇節,阿那亞把將近240位素人推上了北京一線話劇舞臺。

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          ?? 《傷心咖啡館之歌》表演畫面

          現如今,阿那亞業主已經搭建了戲劇、美食、建筑、運動等上百個社群,這些社群衍生出阿那亞電子音樂節、單向街書店文學節等一大批文化活動。

          在阿那亞,每年會舉辦一千多場活動,其中有一半以上都是業主自己對接的。這些文化活動,吸引大批游客從全國各地涌向阿那亞,驅動阿那亞進入商業正循環。

          可以說,阿那亞的商業生態是圍繞私域社群逐漸搭建起來的。在阿那亞的商業形態中,客戶不只是客戶,他們是阿那亞生態的一部分,和阿那亞共同享受商業紅利。

          私域不是榨取客戶價值,而是釋放客戶的價值。

          三、私域不是比拼技術和運營,而是內容

          我們將意咨詢是和贊意合資成立的公司,贊意旗下有個子公司叫贊意增長。前幾天,我和贊意增長CEO曾波聊天。他告訴我,現在玩私域已經不是比拼技術和運營的時代了,拼的都是內容。

          過去,說到私域裂變拉新,我們立馬就能想起來紅包。企業設置一個紅包金額,你得邀請十幾個好友注冊賬號,才能得到這個小紅包。門檻又高,又傷害自己的朋友圈。

          去年,贊意增長給安慕希做用戶拉新,用的就不是這個套路。

          安慕希有一款叫“藍胖紙”的酸奶,贊意增長把酸奶的三種顏色跟紅綠燈結合起來,和一位做過交警的B站UP主譚喬合作,設計了一款“譚sir同款”摘果小游戲。這個游戲跟我們小時候玩的打地鼠很像,只要你的速度超過系統,就有可能獲得新產品的優惠券。

          有了這個游戲,很多譚sir的粉絲心甘情愿被導流到私域上來,成為品牌的新用戶,每個人都自發地玩了將近3次游戲。

          當時客戶還在跟跑男合作,所以贊意增長圍繞跑男,開發了一款裂變小游戲。

          在游戲里,用戶要和跑男團進行拔河PK,如果對方有2個人,你想要贏過他們,就要邀請超過2位好友參與進來。

          用內容鏈接用戶,沒有紅包和獎勵,用戶也能自動加入你。

          如果一個普通企業想獲得目標用戶畫像,你猜他們會怎么做?

          以前,很多企業會邀請一批用戶,填寫企業的問卷,填完之后,企業可能會給你送幾件自家產品,或者包一個紅包。后來,大家從數據銀行,抓取用戶的消費行為,通過數據庫描繪用戶畫像。

          其實,這道題還有一個解法:靠內容獲取興趣標簽。

          贊意增長發現大家都很喜歡《跑男》里撕標簽游戲,所以設計了一款貼標簽小游戲。用戶邀請好友進入游戲,可以互相貼標簽,如果你認為自己的朋友是個吃貨,那就給他貼一個“吃貨”標簽,如果他很內卷,那就給他貼個“斜杠青年”標簽。

          這些興趣標簽數據,最終都會進入客戶的數據庫,輔助他們完成用戶畫像。在后續的私域運營中,他們可以依據用戶的興趣標簽,策劃內容活動。

          比如在有吃貨標簽的用戶群中,策劃和試吃有關的內容;在斜杠青年多的社群中,發送補充精神能量的小貼士等等。

          相比于用問卷和用大數據捕捉用戶標簽,用內容創意輔助完成用戶畫像,成本更低效率更高。

          接下來,將意和贊意增長會嘗試把「故事鏈」方法論跟私域結合起來,尋找更多用故事化內容經營私域的方法。

          四、關鍵不是怎么“去運營”,而是怎么“去運營化”

          做私域總歸繞不過社群,但我發現,很多人被社群話術模板洗腦了:用戶入群有歡迎語、每天下午會有下午茶問候、促銷節點還有特定的提醒話術。

          建立了話術模板之后,一大波企業的運營群是這樣的:

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          某個食品品牌,甚至制定了嚴密的運營計劃:周一、三、五KOC種草、周二通過科普知識輸出價值、周四推出限時秒殺活動、周五提出話題,和群內成員一起互動。

          模板化運營下,每個文字都是編輯仔細雕琢之后發出來的,很少出錯。不同的小編運營這個群,用戶都不會覺得有太大差異。

          模板化運營最大的弊病是人情味丟失,大家看消息就像看資訊,很難對品牌產生真感情。

          相比之下,日食記的對話方式套路感就少了許多:

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          日食記跟用戶對話的語氣很真實,即使知道對方是官方運營,那也是有人情味的運營。

          前幾年,我認識了W公司的創始人李三水老師,他把我拉進他們公司的社群——“野狗艙”,這個社群都是W公司的“伙伴”,大家每天都在一起討論最近有什么好聽的音樂、自己喜歡的畫作、哪部廣告片又出圈了。更夸張的是,有位粉絲活躍得像水軍一樣,經常給群里的小伙伴們講《易經》。

          有意思的是:這個社群基本上沒人專門運營它,完全是用戶自發地聊天。一家廣告公司,正常做的是2B生意,憑什么能聚集一個2C的社群呢?

          我覺得得益于W公司的價值觀。比如“不做創意人,只做創造者”、比如他們口中的“野狗精神”,這些銳利的價值觀,很是吸引年青一代,讓他們彼此產生認同。

          私域運營的關鍵不是怎么“去運營”,而是怎么“去運營化”。

          “去運營化”最基本的操作是:擺脫模板套話,交流語態重新回歸人與人的交流狀態。

          另外一個和“野狗艙”氛圍很相像的,是公眾號毒眸的社群。他們的主理人眸爺也是常年在群里潛水,但不管群主在不在,群里的粉絲每天都很活躍。

          跟“野狗艙”不同的是,毒眸社群的粉絲討論的內容會比較聚焦一些,都是最近哪部電影又火了、哪部電影制作班底不行。這個元旦假期,大家都在群里討論“《穿過寒冬擁抱你》可以去看嗎?”、“要不要看《愛情神話》”等等話題。

          毒眸是一個專注電影或電視劇分析的公眾號,粉絲都是因為對娛樂內容擁有強烈的興趣,才聚集到社群里的。而W公司的社群,粉絲們是因為受到W公司價值觀的影響,自愿聚集的。

          “去運營化”不是撒手不管,而是設置合理的價值導向,能夠感召用戶、自發地交流。

          五、私域流量變“私域經濟”

          前幾年,日食記上線了一檔美食節目《深夜一碗面》,這檔節目其實是為了推廣他們的自營產品手延素面,做了幾期之后,他們發現用戶很少關注面,都在問“在哪里可以買到這種蔥油醬?”。

          日食記的團隊想,既然用戶需求這么高,不如自己生產產品滿足他們。于是,他們跑流水線、跑供應鏈,花了半年時間研發出蔥油醬,產品一上線就火了。

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          這款蔥油醬,正式幫日食記打開做私域的格局:將私域流量做成私域經濟。

          跟傳統生意模式不同,日食記的私域生意是C2B模式,即用戶驅動生產。

          他們研發產品不是拍拍腦袋決定的,而是從內容中洞察消費者需求,拿著需求聯系供應鏈,以客戶需求為引擎,倒逼工廠“柔性化生產”。

          去年11月,名創優品的草莓熊玩偶成為爆品,采用的也是日食記同款模式。

          名創優品在做新品策劃時,先在私域調研過消費者需求,根據需求安排買手做樣品。然后將樣品拿給微信群里的用戶投票,用戶投票投出來的產品,才會在小程序進行新品預售。預售結束,名創優品才會拿著訂單,找工廠大批量做產品。

          產品正式上線后,他們還會在社群和直播間進行產品試賣,根據用戶實時反饋,再次進行產品升級。比如用戶希望有更大的、能夠摟在懷里的草莓熊,他們就根據需求,開發出PLUS版本。

          私域流量變“私域經濟”,不是賣更多的貨品給用戶,而是和用戶共創產品、共創品牌。

          六、私域的終極形態:從社群到社區

          2005年,樂高發起「樂高大使」計劃,從全球30多個成人玩家團體中挑選出20名大使,每個大使背后都有大大小小不同的社群,樂高只需要對這些社群進行官方認證,形成專屬RLUG(Recognized LEGO User Group),就能激發玩家對品牌瘋狂的愛護。

          圍繞認證社群,樂高推出了樂高大使平臺LAN(Lego Ambassador Network),玩家在這個平臺上能夠看到所有認證社群的簡介,大家可以在這個平臺上暢所欲言,和品牌方交流對產品的看法。

          樂高通過鏈接超能力「玩家」,建立起一個龐大的社區生態。

          2014年,樂高搭建專屬線上社區——LEGO Ideas,在這個平臺上,大家DIY自己對樂高未來的想象,進行創意提案。如果有討論熱烈的創意,樂高就會把它們研發成產品,并推向市場。像NASA的土星5號火箭套裝、美劇《老友記》的Central Perk玩具套裝都是用戶提議創造的產品。

          2020年,樂高還和內容制作平臺Tongal合作,建立LEGO World Builder(樂高世界建筑師)平臺,鼓勵創作者們和樂高相互合作,一起孵化新創意。任何18歲以上的人,都可以加入社區,創作自己的故事,也可以與其它作家、動畫師一起進行內容創作。

          【梁將軍】六個“反共識”的經營思路,打開 2022 私域想象空間

          表面上,樂高耗費巨大物力財力,為玩家們搭建了很多個交流空間。實際上,社區是個無限游戲平臺,也是樂高的創意銀行,只要社區存在,樂高就能一直獲得收益。

          這就是私域的終極形態:從社群到社區。

          得到搭建了自己的知識社區,而不是知識社群,你猜為什么?

          假如吳伯凡老師在得到授課,但他不是看完你的留言后跟你交流,而是在社群里和你即時交流。上完《認知方法論》,他就在群里@你,讓你回答一下“認知的「微創傷」是什么?”

          你會不會突然有一種被老師提問的緊張感?我猜你應該會緊張的。

          這就是社區和社群最大的區別:

          社群是一個相對狹小和封閉的空間,為即時交流而存在,人們在社群中社交壓力更大;社區是個相對自由的平臺,用戶在社區可以自由選擇是否要聚集,社交壓力相對小一些。

          社群為交換信息存在,和商業目的是對立的。社區是一個包容性平臺,用戶接受生意信息更容易。

          社區的自由度和包容性,讓它成為容納生意信息的最優選擇。

          回顧一下,我們共同消化了六個“反共識”的私域經營思路:

          1. 拆掉社群的墻;
          2. 交付人情,讓客戶變成生態的一部分;
          3. 私域不是比拼技術和運營,而是內容;
          4. 關鍵不是怎么“去運營”,而是怎么“去運營化”;
          5. 私域流量變“私域經濟”;
          6. 私域的終極形態:從社群到社區。

          七、結語

          企業運營私域的方式不斷在進化,但大家做私域的焦點一直模糊的,放不下對場域的執念、擺脫不了對工具的依賴,卻唯獨忽略了一點:對用戶關系的打磨,才是私域的底層邏輯。


          文章來源:人人都是產品經理   作者:梁將軍

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

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

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




          數字農業:農企數字化轉型實施路徑

          資深UI設計者

          農業產業鏈上的企業實現數字化后,才能逐漸帶動當地縣域整個農業的數字化,每一件事進行都有著它的實施路徑,農企數字化也不例外。本文涵蓋了某農企的數字化戰略規劃之路,與你分享。


          很多人一談數字農業上來的就是政府,這個我們也有文章闡述過。今天我們主要是來分析一下農企怎么做數字化,畢竟農業產業鏈上的企業一個個實現數字化之后,才會帶動當地縣域整個農業的數字化。

          每一件事情做的時候都是有實施路徑,農企數字化也不例外。

          農業數字化有方方面面,本文還是聚焦于農企數字化,只有一個個的農企實現了數字化轉型,才能讓整個農業產業鏈是數字化的,即實現某一個區域內的農業數字化。

          最后本文將給某農企的五年數字化之路,從業務優化、商業變革到技術應用都會涵蓋。

          本文可以看成是某一個農企的數字化戰略規劃之路。

          一、現狀評估-常規操作

          一般商業模式實施前,需要了解自身有哪些資源,有哪些優劣勢,政策經濟背景如何。

          農企做數字化轉型,也是如此,需要清晰地了解自己所處的產業鏈地位、產業地位、內外部環境如何。使用的工具有戰略地圖、波特五力模型、市場分析、SWOT/PEST、 價值鏈分析、標桿對標等一些列工具。

          最后期望的出來的就是農企要做農企數字化轉型,需要哪些資源,需要怎么做,需要多少成本,需要多少工期。

          以上都是常規操作,實施起來,不找個外部咨詢公司、花個一二百萬,還分析不出個所以然。

          二、現狀評估模板-簡單版

          所以我們的建議是,把農企高管集中起來,統一回答如下幾個問題。

          談談你對數字化轉型的理解,隨意任何方面,哪怕是國家政策導向。

          1. 你認為本企業數字化的模樣是咋樣的?
          2. 你認為可以從哪幾個方面發力成為你心中的數字化企業?
          3. 這幾個方面需要哪些成本和資源?
          4. 當地政府可以為哪些工作買單

          當然還有其他的五個問題。

          通過這幾個問題的高管問答,高層能夠看到農企數字化后的未來藍圖,也能看到現在到未來的差距。

          至于現在長得怎樣,相比未來而言,還是可以簡單看待。畢竟漏洞識別越多,得罪的人越多。不如多談談未來藍圖,跨組織跨部門的未來。

          三、某農企的數字化轉型藍圖

          農企的數字化轉型可以從以下一個方向展開。都針對大企業,小企業建議選擇其中若干項開展。

          第一,業務模式的變化,建議增加三塊業務,一個是政府項目申報,一個是直播+電商小程序,最后一個是自建渠道。三個的價值不一,政府項目申報,是與當地產業的深入融合,額外與政府形成聯盟。直播+電商小程序,不為真賣,只為營銷推廣和品牌孵化,所以短視頻也行。自建渠道,包括采購和銷售,一定要發展起自己的貿易屬性,將貿易武器抓在自己手里。

          第二,信息化建設,配合上面三個業務,做一些信息化數字化建設,可以建設的系統有農事生產系統,電商系統,進銷存管理系統,財務分析系統,人力資源系統等,可以做的數據分析有產量預估,農事作業分析,銷售價格預測。

          第三,商業模式創新。要為董事長CEO以及當地政府對口單位,一個可以不斷做大不斷優化的商業模式。不能只講自己的數字化,要講產業,要說明農企數字化進程中,給產業,給就業,給GDP帶來的變化。

          四、某農企的數字化轉型藍圖

          該企業為了確保以上戰略的實施,做了一下工作。

          1)成立項目管理團隊,用來管理整體的數字化轉型項目的落地實施和資源協調。

          2)成立政府研究和項目申報團隊,專門維持與政府及大企業的關系,支持政府各項涉農規劃在本企業的試點落地。同時專門面向政府的項目立項機會完成項目立項。

          3)構建自己的經銷渠道,并通過電商系統做自己農產品的軟文推廣。開始在各類自媒體上,聯合當地政府發布推介信息,爭取銷路和投資。

          4)分五年,將上面信息化系統進行落地,并選擇合適的云計算廠商,將系統和物聯網設備跑在公有云上。第三年開始,應用前兩年積累的數據開始做數據運營分析,發揮數據的生產力價值。

          5)開始認養農業模式,并選擇了合適自己的潛在目標客群。


          文章來源:人人都是產品經理   作者:農業數字化


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

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

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



          2022年10種UI/UX設計趨勢

          資深UI設計者

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

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

          在2021年的那份文章中,許多假設已不僅僅是一種趨勢——已經演變成全新的東西。

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




          1.極簡主義


          越是領先的科技公司,你會發現,他們對簡單大氣、重點信息明確、精致的設計越有強烈的偏好。這種趨勢逐年增多,覆蓋范圍也越來越廣,品牌和各行各業的設計師也越來越多的偏好這種風格。


          例如:英國金融科技公司Revolut


          Meta(2021年10月28日,Facebook宣布,該平臺的品牌將部分更名為“Meta”。)


          Dribbble設計師:MoRas ? 的作品

          小結:從心理學角度上說,極簡主義也是在尋求一種安全感,紛雜的物品和內容生產者無時無刻都在綁架我們的眼睛,很容易讓人沉淪其中,不能自拔。當越來越多的人開始明確自己的定位,明確這些購物和社交軟件只是滿足自己需求的一種工具,而拒絕做工具的奴隸?!赣X醒」的人越多,極簡主義的運用就會越來越普遍。





          2.粗曠/粗野主義


          粗曠主義包含強烈的輪廓、鮮明的對比色、大膽的排版和真實的生活攝影相結合。




          • 去年我們還在說:“ 野蠻主義設計風格短期內應該不會深入到UI設計中去,更多的會在網站,或者雜志的設計運用此種設計思想?!?


          今年Spotify Wrapped(可以理解為國外的網易云年報)就給我們上了一課—野無止境。

          貪吃蛇一樣的形狀配合各種高飽和顏色,穿插于各種界面和海報中,形成了巨大的視覺沖擊,令人難以忘懷。


          讓我們來看看他們的設計:





          3. 重回90年代


          流行趨勢總是輪回又輪回,但原因可能不是現在的人忽然意識到以前的回憶有多美好,而是當年的90后小孩成了行業的領頭羊以后,將童年的美好回憶拿出來沉醉一番,找個機會釋放內心的那份童真。

          創意機構CPB London的設計總監June Frange將這波趨勢稱之為「年代懷舊」,短視頻平臺和明星效應的加持,以及使用者自發性的DIY內容,也使得它的影響力更加強大。

          今年《王者榮耀》推出了兩個新主題的游戲皮膚,其中一個以舊版西游記為原型打造的孫行者皮膚,一經上線在銷售量上就遠遠超過了同時出現的安琪拉新皮膚。而原因卻并不是皮膚的精美,因為從孫行者皮膚的精美程度而言,官方這一次就是出了一個“原皮”。

          這樣一個簡單的皮膚,卻讓無數玩家紛紛掏錢買賬,這就是懷舊的魅力。這種使用傳統神話故事元素結合官方的創新設計,讓無數玩家用一種全新的方式感受到了傳統文化的魅力所在。


          雖然我玩游戲不多,但是也半夜爬起來買了個孫猴子~




          4.排版變得更生動有趣


          10 年前,行業對排版比現在要嚴格得多,有明確的排版和字體使用規范。

          不過現在,設計師們可以對標題和段落做任何想做的事情——完全取決于想象力。將字體與形狀、照片和表情符號混合,在其上添加紋理,或者選擇一種形式非常復雜的字體做裝飾。

          這種設計會產生一種有趣、引人注目的效果,但它也必須要美觀和諧——我們仍需在設計時首先牢記:用戶的舒適度永遠是第一原則。

          字體設計在2022年仍將占有一席之地,設計排版中融入夸張的、富有個性的字體,比如:同時擁有流暢的線條與銳利的棱角。


          《魷魚游戲》的韓文片名標題,是由幾何圖形重新排列組合而成,挑戰了抽象形狀和文字之間的區別,借此突破字體必須易于閱讀的局限,創作出具有表現力的形式。


          Design Bridge London的高級設計師 Chris Algar認為:「  2022 年將是字體的重要一年」。


          他預測:“我們將看到排版風格融入真正夸張的個性字體,在流暢的線條和銳利的棱角形狀之間形成對比。”
          Chris 認為,顏色和活力也將在 2022 年的排版趨勢中發揮重要作用。





          5.Glassmorphism 和玻璃元素


          玻璃態已經無處不在——這是事實。有背景模糊、半透明物體,如卡片、水彩、玻璃球等等。從 Mac OS Big Sur 和 Windows 11 ,玻璃擬態已經存在了很長時間。

          在去年,Glassmorphism(玻璃擬態)經過一整年的風靡也算站穩了腳跟,并未像新擬態風(Neumorphism)一樣火速崛起又火速沉寂。越來越多的設計師將這種風格融入設計中去。





          6.極光背景


          不知大家是否可能還記得前一年的這個趨勢——「模糊的彩色背景」。

          它在2021變得非常流行,甚至有了一個專有名詞——極光背景。

          微妙、多彩、模糊的顏色看起來非常友好和有機——且更具視覺吸引力。這些飛濺和高斯模糊可以用作整個背景或置于一些重要的 UI 元素下。








          7.全息/霓虹燈


          這種網絡全息/霓虹燈效果很適合虛擬現實和全息界面的時代。虛擬世界提供的新可能性激發了設計師的靈感。充滿活力的、發光的顏色、抽象的圓形、全息圖紋理是這一趨勢的典型特征。


          它也被廣泛用于許多加密空間,以展示這些接口的未來性。





          8.環保風


          我們大多數人還是愿意選擇環保的生活方式的,投射到設計中——可以將「生態外觀」和感覺融入設計中。

          越來越多的品牌在追逐這種「紙質感」的趨勢——背景通常是灰色的,類似于可回收的紙板。排版風格極簡。對比度很高。顏色非??酥?,看起來稍顯「暗淡」,這種風格包含現實生活中的攝影、紋理、和涂鴉。




          9.粘土形態3D


          3D 作為一種藝術風格正在變成設計趨勢和大眾流行

          現在一種特殊的風格越來越受歡迎,3D最新的流行風格是粘土形態——類似于由粘土制成的對象(形狀簡單,由圓柱形/橢圓形組成,由內陰影和外陰影創造深度,但采用更「松軟」的 3D呈現方式,通常與其他極簡設計結合在一起。粘土3D有種可以按出一個坑的質感。






          10. Metaverse


          元宇宙(英語:Metaverse),又稱形上宇宙,此一科技詞匯由前綴“meta”(意思是超越)和詞干“verse”(通過逆向構詞法從“宇宙(universe)”得來)組成,可簡稱為MVS。這個詞通常用來描述未來互聯網虛擬環境的概念,于共享、持久的3D 虛擬空間組成一個可感知的虛擬宇宙,此合成環境包含對象、常駐用戶與其交互關系,并存在于虛擬定義的時間中。旨在提供連接用戶長時間登錄和交互。廣義上的元宇宙概念不僅指虛擬合成世界,還指整個互聯網,也包括增強現實的范圍。


          Metaverse描述的是一種趨勢:越來越多的技術和媒介,都在不停地縮短虛擬和現實的距離。


          人類的大量活動和時間在往數字世界進行遷移。我們的社交活動、經濟活動都是在數字世界(或者叫虛擬世界)里面,玩游戲也好,購物也好,社交也好,所以元宇宙(Metaverse)就是順應這樣的趨勢產生的,元宇宙就是個數字世界。


          感興趣的朋友可以自行搜集詳細資料。



          用戶體驗設計,設計師的出發點是人,讓人的使用體驗感加強,趣味性加強,使用更加方便。





          文章來源:站酷   作者:一個辛普森


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

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

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


          2022年,互聯網10大關鍵詞

          資深UI設計者

          互聯網行業的未來趨勢是什么?本文將從宏觀環境、長期主題、確定性機會三個方面,來總結互聯網的十大關鍵詞,推薦對此感興趣的朋友閱讀,希望對你有所幫助。


          2021年,互聯網行業經歷了一場耐力大考驗。這一年,政策監管席卷了諸多行業,互聯網行業身處風暴眼。從反壟斷超200億元巨額罰款,到平臺之間“拆墻”勢在必行,數據合規已經上升至國家安全的戰略高度,一項又一項新政,讓互聯網行業告別野蠻擴張?;ヂ摼W大廠內部的日子也不好過。

          2021年三季度,互聯網大廠們均不同程度地遭遇營收增長乏力、凈利潤增速下滑的問題,紛紛裁員過冬、節衣縮食。內外環境的變化都昭示著,消費互聯網的時代漸行漸遠,互聯網行業正處在轉型的重大拐點。身處其中的玩家們,只有兩條路,要么抓住新機會、去新的戰場掘金,要么讓科技創新成為發展的底層驅動力。

          即將過去的2021年有著諸多關鍵詞,反壟斷大年、互聯互通元年、數據安全元年、碳中和元年、元宇宙元年……在2022年即將開啟之際,我們從宏觀環境、長期主題、確定性機會三個方面,盤點了十大關鍵詞,分別是反壟斷、互聯互通、數據安全、擁抱變化、碳中和、硬科技、元宇宙、產業互聯網、出海、助農,以期呈現互聯網行業的未來趨勢。

          一、宏觀環境

          1. 反壟斷:資本不再萬能

          2021年,被稱為“反壟斷大年”。尤其是互聯網領域,利劍頻繁落下。上半年,阿里巴巴因實施“二選一”壟斷行為被罰182.28億元,這是我國至今開出的最大反壟斷罰單。下半年,美團因同樣的原因,被罰34.42億元。單是這兩家大廠,因壟斷行為被罰金額,就超過200億元。

          過去二十余年,互聯網巨頭滲進各行各業,靠著一套“燒錢、合并、壟斷”的打法,瘋狂擴張,加劇了收入分配不公和社會不穩定。因此,“強化反壟斷和防止資本無序擴張”在去年的中央經濟會議上,被列為2021年八項重點任務之一。

          據統計,2021年以來,國家市場監管總局共發布反壟斷處罰案例上百起,其中七成以上案例涉及互聯網企業。而針對“二選一”、“大數據殺熟”等行為的反壟斷細則也在出臺。監管趨嚴之下,互聯網巨頭們開始有所行動。

          12月,騰訊以中期派息方式,將所持有約4.6億股京東股權發放給騰訊股東,對京東持股比例將由17%降至2.3%,被外界猜測為降低自身反壟斷監管的風險。騰訊持股的美團、拼多多、知乎等大公司或將面臨同樣境況。互聯網領域反壟斷的大旗,今年只是剛剛揚起。

          11月18日,國家反壟斷局正式掛牌,被視為我國反壟斷體制機制進一步完善的體現。而且,“強化反壟斷和反不正當競爭”在2022年中央經濟工作會議中再次被強調。這意味著,接下來,反壟斷在執法層面將常態化、系統化地鋪開,打破原有的市場壁壘。

          2. 互聯互通:“拆墻”是大勢所趨

          過去,互聯網公司們越來越壯大,逐步形成了平臺生態的閉環,圈流量池的“城墻”越筑越高,最典型的便是騰訊系、阿里系、字節系產品,分別以微信、淘寶、抖音為代表,互相屏蔽鏈接訪問,如微信不能直接訪問來自淘寶抖音的鏈接,淘寶購物不能使用微信支付,抖音針對第三方來源的產品、不支持進直播間購物車……

          隨著互聯網流量紅利逐漸消失,存量時期,互聯網企業們競爭的重點依然還放在如何加深流量池的壁壘,陷入了殘酷的惡性競爭。互聯互通,是反壟斷的舉措之一,更是為了能夠降低交易成本、促進創新創業,推進平臺之間的長遠良性發展。

          9月13日,針對屏蔽鏈接網址這一問題,工信部相關部門提出有關即時通信軟件的合規標準,要求9月17日前各平臺按標準解除屏蔽。然而,這天之后,平臺之間的互聯互通不及理想效果。有網友投訴微信并未開放,例如淘寶購物車一鍵分享功能在上線第2天就在微信失效。

          騰訊總裁劉熾平在財報會議上曾表示,平臺之間的互通是“非常復雜的問題”。從商業角度而言,以騰訊為例,互聯互通意味著騰訊系企業獨享微信生態的優勢將失去。單從技術層面分析,平臺打通之后,用戶體驗、用戶隱私都是需要考慮的問題。但從根本上來說,“拆墻”是大勢所趨。

          到11月29日,微信已經開始松綁外鏈,用戶發現已經可以在微信上直接打開淘寶以及抖音等鏈接。一位行業觀察者分析稱,2021年,在有關部門的推動下,互聯網平臺間的互聯互通已經完成了從0到1,也就意味著更多的互聯網企業至少不會在新的領域設置限制,而過去舊有的關卡,也會循序漸進地逐步拆除。

          3. 數據安全:加速度發展

          2021年6月,滴滴在美股遞交招股書,緊接著7月,“滴滴出行”因APP存在嚴重違法違規收集使用個人信息問題,被依據《中華人民共和國網絡安全法》相關規定下架。在滴滴之后,運滿滿、貨車幫、BOSS直聘也被啟動網絡安全審查,2021年數據安全審查的大幕拉開。

          滴滴事件背后,是互聯網產品的相關數據和技術應用不但涉及個人權利、隱私,還關系著公共安全乃至國家安全的議題。2021年,被稱為數據安全元年。繼《數據安全法》、《個人信息保護法》施行之后,有關部門還發布了《數據出境安全評估辦法(征求意見稿)》。

          一位數據安全領域從業者表示,今年很多大公司的重心是實施數據安全相關的法律法規,接下來,互聯網選手們的重心就會放在,如何更進一步在數據安全方面規避風險,提高效率。與此同時,數據安全的市場快速崛起。其中的隱私計算異軍突起,成為數據安全領域最炙手可熱的賽道。

          據統計,隱私計算領域2021年融資額已超50億元。中國信息通信研究院云計算與大數據研究所發布的《2021數據安全行業調研報告》顯示,我國數據安全已經到了發展的關鍵期,未來對于數據安全的需求將越來越大,同時對于服務能力和產品能力的要求也越來越高。

          4. 擁抱變化:合規是未來幾年的大趨勢

          這一年,高密度、強力度的監管持續,讓所有互聯網從業者都無法忽視。從整治幣圈亂象、教培領域的“雙減”、房地產行業的大震蕩,到監管風暴刮到短視頻、直播電商、游戲領域,面臨反壟斷、互聯互通、數據安全監管的互聯網行業必須求變。

          監管趨嚴的背后,是互聯網原有的打法已經不適合新時代的要求,有關部門正引導著整個互聯網企業,從以往的無序擴張、野蠻生長,向精耕細作的新時代轉型,從以前的消費互聯網模式,向由科技主導的互聯網時代發展。2021年三季度期間,阿里、騰訊兩大頭部,營收增速、凈利潤雙雙下滑,除此之外,多家大廠都面臨類似情況。

          互聯網企業紛紛裁員“過冬”,節衣縮食。展望2022年,合規一樣是大勢所趨,在未來幾年也還將持續?;ヂ摼W正在進入一個新時代,企業們需要構筑新的增長引擎。而身處其中的個體,也都要做好擁抱變化的準備。“唯一永恒不變的東西就是‘變化’”,將無比適用。

          二、長期主題

          1. 碳中和:未來十年的熱門主題

          在2020年中國提出“2030年前碳達峰、2060年前碳中和”的“雙碳”目標之后,2021年初,“碳中和”被第一次寫入政府工作報告,成為國家戰略,2021年也被視為是“碳中和元年”。碳中和,本質就是讓二氧化碳排放量“收支相抵”,減緩全球變暖。

          在“雙碳”目標提出之后,今年,互聯網大廠們都加速跟進“碳中和”,制定碳中和目標及規劃,動作貫徹全年。從1月騰訊打響頭炮,啟動碳中和目標規劃;3月,螞蟻集團承諾從今年起實現運營排放的碳中和,并在2030年實現凈零排放;到年中6月,百度發布“碳中和全景圖”,公布在2030年實現集團運營層面的碳中和目標;

          年底,阿里也明確提出了碳中和三大目標,要在2030年之前,實現自身運營碳中和、上下游價值鏈碳排放強度減半,用15年時間以平臺之力帶動生態減碳15億噸。對于這些互聯網科技企業而言,碳中和既是企業社會責任的一部分,也和自身商業模式相關。

          碳中和背景下,ESG投資火了。這種將企業在環境保護(Environment)、社會責任(Social Responsibility)以及公司治理(Corporate Governance)三方面非財務指標的表現納入投資決策的投資理念,在一二級市場都備受關注。

          紅杉資本、高瓴資本等頭部投資機構紛紛宣布將ESG納入投資決策,碳管理SaaS企業碳阻跡披露A輪融資后,據報道,創始人一天收到了1000多通來自投資人的電話。二級市場,證監會已經將ESG信息列為上市公司與投資者溝通的主要內容之一。

          波士頓咨詢公司發布的報告預測,為實現碳中和目標,從2020年到2050年我國需要累計投資90萬億-100萬億元資金?,F如今,互聯網大廠們已經以10年為周期進行碳中和目標的規劃,碳中和這個關鍵詞至少在未來十年內都將是熱點主題。

          2. 硬科技:迎來最好的時代

          “硬科技和科技創業是中國未來三十年發展的主旋律,是中國強大起來的必經之路?!碧岢隽擞部萍祭砟畹闹锌苿撔莿撌己匣锶嗣桌谠岬剑@一結論背后,是中國正處于從模式創新到科技創新轉型的拐點,中國政策正在從投資驅動、要素驅動到創新驅動轉型。

          硬科技強調將核心技術牢牢掌握在自己手中,代表性領域包括光電芯片、人工智能、航空航天、生物技術、信息技術、新材料、新能源、智能制造等。資本早已經押注硬科技。在高瓴資本和紅杉資本2021年的投資中,硬科技成為了投資最多的方向。

          紅杉中國創始及執行合伙人沈南鵬曾對媒體表示,硬科技領域投資,已經超過紅杉中國投資組合的80%,“一個科技主導的創業新時代已經到來”。北交所11月15日開市當天,78家上市企業當中,有16家是硬科技企業。互聯網巨頭們也都將硬科技布局至于重要地位,內部下場自研,對外投資收購,雙管齊下。

          12月,騰訊減持京東背后也是投資邏輯的改變,相較消費類投資,騰訊轉而更關注硬科技領域,包括芯片公司燧原科技等;阿里內有達摩院和半導體公司平頭哥,對外投資有紫光股份、恒玄科技等;美團的策略從“Food+Platform”轉變為“零售+科技”,深耕無人配送領域,還在自動駕駛、機器人、激光雷達、芯片等領域加強投資。

          硬科技產業是新一輪產業革命的動力引擎,已經成為了業界共識。人才、熱錢都在涌向硬科技這個會影響一個時代的領域,但硬科技發展門檻高、前期投入大、技術迭代周期長,投資者更需要熬得住。

          3. 元宇宙:未來的星辰大海

          元宇宙,這個連定義都尚未明晰的概念,在2021年火遍全球。上半年,元宇宙第一股Roblox上市,就引起了市場對于這個新鮮事物的關注。下半年元宇宙突然爆火,離不開全球互聯網巨頭Facebook澆上的一把油。Facebook宣布改名為Meta,以更名表明進軍元宇宙(MetaVerse)的決心。

          這之后,虛擬人“柳夜熙”大火,短短幾天就圈粉500多萬。騰訊、阿里、字節跳動都紛紛表示,正在布局元宇宙,就連網易云音樂,也要打造音樂元宇宙。

          一級市場上,創業者早已扎堆涌入。據企查查顯示,僅帶有元宇宙名字的公司就近千家,元宇宙相關領域的搶人大戰搶先打響。與之相關的數字人、VR/AR、游戲、社交領域的產品,都引發了投資人的關注。

          二級市場上,元宇宙概念股更是狂飆突進。股票只要蹭上元宇宙就暴漲,居高不下的漲幅,甚至驚動監管部門要求說明公司與元宇宙的關系。有機構以知識付費項目把元宇宙包裝成一夜暴富的機會,聲稱“未來只有元宇宙這一條路”,以販賣焦慮的方式借機斂財,有元宇宙培訓課程10天收入160萬。

          元宇宙里的炒房熱、炒地熱,也完全不輸現實世界。下半年,全球虛擬土地的單筆最高成交紀錄接連被打破,不到一個月時間,從243萬美元、430萬美元提升至約500萬美元。就連國內尚在內測期的元宇宙社交產品,其虛擬房產在二手市場的交易都異?;馃?。

          與現實世界平行,能通過“化身”在三維空間交流娛樂的元宇宙,距離真正實現,在技術層面還有很長的路要走。單從被視為元宇宙入口的VR/AR設備層面而言,一年出貨量在千萬級別,距離普及還很遠。但關注者們都認為,近幾年內,忽視元宇宙的發展和進化,一定會錯過大機會。

          三、確定性機會

          1. 產業互聯網:數字化轉型大勢不可逆

          產業互聯網不算是新話題。早在2019年,騰訊創始人馬化騰就曾表示,互聯網的上半場是消費互聯網,下半場是產業互聯網。到2021年,在國家宏觀政策導向中,數字經濟、數字化已經成為相關政策文件中多次提及的關鍵詞。

          消費互聯網時代的商業模式能夠帶來的增長和創新日趨窘迫,下一個時代,以互聯網技術對各個垂直產業鏈進行數字化重塑和改造,將互聯網與實體經濟進行融合,加速產業的數字化轉型,即產業互聯網,是政策支持的方向。

          現如今,云計算、人工智能、5G等技術正在向金融、醫療、教育等行業滲透,技術的發展也正掀起新一輪的產業革命。互聯網頭部大廠們都在朝著這個通往未來的方向行進。騰訊自2018年“930”變革起,就全面發力產業互聯網,在智慧零售、智慧醫療、智慧金融、智慧教育等多個領域垂直布局;

          阿里巴巴集團董事會主席兼CEO張勇提及,希望能成為一家消費互聯網和產業互聯網結合得更好的公司,協助企業數字化轉型的阿里云,2020財年營收已經超過了200億元。此外,百度、京東、字節、美團都在布局產業互聯網。

          中信聯產業互聯網工作委員會秘書長張健在一次公開分享中提到,近幾年產業互聯網的發展,可以發現其服務體系正在呈現螺旋式的迭代升級,同時它本身的服務在進行一體化、集成化的創新。產業互聯網平臺的發展,一方面不斷地豐富和拓展各類服務,另一方面,不斷地推動各類服務,進行數字化、網絡化、智能化的迭代升級。

          2. 出海:去新的戰場掘金

          12月,阿里進行了近五年以來最重要的一次組織調整,沿用多年的To C(面向消費者)業務和To B(面向企業)業務架構被拆分,重組為國內業務和全球化業務兩大板塊。阿里海外新興業務的重要性顯而易見,這部分業務的增速,遠高于國內市場。全球化成為與內需、云計算并列的阿里三大戰略之一。

          隨著國內市場戰局已定,主流的互聯網公司早已打起了出海的主意。現如今電商、游戲、娛樂社交產品、內容文創是出海的幾大領域。電商領域,自2020年疫情以來,我國跨境電商呈現爆發式增長。天眼查顯示,2021年我國有超60萬家跨境電商相關企業。

          在亞馬遜“封號潮”在跨境電商圈持續引起震動后,TikTok就成了賣家們主要關注的另一個平臺。在游戲出海中,據央視新聞,近年來,國產游戲出海已成為中國游戲產業重要的增長來源,數據顯示,2021年中國自主研發游戲海外市場實際銷售收入達180.13億美元,比2020年增加了25.63億美元,同比增長16.59%。

          娛樂社交方向,以Bigo Live、Likee、Hago多款產品分別發力直播、短視頻、游戲領域的歡聚集團,擁有MICO、Yumy等社交產品并在游戲領域布局的赤子城,以及主攻中東市場社交和游戲的Yalla,都已經在海外市場打開了局面。

          TikTok的發展更是備受關注,9月,其月活用戶量已經突破了10億,有數據顯示,其成為2021年全球訪問量最大的互聯網網站。出海往往面臨著產品服務水土不服、政策管控等風險,但也擋不住互聯網公司們出海找增量。時至今日,互聯網選手們出海的陣地從東南亞、印度到中東、非洲、拉美,如今已經席卷全球。

          3. 助農:助推鄉村振興

          歲至年末,抖音“張同學”一夜躥紅。不到三個月漲粉1760萬,平均每天漲粉超20萬。隨著張同學被關注,外界逐漸意識到,這個現象級網紅引領的農村題材短視頻成為焦點,離不開抖音對新農人的流量扶持。這被認為,既為尋找新的場景增量、向曾經的老對家快手的腹地深入,也抓住了鄉村振興的主旋律。

          盯著農村市場的大有人在。電商平臺早就講起了助農故事。拼多多以農產品起家,從基因上就有扶農助農的優勢;阿里淘特、京東京喜2021年也都將生鮮農產品的銷售當作重點發力方向之一;社區團購的選手們更是沒有放過“助農”,橙心優選、十薈團都在今年提出了助農計劃。

          不止如此,互聯網企業們也從數字化升級的角度助農。鄉村振興,助農先行。這些互聯網企業們如此看重助農,離不開國家對于鄉村振興的重視。2021年,中央一號文件正式提出全面推進鄉村振興,加快農業農村現代化,凸顯了新發展階段黨中央對農村工作的高度重視。

          農村市場潛力有多大?有關部門公布的數據顯示,我國每年果蔬產量、消費量高達7億噸,約占世界的40%。我國鄉村消費品零售額增長連續8年快于城鎮。一面是政策的扶持,另一面是農村市場的巨大潛力。

          “助農”既意味著鄉村振興,更意味著新的增長潛力。中國鄉村振興建設委員會副秘書長袁帥對深燃表示,互聯網企業們的“農業夢”早已表露無疑,如今爭先入局,是因為全球疫情影響下經濟內循環是關鍵,只有盤活“三農”資源,才能實現對下沉市場的挖掘。

          文章來源:人人都是產品經理   作者:深燃
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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

          訂閱,決定一家SaaS公司的未來

          資深UI設計者

          訂閱不但是一種商業模式,更是一種思維方式。本文將圍繞訂閱展開,講述一個好SaaS的標準是什么?什么是訂閱模式下的增長秘密?推薦對此感興趣的朋友閱讀。

          一、SaaS好不好?看訂閱

          最近看到網上有關于真假SaaS的爭論,還有人列了一堆的真SaaS標準。其實,好SaaS有一條標準就夠了:看訂閱收入的占比。一般認為,訂閱收入占比超過70%,才能被視為一家SaaS企業。為什么是70%?

          這并不是一個數字劃分的標準,而是對應了一個穩定的收入增長要求。也就是說,如果訂閱收入低于這個比例,收入增長的目標、速度和穩定性就沒有保證。

          我們都能觀察到這樣一個現象,即國內的SaaS公司,大部分都會遭遇收入的限高桿。也就是說,當收入達到某一水平時,就到了天花板了,很難再增長了。這當然有很多原因,但最主要的,是訂閱收入的占比太低了。

          所以,訂閱不只是一個付費的方式,它更是一種強大的盈利模式。訂閱業務的背后,還有更深刻的商業邏輯和經營邏輯,所以SaaS才具有深度的變現能力。要說訂閱最大的魔力,在于它是一種前瞻性的收入方式,俗稱“躺賺”。

          舉個簡單的例子。假如一家營收1個億的SaaS公司,假定其訂閱收入占比為90%(國外絕大多數SaaS公司都能達到的水平)。那么,每年伊始,就有數千萬的收入,已經趴在銀行賬戶上。還沒開始干活,年收入目標已完成大半。爽吧?

          反之,假定這家公司的訂閱收入只占10%。那么,新年伊始,賬上收入基本是一片空白。絞盡腦汁想辦法,怎么才能掙到一個億?這種“SaaS”公司,即使上了市,業績也像是過山車,日子仍然不好過。

          二、產品轉服務,交易變訂閱

          訂閱近年越來越火了,甚至有人提出“訂閱經濟”的概念。其實訂閱并不是一個新事物,像訂報紙、手機套餐、用水、用電等,都是訂閱。就訂閱本身來說,并不至于搞成一種經濟模式。訂閱之所以會火,還是因為服務。

          毫不夸張地說,當今世界的大部分商業,都運轉在“即服務”(XaaS)的商業模式上。比如:運輸、教育、媒體、健康、互聯網、零售。當然,還有軟件。在產品時代,賣方與買方之間的關系建立在不連續的、匿名的交易基礎之上。也就是說,交易完成后,雙方再無聯系。

          比如賣軟件,交付之后趕緊找下一單生意,唯恐被客戶拖住。因為無法與客戶建立并保持持久的關系,所以這種生意模式的營收效率低,而獲客成本高。從產品時代進入服務時代,軟件這種交易模式,越來越沒有市場。在服務時代,對客戶來說,所有權已經不再重要,使用權才是他們所關注的,即他們更傾向于“使用而非擁有”。

          比如,想聽一首歌,沒必要買來整張CD。想喝一杯牛奶,沒必要把一頭奶牛牽回家。想使用一個信息服務,沒必要建立整個IT系統。服務需要一種新的客戶模式,訂閱模式由此盛行。

          然而,并非所有的服務都適合訂閱,只有那些可以數字化的服務,它們才能與訂閱模式珠聯璧合。比如SaaS。從數字化角度,訂閱業務又分為全數字化和部分數字化。數字化含義包括:服務內容數字化、訂閱方式數字化和服務結果數字化。由于互聯網的出現,訂閱數字化和服務結果數字化,已不是問題。

          但如果內容可以數字化,那就是一個完美的訂閱生意。它意味著全盤生意可自動化完成,即低成本、高效率、高精度地服務。因為SaaS符合這三個要求,所以它才受到追捧。訂閱業務不但要求保持交易的連續性,還必須保持收入的穩定性增長。國外SaaS快速增長,就是因為把訂閱的優勢發揮到極致。

          訂閱模式的成功,需要有一塊基石,這就是所謂的年度經常性收入(AnnualRecurring Revenue,ARR)。什么是年度經常性收入呢?簡而言之,就是你的訂閱用戶每年預期為你帶來的確定性收入。我們用軟件和SaaS做個比較。

          假定一筆軟件交易,能一次性收入30萬;而按照SaaS服務合約,未來的5年或10年間,每年都有10萬的年度經常性收入。你認為哪種生意的變現能力更好?對于SaaS公司來說,現在的問題成了:如何保證客戶能在未來10年間,持續訂閱?即預期收入的確定性問題。這就涉及到訂閱的底層邏輯,即訂閱的本質。

          訂閱的本質不是收入模式,而是與客戶建立并保持持續的關系。而要做到這一點,必須有一個訂閱型的服務組織。如果一家SaaS公司遇到了限高桿,正確的做法不是去抬高橫桿(沖銷售額);而是通過組織和運營的SaaS轉型,走一條沒有限高桿的路。SaaS收入的訂閱疊加模型,收入增長在理論上沒有上限。

          三、訂閱模式下的增長秘密

          雖然面臨限高桿,但不影響SaaS公司對增長的渴望。如果不增長,SaaS企業就進入僵尸模式。但是,如果增長的策略不對,也還是勞而無功。眾所周知,軟件公司的增長思路,是銷售更多套軟件,提高客單價,盡量產品化不定制(雖然不大可能)。做到了這三點,就可能實現增長。

          不過,從過去的十年來看,企業軟件的年均復合增長率,已經降低到個位數了。SaaS要是也這樣干(事實上真有),結果不會比軟件更好。換一個角度看,因為SaaS是服務,所以其增長策略不同于軟件。不過也是三點,即獲得更多的客戶,提升這些客戶的價值,更長久地擁有這些客戶。這與訂閱的本質高度吻合。

          對于增長來說,SaaS訂閱模式還有另一個優勢,是其收入的抗衰減能力。即收入增長受外部因素的影響較小,主要是因為訂閱模式下的ARR相對恒定。比如在疫情期間,新客戶的拓展幾乎停滯。這對于像軟件一類的產品公司,收入增長也隨之停滯。

          但對于SaaS來說,即使沒有獲得新客,訂閱收入也不會受到太大的影響。服務(Service)與訂閱(Subscription)這兩個S,就像SaaS的兩個增長引擎。只有經營好它們,SaaS企業才有未來。

          四、寫在最后

          目前,國內SaaS公司對盈利模式的認識,還只是停留在續費的水平上;而對于訂閱的本質認知還不夠深入。雖然訂閱和續費看起來意思差不多,但訂閱需要ARR等一套全新的指標衡量體系。而支持這一收入模型,需要與以往不同的經營邏輯。

          訂閱收入的占比差異,是國內外SaaS公司業務內容的最大不同。如果訂閱收入占比太低,SaaS公司很快就會到達營收的天花板。訂閱不但是一種商業模式,更是一種思維方式。從SaaS訂閱的好模式,變成“躺賺”的好生意,需要深刻理解訂閱背后的邏輯。

          文章來源:人人都是產品經理   作者:ToBeSaaS
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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



          金融科技的下一站

          資深UI設計者

          相比于傳統金融而言,科技為金融提供了巨大的動能。探討科技主導下的金融科技的發展之道,對于當下的行業發展具有至關重要的作用。本篇文章對此進行了詳細的闡述,推薦對金融科技感興趣的朋友們閱讀。


          如果一定要為現在的金融科技玩家尋找一個注腳的話,或許「科技」在恰當不過了。

          沒錯,幾乎所有的金融科技玩家都在用「科技」標榜自己,逐漸變成了當初他們宣揚自己的樣子。

          事實上,當初的金融科技玩家并不想要成為科技玩家,他們口中所謂的「科技」僅僅只是一個名頭而已,他們真正從事的依然是金融的買賣。

          事實證明,僅僅只是將「科技」當成幌子,并不能夠帶來長久發展,而只有真正投身「科技」的懷抱,告別對于「金融」的幻想,金融科技的發展才能行穩致遠。

          正是因為如此,當以螞蟻金服、京東數科為代表的一眾金融科技公司的發展被監管,越來越多的金融科技玩家才徹底打消了對金融的幻想,真正投身到了科技的賽道上。

          很顯然,「科技」并沒有「金融」那樣立竿見影的效果,對于玩家們來講,投身到「科技」的賽道上預示著他們需要付出比以往更多的努力,才能獲得發展。

          另外,投身到「科技」的賽道上,是沒有樣板可以借鑒的,他們需要自己摸著石頭過河,才能找到一條真正符合自己的發展道路。

          因此,探討「科技」主導下的金融科技的發展之道,對于當下的行業發展具有至關重要的作用。它直接關系著金融科技的未來,甚至直接關系著金融科技玩家們的前途命運。

          一、回歸金融主體,科技化整為零

          無論是在互聯網金融時代,還是在金融科技時代,我們之所以會遭遇如此多的困境與難題,其中一個很重要的原因在于,科技取代金融成為了主體,最終讓金融行業的發展和進化出現了失焦。

          因此,當「科技」成為金融科技的避風港,我們首先要做的就是要讓其回歸金融主體,科技化整為零。

          所謂的金融回歸主體,其實就是要用金融的邏輯和規律來行事,而不能脫離金融本身,放任科技的發展。

          我們看到的金融科技和互聯網金融之所以會出現如此多的亂象,其中一個很重要的原因就在于,他們從本質上是做科技的,而不是做金融的。

          一旦脫離了金融的規律,所謂的金融變種,必然走入到死循環。

          所謂的科技化整為零,其實就是要讓科技成為金融行業的一份子,成為金融行業的「基礎設施」,而「科技」的外在表現是金融的,而不是科技的。

          只有這樣,科技與金融才能真正實現深度而又全面的融合,否則的話,金融與科技僅僅只是簡單相加,并不能夠帶來本質性的改變。

          當「科技」成為主流,我們需要做的就是要尋找到回歸金融主體的正確方式和方法,不能脫離「金融」而講「科技」,一旦脫離了「金融」而講「科技」,那么,縱然是躲過了監管,「科技」同樣將會因為沒有實體行業的滋養而枯萎。

          只有真正做到了回歸金融主體,實現了科技的化整為零,金融科技的發展才能有營養,有動能,最后,才能有發展。

          二、流量并非目標,行業才是關鍵

          無論是在互聯網金融時代,還是在金融科技時代,我們借助科技來改造金融的目的其實是很明確的,基本上都是為了流量而來。

          在流量充沛的大背景下,這種發展模式尚且存在一定的發展空間,一旦流量紅利不再,盲目地以流量為終極目標,不僅無法帶來流量的增長,甚至還會有害于金融行業的良性發展。

          當「科技」成為玩家們新的避風港,我們需要做的就是要拋棄流量觀,真正將關注的焦點更多地聚焦在行業上。

          通過科技對于金融行業的深度改造,為金融行業的發展找到新客戶,找到新方向,開辟新機會。

          總結起來,一句話,就是要將改造行業,而不是獲取用不看成是下一個階段的金融進化的關鍵。

          在這個過程當中,我們可以:

          • 優化金融的運行邏輯
          • 創新金融的產品
          • 提升金融的運行效率

          只要金融本身有了本質的改變,不僅可以繼續挖掘存量時代的新機會,而且可以讓金融行業的發展獲得更多新的發展機會。

          因此,當「科技」成為金融科技新階段的主導,我們需要拋棄對于流量的迷戀,通過將更多時間和精力放置于金融行業本身,從而找到存量時代的金融行業新機會。

          三、割裂無出路,融合正當時

          無論是在互聯網金融時代,還是在金融科技時代,「科技」與「金融」兩種元素之間的關系都僅僅只是一種簡單相加的關系。

          換句話說,在互聯網金融時代和金融科技時代,「科技」和「金融」之間依然是獨立的,割裂的關系,并未真正實現真正意義上的融合。

          盡管這種簡單相加帶來了一定的發展,但是,這樣的發展基本上是在收割紅利,等到紅利不再,「金融」與「科技」的這樣一種割裂的關系,必然會面臨困境。

          當「科技」成為金融科技未來發展的主導,特別是當越來越多的科技玩家開始投身到「科技」的洪流里的時候,我們更加需要對「金融」與「科技」的本質有一個正確的認識。

          什么是科技?什么是金融?

          說到底,無論是金融,還是科技,其實都是相當基礎的,相當底層的存在,它們存在的巨大的意義就是要建構起新型的實體經濟的大廈。

          說白了,無論是金融,還是科技,只有與實體經濟實現了深度融合,才能讓兩者的功能和作用發揮到最大。

          那么,在互聯網金融時代和金融科技時代,「金融」與「科技」兩種元素是不是真正發揮了它們應有的功能和作用呢?

          很顯然,沒有。

          它們僅僅只是發揮了最末端的功能和作用——收割流量的功能和作用,而沒有真正找到與實體經濟結合的方式和方法。這是我們看到互聯網金融和金融科技之所以會陷入到死胡同的根本原因。

          當「科技」成為金融科技的主導,給了我們一個非常明顯的信號,即我們不能再像以往那樣收割流量了,不能再像以往那樣只做末端的買賣了。我們需要回歸本質,找到「融合之道」。

          需要明確的是,這里的「融合」,其實有兩個層面的意思:

          1. 我們需要找到「金融」與「科技」兩種元素的融合之道,讓這樣兩個原本并不想干的存在,有統一的表達方式,實現真正意義上的融通;
          2. 我們需要找到「金融」、「科技」和實體經濟之間融合的正確方式。

          試想一下,當「金融」與「科技」實現了深度而又全面的融合;當「金融」、「科技」與實體經濟實現了深度而又全面的融合,那么,它們的發展無疑可以跳出以往僅僅只是基于流量為主導的發展模式,真正進入到一個全新的發展周期。

          當以「金融」為主導的金融科技的發展模式被叫停,我們看到的是越來越多的玩家開始將關注的焦點聚焦在了「科技」上。

          于是,「科技」成為了下一個發展階段的主導。

          很顯然,這種全新的發展模式,不僅可以帶來金融的新進化,同樣可以帶來科技的新進化。


          文章來源:人人都是產品經理   作者:孟永輝

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

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

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



          2021-2022設計趨勢報告:動態篇

          資深UI設計者

          1. 動態在 UI/UX 扮演的角色

          動態能激發用戶的情緒,為靜態的視覺設計注入活力與生命力。有趣、奇妙、吸引人的動態,能讓你的產品展現與眾不同的魅力。另一方面,動態有助于支持可用性,通過自然流暢的物理運動,突顯元素在過渡時的關聯性與狀態變化,增強用戶對產品功能的感知。

          因此,動態設計必須是有意義的,同時兼具可用性與美感,UX 行業也將動態設計視為多學科的交集,細分成一個專業的設計門類。作為 UI 和 UX 設計中重要的組成部分,動態設計從三個層面發揮影響力:

          提高連貫性(Increase Continuity)

          讓界面元素在用戶流程中順暢地轉變與過渡,將用戶操作導向期望的任務結果。

          連接場景(Connect Scenes)

          在轉換場景的過程中扮演潤滑劑的角色,闡明場景之間的位置、層級與空間的關系。

          視覺吸引(Visually Appealing)

          聚焦用戶視線,將其注意力放在重要的事情上,從而起到信息傳達、提升識別度的作用。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          2. 動態設計趨勢

          植基于 UI 和 UX 設計而發展的第三維度,動態設計的趨勢自然與兩者密不可分。綜觀近年,多數作品巧妙地運用絢麗的動態圖像(Motion Graphics)與動效設計,讓新的視覺手法得以表現更為出彩。再者,隨著移動端芯片性能提升,跳脫二維平面的表現形式不再難以實現,讓設計師能夠解開束縛,發揮無限的想像空間。2021 年的動態設計可歸納為三個趨勢:

          增強表達(Enhance Expression)

          運用引人注目的表現手法將信息傳遞給用戶,包括變形、動態文字和背景動畫。

          創造層次(Create Hierarchy)

          在視覺平面中創建空間層次結構,遮罩與視差是常用的表現手法。

          擴展維度(Expand Dimensions)

          突破二維限制,將界面元素多維化營造空間感,例如 3D 動態圖形和攝像機運動。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          增強表達

          1. 變形 Morphing

          變形創造了一種連續的敘事狀態,告知用戶元素的狀態或作用發生變化,是一種最引人注目的表現手法,能將形狀、圖像、色彩無縫地融合與過渡。

          動畫插圖 Animated Illustrations

          2021 年看到許多有趣、吸引人的插圖,而更多的設計師開始為靜態圖像添加動態,也讓 GIF 和動畫插圖越來越受歡迎。

          動畫插圖看起來更生動,并帶有敘事性質。在示例中,運用動畫插圖來呈現這杯果汁是由哪些水果打成,比起文字描述更能吸引觀眾的注意力。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Lobster

          通過動畫插圖來呈現同一系列的轉變,有利于延續外形上的特征,讓不同的物體具有連結性。比如從桌子、衣柜到燈具的連續變化,同樣風格的系列家具利用動畫來體現一致性。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Graceful illustrations ?

          流體動態 Liquid Motion

          動態的有機形狀,包括流體、煙霧和火焰等粒子效果,能夠極大地增強視覺效果。流體動態并非明確的過渡與場景轉換,而是顏色在流動的液體中擴散,進而創造出抽象或真實的視覺形狀。這種風格能實現無縫過渡,并為設計增添有機感,也是 2021 年最引人注目的動畫趨勢之一。

          運用流體動態來展現抽象的有機體,除了輕易地攫取受眾目光,還讓人不自覺地佇足在畫面上,感受流體變化的韻律與美感。這類動態設計可作為烘托主題的背景動畫,或是吸引目光焦點的主角。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by ?anton mishin?

          流體動態運用到網站設計所營造的視覺沖擊力更為驚艷,能為用戶帶來獨特、新鮮的視覺感受, 使得流體動態深受風格前衛的設計師喜愛。網站還能利用鼠標懸停與流體進行互動,因此會在許多特效網站見到流體動態的蹤跡。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Gilles Tossoukpé

          動態漸變 Dynamic Gradients

          扁平化設計缺少現實質感的元素,搭配漸變色能有效緩解不足,為設計創造深度與層次。變化中的漸變色同時帶有動感與舒緩,充滿活力卻又平靜。使用動態漸變能讓設計師展示一系列不斷變化的情緒,許多內容創作者和品牌已經注意到這一點,開始在廣告活動、識別設計和數字內容使用動態漸變。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Pixelz Studio

          微交互 Micro Interactions

          用戶體驗設計中微交互變得日益重要,而動態設計正是微交互的靈魂所在,即使只是微小的視覺提示或反饋,都是人機交互易于使用的關鍵。從經典案例來看,微交互的動畫細節必須帶有明確的目的性,讓用戶獲得實時反饋,指導用戶進行下一步。從近幾年的設計趨勢來看,微交互已成為不可或缺的存在。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Илья Бабушкин

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Google

          動畫商標 Animated Logos

          過去幾年動畫商標是最流行的動畫趨勢之一,通過各種視覺效果,設計師能創造出不同類型的動畫商標,許多企業開始采用動畫商標作為吸引注意力的手段。多數情況下,商標是進入網站時最先看到的東西,因此商標應該令人難忘、引人入勝,并使用符號或排版來揭示品牌個性。結合動畫的優勢,設計師可以運用一些動態或效果來講述簡短的故事以強調品牌特征,并為靜態排版和商標注入一股活力。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Yulia K.

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Meta

          2. 動態文字 Kinetic Typography

          動態文字是使用移動文本來吸引注意力的動畫技術,許多卓越的品牌在網頁設計中使用動態文字,為網站外觀增添動感和視覺沖擊力,是近年 UI 動畫的趨勢之一。

          設計師使用動態文字為單詞或句子添加生動的元素,借此定下情緒氛圍與設計基調,吸引用戶的注意力。幾種常見的表現手法,擠壓和拉伸一個詞能會喚起一種俏皮感,而連續重復這個詞則具有催眠感和前衛感。另外,使用大號和粗體字體來增強份量以強調某些信息,也是動態文字的特征之一。

          無論在電商網站、電視廣告或音樂視頻,動態文字都占有舉足輕重的地位,有利于加深用戶對品牌的關注與印象。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by HOLOGRAPHIK®

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Hrvoje Grubisic

          3. 背景動畫 Background Animation

          通過背景動畫來強化敘事,成為許多行業常用的品牌傳播手段。你可以創建動態的品牌故事,展示有趣的制造過程、產品的使用場景。背景動畫深獲大眾喜愛,它能讓用戶在進入登錄頁或網站首頁時,輕易地了解更多有關公司或產品的信息。調研顯示,從銀行、醫療保健公司、電商零售商、餐館到 B2B 供應商,這些跨越不同細分市場和行業的網站都開始使用背景動畫。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Carlo Soleri

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Kirill Zhukovsky

          創造層次

          1. 遮罩 Masking

          遮罩過渡是將幾何或有機形狀作為銜接下個場景的遮擋物,等同于舞臺幕布設計,能在界面元素進場或退場時創造連續性效果。這種表現手法簡潔高效,是最常見的過渡動畫之一。

          切換場景 Scene-Switching

          其中一種遮罩過渡,是將當前場景完全置換,如同揭開蒙在上層的布,逐漸展露疊在下方的景,并利用景物相似性和動作延續性,讓兩個場景能夠順暢地銜接,不致于差異過大,造成用戶心理負擔。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by intent

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Minh Pham ?

          狀態變換 State Transformation

          另一種遮罩的表現形式,較無明顯的場景過渡,而是利用遮罩來表現景物的狀態變化,界面元素和布局基本保持一致,以此塑造無縫過渡的視覺效果,這種手法被廣泛地使用,例如氣候變化、人物換裝、產品組合等。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Daniel Tan

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Outcrowd

          2. 視差 Parallax

          視差是利用不同的界面元素以不同的速率移動,創造前后景深的分離效果,借此在平面中塑造空間層次,已成為網站首頁最為普遍的表現形式。

          視差之所以能形成一股風潮,廣為各個行業所接受,一方面是信息層級更加清晰,明確定義各種元素的關系,讓用戶專注于主要操作和內容,將背景或非交互元素往后退,同時保持設計的完整性。另一方面是豐富的層次變化,當用戶滾動或滑動時,能在扁平化界面拉開空間關系,利用不同的速率和縱深,塑造多層次的感官體驗。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Studio V?R

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Studio V?R

          擴展維度

          1. 3D 動態圖形 3D Motion Graphics

          近年來,結合 3D 動態圖形的界面設計呈現爆炸式增長,雖然創建 3D 動畫需要更多的時間、技巧與協作,但不可否認的,3D 動畫比 2D 圖形更加逼真,從而提供更具吸引力和互動性的用戶體驗,并有效地展示品牌的活力。

          更生動的表情 Lively Emoji

          動畫的吸引力在于能夠創建各種角色,并為無生命物體注入生命力,表情符號就是一個很好的例子。作為獨特的網絡語言,表情符號生動地描摹日常面對面交流的非言語信息,隨著圖形界面的設計趨勢逐漸結合 2D 與 3D,運用 3D 動態圖形來創造更加動感、擬人化的表情,能讓這些非言語信息更加豐富,有機會引領下一波風潮。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Outcrowd

          營造空間感 Spatial Awareness

          3D 動態圖形為平面設計建構了空間敘事框架,在扁平化界面中展現立體感,從而表達空間中元素的位置與層級關系。多維化的發展趨勢,推動了視覺表達形式的演變,空間感讓界面設計更符合人類的認知邏輯,運用各種 3D 運動特效,包括旋轉、翻轉、折疊、透視、Z 軸位移等,打造令人難忘的感官沖擊。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by UI8

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Bruno Ortolland

          擬人動畫 Anthropomorphic Animations

          擬人化能讓物體、植物、動物等非人類事物,表現出人類屬性的行為與狀態。動畫片運用擬人的手法是最普遍的,1927 年迪士尼第一部系列動畫《幸運兔子奧斯華》的主角便是擬人的兔子形象。由于人們容易被以人類行事的事物所吸引,越來越多設計師在界面中添加擬人元素,利用這種效果讓畫面更加生動有趣,增強用戶體驗的愉悅感。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Gregory Riaguzov

          2. 攝像機運動 Camera Movements

          在動態設計中,攝像機運動是最自由、靈活的一種表現形式,能讓畫面過渡更有張力,突破 2D 平面在視角上的限制,創造一個無界線的立體空間。常見于影視、動畫和廣告的攝像機運動,包括推近、拉出、平移、跟拍等方式,備受動態設計師青睞,讓用戶以多變的視野探索數字產品。

          推近/拉出 Dolly In/Dolly Out

          推鏡頭是指被拍攝的對象不動,攝像機由遠而近,朝著對象不斷推進, 用來突出人或物的主體。鏡頭推近的運動方式,用來呈現從整體到局部、由分散到集中的變化,引領用戶進入故事情景,給人一種身臨其境的感受。

          相反地,拉鏡頭則是將攝像機后退,使畫面逐漸遠離被攝主體,側重的是從局部到整體、由點到面的轉變,強調主體所處的空間環境。隨鏡拉出的景象,能激起人們無限的想像。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Michael Crawford

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Ali Zafar Iqbal

          水平/垂直移動 Truck/Pedestal

          水平向左或向右,垂直向上或向下移動攝像機,使畫面不斷變化,讓用戶跟隨鏡頭視角一起移動,產生一種置身其中的感覺。這種運鏡方式,通常用于具體的場景,利用角色或景物的延續性來消除場景過渡時的邊界,表現出一種流動感,無論是手勢滑動或鼠標滾動都能有順暢的操作體驗。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Netguru

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Minh Pham

          結合多種運鏡 Multiple Camera Movements

          運用多種攝像機運動相當普遍,既能擴大視野,又有很強的空間感,可以更加自由與多樣地展示不同視角和情景。比方說結合橫搖(Pan)、直搖(Tilt)和跟隨(Tracking)鏡頭,連續而詳盡地展示一個產品,由于畫面始終跟隨一個主體,有利于突出產品特征,并讓用戶從不同的角度和距離觀看產品,是一種增強臨場感和參與感的有效方法。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Sang Nguyen

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Paul Ilnitski

          一鏡到底 One Shot

          在電影中為了不將觀眾的情感和注意力割裂,使用一個鏡頭來完成全片的場景刻畫和敘事,這種拍攝手法被稱作一鏡到底或長鏡頭。連續鏡頭逐漸被運用到界面過渡,以此增強操作過程的流暢性,例如一氣呵成的購物體驗,或是貫穿全場的人物角色,其特點是給用戶最沉浸的感官體驗,無間斷地體驗整個流程。

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Orizon: UI/UX Design Agency

          騰訊出品!2021-2022設計趨勢報告:動態篇

          by Minh Pham ?

          結語

          動態設計作為近年熱門的創作形式,廣泛應用到各個領域,逐漸成為設計的主流趨勢。受益于技術演進與發展,從創意生產到落地實現,動態設計的門檻不再遙不可及。設計師得以將想法轉化為生動、有趣的作品,并有機會創造新的表現手法,玩出許多新花樣,成為 2021 年動態設計的特色。

          本文歸納的設計趨勢,有助于啟發設計師對動態設計的想像,激發更多創作靈感,為靜態界面賦予靈魂,打造令人難忘的視覺體驗和品牌形象。



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

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

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




          2021 出鏡率最高的 7 種網頁 UI 風格

          資深UI設計者

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          看完這一波網頁 UI 類設計,再也不愁接下來該如何做設計創新了。

          圖與線疊加

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          這是今年出鏡率比較多的一種設計風格,不管你是在 Dribbble 還是 Behance 上都能見到它的影子。這種風格設計最大特點:形式感、聚焦、簡約而不簡單。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          當然還可以是將線圈與文字疊加圖片,有一種層疊縱深布局感受。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          又或者說圖形只是作為裝飾作用。

          純文字版式

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          純文字版式在今年版式中出鏡率也是相當之高,包括深圳設計周官網也幾乎都是幾個大字排版。其實我們仔細思考,將文字放大處理,有點圖形化的意思。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          上圖是典型的文字圖形化,將文字轉化成線性設計。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          圖文混合

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          圖文混合設計風格大膽、新穎,讓人眼前一亮。這種版式布局一般會出現在設計工作室網站居多一些,追求形式感與觀賞性。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          圖文混合設計,不光只是圖片與文字混合排版,還可以是圖標與文字、粗字體與細字體之間的混合穿插。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          圓形版式

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          圓形設計趨勢一直都存在,在網頁設計中出鏡率高也是毋庸置疑的事情。畢竟圓形本身自帶超強親和力、聚焦。設計用它可以解決很多枯燥的版式,讓畫面瞬間活了起來。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          還可以將文字處理成圓形,與圓形圖相呼應。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          文字輪廓化

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          文字輪廓化版式今年出鏡率尤其之高,將文字輪廓化設計處理,減輕了文字的視覺重量感,更像是將文字線條化設計處理。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          文字輪廓化設計還可以用在背景,作為設計裝飾效果。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          玻璃質感

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          玻璃質感設計趨勢,也是今年最火的設計風格之一。那么它在網頁出鏡率也是在下半年開始逐漸多了起來,也許是設計師發現這種質感細膩與折射光透露出的細節之美。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          使用線條

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          線無疑是圖形里面運用較多的,今年發現很多網頁中都加了線條作為版式裝飾,或者就是純線條版式設計,讓人眼前一亮,原來還可以這樣玩。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          線條在這里作用明顯,除了美學設計裝飾之外,它還用作信息層級區分。

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格























































































































































































































































          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格


          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格

          靈感不愁了!2021 出鏡率最高的 7 種網頁 UI 風格








          文章來源:站酷 作者:功夫UX
          分享此文一切功德,皆悉回向給文章原作者及眾讀者.

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

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




          最新 UI 設計趨勢及應用

          資深UI設計者


          字體圖標,完善字體系統


          圖標在 UI 中扮演著重要的角色,并且已被證明是過去幾十年 UI 設計趨勢的象征。在圖形用戶界面的發展早期,圖標在計算機的顯示技術限制內盡可能仔細地模仿現實世界的物體;它們旨在將用戶體驗從現實世界鏈接到計算機世界。這可以從蘇珊·卡爾 (Susan Kare)為第一臺麥金塔 (Macintosh) 設計的圖標和微軟 (Microsoft) 在 Windows Vista 和 7 中的擬物圖標設計中看到。

          當用戶界面從這種擬物風格轉變為 Windows 8 和 iOS 7 的“扁平”風格時,圖標設計也轉變為單色、線性風格。隨著 Android 12 的發布和谷歌新版設計系統—— Material You (或 Material Design 3) , 所有主要操作系統現在都使用這種風格。



          但是為什么各大設計系統都使用這種風格的圖標呢?設計師意識到圖標不僅僅是風格統一、為功能補充說明的輔助圖形——設計師制作的圖標等同于印刷師制作的字體。 這讓設計師意識到圖標對于用戶體驗來說和字體一樣重要。


          圖標的設計考慮與字體類似,并且經常出現在文本旁邊。
          — Material Design 3 指南

          Iconography [旨在] 與 San Francisco 系統字體無縫集成。
          — Apple 人機界面指南


          Apple 的 SF Symbols 就是最好的例子:它的圖標與系統字體具有相同的九種權重,并與文本的大寫高度對齊。這也意味著圖標可以遵從用戶對更粗的 UI 文本的可訪問性設置。


          Apple 的 SF Symbols 圖標集設計為與系統字體相同的九種權重。資料來源:蘋果



          它們還與系統字體的大寫高度對齊,以更好地補充文本。資料來源:蘋果



          Uber 的設計團隊也繪制了字體圖標來完善他們的 UI 字體 Uber Move,設置了三種不同的強調程度。


          資料來源:優步



          字體圖標旨在模仿書寫系統

          因此,為什么字體圖標是單色的并用輪廓繪制的原因就很清楚了:它們不是模仿物理對象,而是模仿我們的書寫系統?,F代字母,尤其是拉丁字母,基本上是由線條而不是填充形狀組成的。他們從類似物理對象(如埃及象形文字)的象形文字到更抽象的物理對象表示進行了類似的轉變。例如,你不需要畫一只鳥來談論一只鳥;您只需寫一組表示“鳥”的字母或符號即可。

          通過設計類似于字體的圖標,設計師認識到圖標是向用戶傳達信息的重要媒介。圖標可以打破語言障礙,而文本對于那些不熟悉圖標的人來說仍然是必不可少的。將兩者設計為看起來相似可以減少在閱讀文本旁邊的圖標時的認知負擔。

          默認為字體圖標的另一個好處是填充的圖標現在可用于表示狀態或強調,如粗體文本。例如,Material Design 3 中的“活動狀態用填充圖標表示” ,Apple 在他們的人機界面指南中建議“使用填充變體來表示選擇”或“賦予符號更多視覺強調” 。Twitter 2021 年的重新設計更進一步,活動頁面僅通過填充圖標和粗體文本進行區分,沒有任何顏色變化。


          Twitter 僅使用填充圖標和粗體文本來區分當前頁面。陪審團仍然不確定這是否足夠容易訪問。



          未來不一定能夠被準確預測,但是看看字體系統的歷史,已經有了明確的關于什么圖形代表什么意思的規范:符號“a”總是表示“a”,字母“ant”表示螞蟻。這些符號的繪制方式仍然存在差異(大寫字母 A 可以有襯線或沒有襯線),但它們在不同字體中的外觀基本相同。

          圖標似乎也朝著這個方向發展——上面的“添加文件夾”圖標在蘋果、谷歌和微軟的圖標集上具基本相同的設計:一個帶有“+”符號的文件夾。隨著圖標在 GUI 中變得越來越普遍,用戶對于什么符號代表什么意思的認知越來越趨同,就像字體一樣。



          如何才能使用字體圖標?在您的應用程序中使用圖標時,您應該使用使用您正在使用的字體設計的圖標集:如果您使用的是系統字體,這很簡單,現在系統字體都具有系統圖標字體。但是,如果您使用另一種 UI 字體,則可能沒有專門為該字體設計的圖標集。使用普通的線性圖標集就足夠了,例如開源Feather 圖標Iconic.app「1」。如果你像我們一樣使用 Material 圖標,你可以輕松切換到字體圖標。(似乎 Google 現在已將此樣式作為 Material Design 3 的默認樣式。)


          基于壁紙的個性化

          個性化正在成為 UI 設計中越來越重要的元素。雖然自 20 世紀 90 年代以來就存在自定義壁紙和主題,但設計人員現在正在尋找更多方法來個性化整個系統的 UI,主要是用戶選擇的壁紙。谷歌的 Material Design 博客說得最好:“用戶在物理和數字世界中使用個性化的圖像定制他們的桌面,并提供舒適和快樂。” 壁紙是用戶首先看到的東西,并作為 UI 的背景。因此,讓 UI 的其余部分適應此元素是輕而易舉的事。



          將壁紙融入 UI 的技術已經存在一段時間了,從 Mac OS X 的 Aqua 界面中的半透明 Dock 和菜單到 Windows Vista 中的半透明窗口標題欄和 7 的 Aero Glass 主題。眾所周知,iOS 7 為其 UI 的許多部分帶來了模糊的背景,整個屏幕(如通知中心和控制中心)都使用了可以透出用戶壁紙的毛玻璃效果。

          最近,墻紙開始影響幾乎整個 UI。當 Apple 在 macOS Mojave 中引入暗模式時,他們在基于壁紙的窗口背景中加入了一種色調,稱為桌面色調。根據人機界面指南,它“幫助窗口與其周圍的內容更和諧地融合在一起?!?



          后來他們在 Big Sur 的主要重新設計中擴展了這一點,將桌面著色也應用于光照模式:



          Windows 11 在其 Mica material 設計系統中引入了類似的元素,他們的設計指南將其描述為“一種不透明的材料,它結合了用戶的主題和桌面壁紙,以創建其高度個性化的外觀?!?nbsp;它還使用此色調作為當前活動窗口的標志。

          將它提升到一個新的水平是 Android 12 中的 Material You,它為應用程序的背景、按鈕和其他控件的明亮強調色以及更中性的文本顏色著色。整個調色板由每個用戶的獨特壁紙生成。

          這是他們新設計理念的一個關鍵元素,“如果形式跟隨感覺,而不是形式跟隨功能呢?” 這是對 UI 設計現狀的徹底拒絕,它尋求一種“通用”設計,具有技術上最先進的界面來滿足用戶需求??纯雌渌耸欠裥Х逻@種哲學會很有趣。



          Material Design 構建了一個顏色系統

          Material Design 團隊在他們的公告中遺漏的是他們如何做到了這一點,尤其是因為他們說他們“必須找到一種方法,讓任何顏色組合都具有可訪問的對比度 [...],而無需對每一種顏色進行測試?!鄙钊?a style="outline:0px;margin:0px;padding:0px;text-decoration-line:none;">了解 GitHub 上最近發布的Material color 實用程序存儲庫,揭開所有謎團:

          1. Material 團隊基于CAM16CIELAB(或 LAB)顏色外觀模型構建了自己的顏色系統:“色調、色度、色調”或“HCT” 。CAM16 是 LAB 的繼任者,旨在匹配人類對顏色的感知方式。

          2. 這些模型的關鍵是“色調”或 L* 值,它描述了顏色的感知亮度或亮度,L* 值 0 表示黑色,100 表示白色。這在創建可訪問的調色板時非常有用,可確保顏色根據感知亮度具有足夠的對比度。

          3. 在網絡上,WCAG 2 指南規定正文的最小對比度為 4.5:1。直接使用感知亮度作為描述顏色的值使這變得更加直接,正如材料團隊解釋的那樣:“與對比度不同,測量 L* 中的對比度是線性的,并且計算簡單 [...] 50 的差異保證了對比度比率 >= 4.5?!?

          4. 有了這些知識,剩下的就是生成具有不同色調或 L* 值的顏色調色板,并對其應用任何色調。然后為 UI 元素使用足夠對比的對。例如,一個按鈕可以有一個 L* = 40 的背景色和白色文本 (L* = 100),它很容易通過最低對比度要求(L* 差異 > 50)。




          我們其他人的 LCH

          這是一種輕松生成可訪問顏色的強大技術,但它不需要材質顏色實用程序。LAB 可以表示為 LCH(亮度、色度、色調),類似于 Material 的 HCT,其中 L 值可以用來計算對比度。(這比現有的 HSL 等表示更好,即使亮度相同,HSL 的感知亮度也會有所不同。)您可以在本文中了解有關 LCH 的更多信息。

          (此外,LCH 正在作為 CSS Color Level 4 的 一部分進入 Web 標準!因此您可以 lch (40% 44 49) 在 CSS 中編寫而無需將其轉換為 HSL 或 RGB,但目前僅在 Safari 中支持。Lea Verou,他編寫了上面鏈接的文章是 W3C CSS 工作組的一部分,正在開發這個非常標準。)

          因此,您只需要一個起始顏色,將其轉換為 LCH,然后修改 L 值以制作調色板。然后使用一對亮度差為 50 或更多的顏色,以確??色@得的對比度。

          我們可以在下面的材質顏色系統中看到這種技術是如何使用的:調色板中的色調與 LCH 亮度值相匹配。(他們還修改色度(類似于飽和度)和色調略微跨色調。)我制作了一個小型網絡應用程序,顯示由材料顏色實用程序生成的調色板,以獲得下面的 LCH 值。



          在 Material 的 HCT 之前,LyftStripe的設計團隊探索了同樣的問題,Stripe 也最終使用了 LCH。我已經將他們的兩個探索聯系起來,這是極好的閱讀。


          我怎樣才能做到這一點?

          有一些工具可以在 LCH 之間進行轉換:



          我使用這種技術為Rowy添加主題,允許用戶選擇自己的強調色,同時保持可訪問性并為關鍵 UI 元素著色。源代碼具有我使用的確切 LCH 值。



          圓角很和諧

          當你想要設計一個帶圓角的“卡片套卡片” UI 時,內部的卡片應該具有較小的半徑,區別在于間距的大小。如果使兩者的角半徑相等,則內部卡片看起來不合適。這種技術在數字設計中已經有一段時間了,甚至是 CSS3 規范的一部分。



          這也存在于硬件設計中:屏幕的圓角與iPad Pro和 iPhone X 設計上的設備框架相匹配。在帶有圓形屏幕的 iPhone 上,底座與屏幕的曲率相匹配——Apple 甚至在軟件中提供了精確的點大小。您還可以在視頻播放器中看到與屏幕曲率匹配的其他元素。



          奇怪的是,這個原則不適用于使用單個圓角半徑的 UI 元素。在 Material Design 2 中,對話框和內部按鈕的圓角半徑都是 4dp,盡管它們之間有 8dp間隙。macOS 在優勝美地時代的設計中類似,Windows 10 幾乎所有 UI 元素都使用方角。

          但是,對于 Big Sur 和 Windows 11,通過增加較大 UI 元素的角半徑來近似這種效果。在 macOS 中,按鈕的圓角半徑現在為 5pt,對話框窗口的圓角半徑為 10pt,而且它們都使用“平滑角”來匹配 Apple 硬件的角。與此同時,Windows 11 以圓角以前的尖角而聞名,按鈕為 4 像素,窗口為 8 像素。



          總體而言,用戶界面似乎也變得更加圓潤:


          • Big Sur 增加了圓角半徑,使用了平滑的圓角,看起來更圓潤;

          • iOS 15 引入了帶有全圓角的按鈕樣式;

          • Windows 11 移除了大多數 UI 元素上的尖角;和

          • 與之前所有版本的 Material Design 形成鮮明對比的是,Android 12 增加了對話框、導航抽屜和完全圓角按鈕的半徑。


          我怎樣才能做到這一點?


          將最小的 UI 元素設置為某個基本圓角半徑,然后將較大的包含元素(如對話框)設置為更大的圓角半徑。嘗試使它們與較小元素之間的距離成比例,或將較小的角半徑加倍以進行簡化。這是它在我們的應用程序中的外觀,角半徑加倍:



          OpenType可變字體

          最初開發字體時,它們是用金屬蝕刻的物理設計,具有固定的字體大小。當排版師為不同的尺寸設計相同的字體時,他們通過改變間距和比例等方面來將設計修改為最佳:這被稱為光學尺寸。您可以在本文中了解有關光學尺寸的更多信息。

          可變字體是一種基于 OpenType 的新字體格式,允許設計人員自定義字體設計的特定“變化軸”(或變量),例如非固定粗細、傾斜和光學尺寸。您可以在這個優秀的可變字體入門 中了解有關可變字體的更多信息,它使用Roboto Flex,這是谷歌 Roboto 字體的可變字體擴展。



          2021 年,所有主要操作系統現在都使用這種可變字體技術來實現 UI 排版中的光學大?。?


          • Apple 的系統字體 San Francisco于 2015年發布,具有兩種光學尺寸:“顯示”適用于 20 磅及更大的尺寸,“文本”適用于所有更小的尺寸。2020 年,Apple 將這些字體發布為單一可變字體 SF Pro,以光學尺寸作為變化軸。Apple 的系統圖標 SF Symbols也使用可變字體技術。

          • 對于 Windows 11,微軟將其系統字體 Segoe UI 重新設計為Segoe UI Variable,具有自己的光學大小軸。

          • 作為 Material Design 3 的一部分,Google 引入了GS Text 和 GS Variable,這是其企業字體 Google Sans 的演變。


          另外值得注意的是:這些字體都是不同風格的無襯線字體。舊金山是新怪誕的,Segoe是人文主義者,而Google Sans是幾何的。

          我怎樣才能做到這一點?

          可變字體是一項相對較新的技術,生產它們的成本很高,所以資源沒有那么多,尤其是在免費和開源領域。到目前為止,我發現的唯一具有光學尺寸的開源可變字體是Roboto Flex,但它似乎還沒有完成。Rasmus Andersson 被廣泛使用的 Inter 字體正在進行 OpenType 的 Bata測試。同時,為突出的標題使用更具表現力的字體可以提升您的設計。對于Rowy,我在小文本中使用 Inter 作為字體,在品牌表達的標題中使用 Space Grotesk。



          專注于內容

          扁平化設計已經存在了十多年,它的主要目標是通過剝離 UI 元素的雜亂和裝飾來專注于內容。在iOS的15設計指南狀態,“明快,漂亮的界面幫助用戶了解內容以及互動?!?

          最新的操作系統版本通過更少的層級來迭代這個概念。導航欄在iOS 15Android 12 中是透明的,并在您滾動之前融入背景。



          在桌面上,macOS Big Sur 混合了標題欄和工具欄,直到您滾動或懸停在欄上幾秒鐘。Windows 11 中的一些應用程序根本不區分標題欄,而是將內容放在一個獨特的卡片式層中。




          這些元素都實現了相同的目標:減少周圍的視覺混亂并提升內容的視覺突出度。


          我怎樣才能做到這一點?


          如果您有一個??吭谶吘壍膶Ш綑?,請在不需要區分時將其混合到背景中,例如當用戶尚未滾動時。如果您有主要內容,請將其放置在與背景不同的微妙層中。我們使用了一個 React UI 庫 MUI,它使我們可以輕松實現導航欄僅在滾動時區分的效果



          插入一切

          同樣,更多的 UI 元素被插入,不再占據其容器的整個寬度。當 iPhone X 引入屏幕上的主頁指示器代替主頁按鈕時,Apple 更改了他們的指導方針,規定帶有圓角的嵌入式按鈕,避開iOS 7 中引入的全角按鈕。許多其他固定到的元素的最佳實踐已更改屏幕底部適應新的 iPhone 設計。



          在 iOS 15 中,Apple 正在更多應用程序(如“設置”和“郵件”)中插入“表格視圖”。這似乎是為了應對 iPhone 屏幕尺寸不斷增長的情況,指南指出,“在緊湊的環境中,插入的分組表格可能會導致文本換行,尤其是在內容本地化時。”

          在 macOS Big Sur 中,他們將此設計擴展到郵件中的列表,與iPadOS 設計一致。它也出現在整個系統的菜單中,包括菜單欄。請注意,點擊目標延伸到菜單的邊緣,就像之前的全角設計一樣。Windows 11 在其菜單和導航項中共享相同的樣式。Android 12 的系統 UI 和應用程序通常也遵循這種風格。

          這種風格可以提高可訪問性,因為元素和它們的容器之間的分離現在擴展到所有四個方面,但我還沒有發現任何支持這一點的研究。當搭配和諧的圓角時,它可以使菜單看起來更現代。



          超越顏色的狀態變化

          設計師們正在添加更多的方式來顯示狀態,而不依賴于顏色,這對于色盲的人來說是無法實現的。以下是我注意到的一些例子:

          • Spotify 在 shuffle 和 repeat 按鈕下方添加了點,而不是在 2017 年僅僅依靠改變它們的顏色。

          • Material Design 3 顯示一個藥丸狀指示器,并在導航欄中為活動頁面使用填充圖標。

          • Windows 11 向列表和導航窗格中的選定項目添加了一致、獨特的行。



          這決定了重新設計Rowy 的切換按鈕:



          以及標準的開關設計


          在 Android 12 中,開關現在在主要操作系統中具有相同的基本設計。這使用戶可以更輕松地在這些平臺之間切換并減少認知負擔。

          UI設計走向何方?

          我在所有這些設計決策中注意到的首要主題是設計師將用戶界面設計置于透視之中。他們敏銳地意識到數字界面在哪些方面適合人類體驗并與物理世界互動。


          • 輪廓圖標模仿文本的融合認識到圖標在通信中的重要性。

          • 越來越個性化的界面元素——尤其是你所采用的材料方向——承認人們喜歡用自己的方式制作東西,包括他們每天使用的技術。

          • 和諧的圓角和插入元素的靈感來自實物和工業設計,因此我們的軟件與硬件更緊密地匹配。

          • 使用具有光學尺寸的可變字體可以追溯到排版的起源,并且與顏色以外的差異化元素一起,它們提高了所有人的可用性,尤其是殘障人士。

          • 更小的事情也有幫助:減少視覺混亂以提升內容使用戶能夠專注于他們想做的事情。并且使用標準的開關設計消除了確定 UI 元素功能所需的任何認知負擔。


          這種思維背后的UI設計使我們很好地起來為下一代對AR / VR計算為中心的虛擬實境,在虛擬實境一經驗將不得不回答他們是如何改善人類的經驗和交互與物理世界。設計人員已經在研究如何使設計系統適應這種變化??纯瓷厦娴臎Q定,應用色彩科學(Material 的 HCT 考慮到觀看條件)和提升內容的插入元素有助于這些 UI 元素從 2D 世界過渡到 3D 元世界。

          文章來源:優設 作者:Bearv5 

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

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

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

          iOS 15 發布后,看看這3個值得關注的設計細節!

          資深UI設計者

          相比于去年 iOS 14 帶來的小組件和 APP 資源庫的功能,今年 iOS 15 的升級幅度似乎確實沒有那么大。

          接下來就從設計師的角度來看看 iOS 15 帶來的視覺和體驗的變化。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          通知中心的重新設計

          iOS 15 對通知中心進行了視覺排版上的優化,放大了 APP 圖標并置于卡片的左側,讓用戶可以通過圖標更輕松的區分和查看消息。

          消息小卡片的圓角也更加圓滑,圓角接近于與控制中心按鈕的大小,這種圓角更大的設計也更容易將用戶的視線過渡到內容中心,同時也使得 iOS 系統設計風格能夠更加一致。

          在通訊類 APP 的推送中,采用了聯系人照片 + APP 小圖標的組合形態,增加信息來源的辨識度,以這種形式更清晰地告知用戶,所收到的信息的來源和屬性。(目前國內的 APP 例如微信、飛書的消息通知等都還沒有完全適配)

          iOS 15 發布后,看看這3個值得關注的設計細節!

          值得注意的是,iOS 15 還可以根據用戶設置的時間來定時推送,這些定時推送會構成一個較大的通知摘要卡片,而摘要的內容會進行智能排序,這種機制將會對設計和運營有較大的影響(所以 APP 通知推送會因為這種機制形成新一輪的內卷么?)

          隨著營銷推送的內容越來越密集,用戶承受的信息壓力也越來越大,蘋果也在嘗試構建更多細分場景下的推送管理,在 iOS 15 中用戶可以選擇讓 APP「靜音一小時」或者「今天不再推送」來避免干擾。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          更好用的 Safari 瀏覽器

          新版 Safari 有較大的改進,iOS 15 將頂部的地址欄和底部的工具融合到了屏幕底部,成為了一個懸浮的交互控件,并在視覺上進行了簡化,右滑動地址欄可以在不同的頁面中快速切換,向上輕掃地址欄,則可查看所有打開的標簽頁,這種在底部操作的交互方式也更符合大屏化的趨勢。

          這種左右滑動和向上輕滑也明顯能感覺到是從 iOS 整個系統的手勢操作中遷移而來,而這種手勢可以極大的降低用戶的學習成本。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          在頁面向下滾動時,懸浮的地址欄和工具欄會自動隱藏到底部,界面看起來沉浸感也更強。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          這種交互方式的變化邏輯也符合交互設計中的費茨定律

          費茨定律

          任意一點移動到目標中心位置所需要的時間,與目標距離正相關,與目標大小負相關

          iOS 15 發布后,看看這3個值得關注的設計細節!

          這里舉個例子來簡單理解一下,手指當前的位置與按鈕的距離 D 越長,所需時間越長;按鈕的寬度 W 越大,所需時間越短。應用到產品設計中就是將按鈕放置在離手指較近的地方,比如屏幕底部易操作區域,完成任務的時間也就會越短。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          夸克瀏覽器同樣是將輸入框以及一些常用操作置于底部,這是因為我們正常握持手機時,大拇指離底部更近,所以需要進行點擊操作的時底部的輸入框操作起來更方便,也更快。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          Safari 的這種交互方式在移動操作系統已經有了一些案例,三星的 one UI 以及安卓陣營中的眾多產品也都逐漸往這種大屏化的交互邏輯發展。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          此外,Safari 采用了新的標簽欄設計,同時可以對繁雜的標簽頁進行整理和保存,標簽組支持多設備間的無縫同步,在任一設備上的改動,都能及時同步到所有設備上。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          卡片化的設計

          在使用 iOS 15 的過程中能清晰的感知到,iOS 整很多界面卡片設計更加和諧了,我們最常用的設置頁就整體卡片設計上做了區塊化和圓角化的處理。要比之前系統直線分割的界面柔和許多。

          這種通過使用大留白、兩側縮進的卡片設計使得界面所呈現的功能更加清晰,也更能夠突顯內容,同時和蘋果自家產品 App Store、Apple Music 等產品的設計風格更加靠近。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          同樣天氣 APP 主界面也做了布局的改動,增加了卡片化的設計,信息組織也更加直觀清晰。天氣 APP 頭部的天氣背景也進行了重新設計,動畫背景更加真實,能夠準確地反映出太陽的位置和降雨情況,相比之前會美觀很多。天氣 APP 也增加空氣質量、溫度、降水強度,空氣質量地圖等諸多功能。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          更多新功能

          除了通知、Safari 瀏覽器、天氣、錢包、地圖等常用功能的更新外,iOS 15 新版本在其他方面也做了更多功能性的升級,這里就來簡單看下有哪些重要的更新。

          1. Live Text

          首先就是 iOS 15 中為照片帶來了「實況文本」功能,在這個功能的幫助下,在相冊里長按圖片,就會彈出復制、查詢、翻譯和學習等選項,這個新功能估計也是 iOS 15 更新最實用的功能之一了~(這個功能在錘子手機的“大爆炸”中也有)

          Live Text 還可以識別照片的各種元素,比如地標、動植物和花卉種類等等。配合 iPhone 自帶的系統搜索——聚焦搜索(Spotlight),根據文字元素來搜索圖片。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          2. 專注模式

          iOS 15 加入了「專注模式」,能助你更好地專注重要信息,由之前的「勿擾模式」升級而來,包括勿擾模式、工作模式、個人模式以及睡眠模式。每個狀態可以設置不同的顯示通知,并可與其他設備同步。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          3. 大鬧鐘回來了

          在此前的 iOS 14 中,設定鬧鐘的控件改為了數字輸入,在隨后的迭代中又改為了很小的滾輪輸入,這種過小的交互空間受到了很多用戶的吐槽。

          iOS 15 中蘋果又將鬧鐘設置改為 iOS 13 的大滾輪,隨手上下拖動撥盤就輕松的設定好鬧鐘了。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          4. 桌面小組件

          不知道小伙伴有沒有發現,在 iOS 14 中桌面重疊的小組件沒法拖動出來,只能手動刪除再重新添加。在 iOS 15 蘋果就解決了這個問題,小組件現在可以從堆疊狀態移出,同時可以選擇智能輪換和小組件建議是否打開。

          桌面還有一項大的變化就是可以整頁移動了,相比 iOS 14 只能一個一個拖動 APP,整頁的切換和隱藏大幅縮短了 APP 布局困難者的“編輯”時間。

          iOS 15 發布后,看看這3個值得關注的設計細節!

          此外,iOS 15 相機和天氣的圖標也進行了一些細微調整。“健康” APP 中新加入了健康趨勢,其中包括靜息心率、睡眠和有氧適能,持續觀測健康狀況的變化。FaceTime 中也增加了空間音頻、人像模式、語音隔離、同播共享等功能。相冊增加了 EXIF 參數顯示等。

          除了系統及界面以外,iOS 在 Human Interface Guidelines(界面設計指南)的內容上也有了一些更新,比如新增了包容性的設計原則,SF Symbols 3.0 圖標的新增,以及新的空間交互的設計。更多關于 iOS 人機界面設計指南可參考 :https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

          iOS 15 發布后,看看這3個值得關注的設計細節!

          總的來說,雖然修修補補又一年,但 iOS15 系統在細節設計以及新功能上確實提升了用戶體驗。

          文章來源:優設 作者:姜佳欣


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

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

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


          日歷

          鏈接

          個人資料

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

          存檔

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