<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>

          首頁

          Invalid default value for prop "data": Props with type Object/Array must use a factory function to r

          前端達人

          超級好用

          問題: 

           大致意思是Object/Array類型的Props必須使用工廠函數返回默認值。

           

          問題定位:

           

           

          解決辦法:

          將默認的值以函數的方式進行返回


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:csdn

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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

          每天都在用的“黑體”,原來這么排版才好看!

          seo達人

          圖片

          漢字的黑體是依據西文無襯線體特點所創造,黑體起初只有一種筆畫粗細度,由于漢字筆劃多,這會導致小字清晰度較差,所以一開始主要用于標題設計。

          隨著制字技術的精進,黑體具有了不同字重和寬窄的字形,讓黑體應用領域更為廣泛,無論標題、內文還是注釋都可以勝任。

          圖片

          尤其是隨著20世紀末電腦和互聯網的普及,黑體字的價值得到了進一步體現,它簡潔的筆畫特征與屏顯介質特性相符,從而成為了當今各種屏幕媒介中最有發展前景的字體。

          圖片

          黑體高度的統一性,可以讓字體本身對眼睛刺激降到最低,而把更多的注意力放在文字表達的內容上,特別適合段落性文字的編排,成為正文使用的首選字體。因為正文強調的是字體“讀”的功能性,為正文選擇黑體可以讓讀者輕松舒適地進行閱讀,專注于文字所表達的內容。

          圖片

          圖片

          各大字庫也開發有各有特點的黑體,其中免費商用的有:思源黑體、阿里巴巴普惠體、OPPOSans、鴻蒙字體。

          圖片

          在黑體基礎上又衍生出很多字體,這里推薦的是部分可以免費商用的黑體:

          圖片

           

          黑體的使用場景

          簡潔和規矩的黑體在氣質上沒有太大的個性,它適用的范圍比較大,可塑性很強,通過字形的變化,可以表現出不同的氣質。

           

          現代、科技

          黑體簡潔干練和幾何化結構的筆畫特征,呈現出強烈的現代感,適合表現科技、未來感相關的情景。(如電子、科技、互聯網等行業)

          圖片

          圖片

           

          正式、嚴謹

          黑體是極具理性風格的字形,沒有明顯情緒導向也讓黑體給人一種中立客觀的印象,適用運用在各種正式、嚴謹和體現安全信賴感的場景。(如政府、企業、醫療行業等)

          圖片

          圖片

           

          醒目、沖擊力

          較粗的黑體強壯有力顯得十分醒目,還具有很強的視覺沖擊力,常用于促銷頁面,口號式的標題配上粗黑體才夠力道。

          圖片

          圖片

           

          渾厚、力量

          粗黑體渾厚穩重,具有力量感,適合運用在運動、工業等設計領域。還有著有男性傾向,常用在體現男性產品的設計中。

          圖片

          圖片

           

          高雅、精致

          筆畫較細的黑體結構清晰,沒有過多的裝飾,顯得簡約、高雅而精致,有著女性特點,適合運用在服裝、化妝品等行業。

          圖片

          圖片

           

          黑體的搭配實操

          案例一

          使字體搭配協調的一個基本原則就是選擇風格相近的字體。使用同一字族里的字體進行搭配,是最簡單、安全的搭配方法。本次案例使用思源黑體進行搭配示范。通過字體的大小、粗細形成閱讀的層次感。

          圖片

          西文選擇與黑體風格統一的無襯線體“Univers”,粗細盡量和中文相一致。

          圖片

          編排效果:

          圖片

           

          案例二

          第二個案例進行一個運動文案的編排示范。帶有強烈動感的書法體,搭配具有力量感的黑體,非常適合運用在一些要體現激情活力的運動、游戲、舞蹈等設計主題,硬朗的黑體與柔和的書法體能夠產生強烈的對比效果。

          圖片

          西文則選擇與黑體風格統一的無襯線體。注意根據書法字的結構和筆勢進行排版,通過對文字大小、位置的調整,讓文字看起來更緊密也更有節奏感。

          圖片

          也可以選用與書法體風格匹配的西文手寫體進行搭配:

          圖片

           

          案例三

          第三個案例進行一個時尚女裝文案的設計示范。本案例選擇較細的黑體和宋體進行搭配,字形形成了微妙的對比,兩款字體都有著高雅、精致的氣質,運用在具有女性時尚特征的設計中相得益彰。

          圖片

          西文則選擇和黑體相對應的無襯線體、宋體相對應的襯線體進行搭配。

          圖片

          編排效果:

          圖片

          如果感覺排版太過于規矩,可以嘗試加入手寫體加強字形對比,打破呆板感,營造更強烈的動感。

          圖片

          黑體無論是識別性、適用面、視覺效果都非常好,新手使用也不容易犯錯,缺點是個性不足,用得不好會顯得平庸。用好黑體是現代設計師必須具備的基本功,需要大家不斷練習來掌握黑體字的使用技巧。

           

          原文地址:藝海拾貝Design(公眾號)

          作者:鄧海貝


          轉載請注明:學UI網》每天都在用的“黑體”,原來這么排版才好看!



          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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






          前端保證一比一按源文件做,結果又是慘不忍睹…

          seo達人



          圖片

          但真的是相差很遠誒!

          我再仔細問了一下,終于知道原因了……

          他確實是按照方案做的,但是所采用的,都是寬度和高度,而不是間距。

          我說:

          『 界面布局的關鍵不是寬高,而是間距 』

          看他相當地不以為然,于是我只好這樣從頭開始解釋:

           

          前端原理

          對于前端來說,界面是一個盒子一個盒子套起來的,而不是像畫圖工具那樣一個圖層一個圖層疊加起來的。

          如果把界面看作一個大盒子,那么里面的模塊就是小盒子。小盒子里面會裝有文字、圖片或者更小的盒子

          由于現在很多網站都是響應式的,所以這些盒子一般沒有固定的寬度,而是根據固定的邊距,來自由伸縮。

          圖片

          Sketch 和 Figma 等 UI 繪圖工具,都提供了固定邊距的自動布局功能,用的就是這個原理。

          圖片

          上圖截自:Sketch

           

          但是因為這些繪圖工具的畫板里用的是圖層結構,所以只能固定元素相對于畫板的邊距,而不能固定元素相對于模塊的邊距,除非使用組件。

           

          尺寸是變化的

          前面提到了一個很關鍵的點,那就是「盒子」,或者說框架寬度不固定(響應式頁面)。

          既然寬度,那么框架的高度也同樣是不固定的。

          因為頁面包含大量固定字數的文字或者固定比例的圖片,在寬度不固定的情況下,高度自然也沒法固定了。

          圖片

          那么既然頁面內的元素無法固定高寬,那么什么才是固定的呢?

          答案是:

           

          間距是固定的

          你可以想象一下柵格伸縮的情景,原理一樣,只是真實頁面上柵格替換成了各不相同的邊距。

          也就是說,設計師最好是一開始和前端交付時,就明確設計稿上各元素之間的邊距,而不是高寬:

          圖片

          這一點,不但一些設計師不清楚,很多前端也不清楚。只是設計師不清楚是因為不知道前端原理;而前端不清楚,是因為他們不在意相應布局的視覺效果。

          不過,雖然框架不固定高寬,但是按鈕、圖標、LOGO 等小元素,通常還是固定高寬的。

          圖片

           

          文字對尺寸的影響

          一些設計師向前端提供文字參數時,只提供字體和字號,結果出來的效果還是相差很遠。

          圖片

          通常來說,最容易產生問題的參數就是「行高」了,因為瀏覽器的默認行高是 100%,而很多系統平臺都有自己的默認行高。

          所以說,行高一定要明確才能確保效果,而且最好是提供百分比而不是數字,這樣就能夠跟隨字體尺寸按比例變化了。

          圖片

          除此之外,還有「段落間距」和「字間距」可以注意一下,不過使用率較低就不多說了。

          圖片圖片

           

          尺寸標注

          我知道現在有很多工具可以查看設計稿的尺寸,但是如果前端是新手,也會 get 不到你的設計規范。

          標注的時候,就可以只挑關鍵參數,即:字體、字號、行高、邊距、色彩。

          其實,如果你知道哪些是關鍵的,需要標注的東西也沒有特別多,比以后東拉西扯地溝通細節高效多了。

          圖片

          很多設計師看了上圖的標注,也許會驚呼“沒必要”吧!

          這說明你的前端同事很優秀,不需要解釋太多。

          可即便前端同事再優秀,按鈕是否要自動靈活伸縮?按照文字內容還是按照界面寬度伸縮?這些東西,也還是要他們自己來“猜”。

          像我這樣對自適應方案想得比較多的,就更加傾向于標注清楚些。

           

          總結

          如果你有一名優秀而細心的前端同事,那么以上都不是問題,可能你根本不需要知道也能好好合作。

          但是設計師的工作生涯中難免遇上幾個難對付的前端,多點溝通技巧,也可以讓自己心情愉快些。

           

          原文地址:體驗進階(公眾號)

          作者:設計師ZoeYZ

          轉載請注明:學UI網》前端保證一比一按源文件做,結果又是慘不忍睹

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          金融產品如何做好惠農設計?

          資深UI設計者

          窺見“鄉村金融困境”一角

          去年夏天的時候,我曾隨父母和一群叔叔阿姨回到他們當年下鄉的村莊游歷。那是縣城邊一個山清水秀的村隅,流水潺潺,疫情的陰霾從未造訪。對我而言,那天最為深刻的記憶停留在我們路過了當地的農信社網點,那應是安靜的鄉道中最熱鬧的一角,我看到熙攘人群中很多的老人,掂著銀行卡、存折或者手機,還有大大小小的紙張資料站在大廳中,或是神色匆匆,或是眉目惶然。

          這些留守在村里的大多數人,他們所有與金融的聯結固定在農村銀行網點與金融服務站中,他們在這里存錢取錢、繳交社保、支取生活費、領取補貼和低保。農村的銀行網點有限,業務又必須本人辦理,很多村民過來一趟已經足夠費時費力,而一旦忘帶了什么資料,又相當于白忙一趟。

          對于我們來說,手機上輕點兩下便可完成的操作,對于他們來說竟然如此困難。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          1. 服務使用之困:不會用

          根據最新的第七次人口普查數據,全國人口共 141178 萬人,其中居住在鄉村的人口 50979 萬,占比 36.11%,而據世界衛生組織發布的《中國老齡化與健康國家評估報告》預測,到 2030 年,中國農村與城市地區 60 歲以上的人口比例將達到 21.8%和 14.8%。但由于農村人口密度與交通原因,現代農村金融很難覆蓋到普通農戶。

          一面是由于有限的教育資源與嚴峻的老齡化形勢,另一面是顯著低于城市的金融服務覆蓋率,對農村人民來說,線下金融服務辦理難,流程慢,而對于可以跨越地理限制的線上金融,橫亙在大家面前的是比城市更嚴重的數字鴻溝,“不會用,也不敢用”。

          2. 資金之困:不能用

          土地在我們國家不只是農業生產資料,還承載著農民的福利和農村基層的各類開支。近年來政府通過金融扶持“三農”的決心可見一斑,農村創業創新進度的不停推進,2020 年返鄉入鄉創業創新人員 1010 萬,帶動農村新增就業崗位超過 1000 萬。

          然而無論是個體農戶還是涉農小微企業而言,涉農貸款由于農業天然的弱抗風險能力,其后續還款力和壞賬率都讓很多商業銀行心存顧慮。根據 29 家上市銀行 2019 年年報數據,大型國有銀行及商業銀行整體涉農信貸規模穩步上升,但涉農貸款占比卻仍處于較低水平,且多家銀行呈下降趨勢。

          一方面是蓬勃的創新發展與蒸蒸日上的資金需求,一方面是涉農金融服務的資金困境,最終也讓缺乏足夠的資金支持的鄉村的產業與業態面臨失去活力的風險。

          也正是源于這些類似的故事和真切的數據,我們開始探討“惠農金融”這個話題。依靠騰訊云推出的虛擬營業廳、騰訊云銀行、產業金融學小程序等等一系列解決方案,我們希望能讓農村金融業務更加溫暖,更加靈活,減輕銀行和用戶的辦事成本,把無界銀行服務的理念傳達到更多地方,提升銀行數字化的服務廣度與深度。

          從包容性設計看惠民設計

          惠農設計里自然會涉及到適老化的問題,而除此之外,它會是一個具體指向性更弱,更復雜的語境。

          這是為什么我們認為包容性適合作為設計原則來引導惠農的設計。因為它的主旨正是在充分認識到用戶的多樣性的前提下,允許不同的用戶在產品和服務中選擇自己更喜歡的方式來參與并體驗產品,避免產品在不同人群中產生體驗隔閡。而我們也相信好的設計,最終能讓大家都受益。

          包容性設計較早可以追溯到 2000 年,劍橋大學教授提出的包容性設計方塊(The Inclusive Design Cube),這個方塊以感知、認知、移動能力三個元素為象限延伸構成立方體。中心的實心方塊表示三種能力均具備,而方塊越往外延,其中的某項能力便出現欠缺。他們提出,包容性設計是提醒大家不??剂繉嵭姆綁K外沿,以滿足更多群體的設計方法。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          英國制定了國際上第一份官方解釋包容性設計的標準 BS 7000-6-2005(Design management systems – Managing inclusive design – Guide),在標準中,它將包容性設計定義為“主流產品或服務的設計能盡可能多的為人群所方便使用,無需特別的適應或特殊的設計?!?

          包容性設計的核心主旨,并非“人人都可以使用的設計”。劍橋大學工程設計中心教授 Ian Hosking 繪制了包容性設計的群體金字塔,展現群體中個人的能力差異,并指出包容性設計首先以底座的無困難用戶為根基,自下而上覆蓋至一個相對理想的用戶群體范圍,而無障礙設計或可達性設計則是自上而下,優先考慮極端人群的需求,兩者是不同的。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          淺談設計解法與設計實踐

          我們將包容性設計原則帶入到設計流程中,重新審視金融云虛擬營業廳等等一系列產品的相關設計,將人置于流程的中心,力圖以更為鮮活的視角來洞察設計中的需求,并努力地滿足它們。

          我們面臨著更加含糊但是又無處不在的差異:

          • 生理差異,源于農村人口與城鎮人口不同的年齡構成,健康狀況差異等各方原因,如:農村地區老年人口視力受損的患病率高于城市,在設計中我們要更充分地考慮頁面元素的樣式、用色、大小等等;
          • 認知差異,主要由于不同的文化背景導致,他們需要比一般app更為簡易直觀的操作,更為少且聚焦的流程;
          • 情境能力差異,源于不同的生活經驗,生活環境,人際親疏等等,我們需要在操作中給予更強的安全感,并充分考慮不同情境下的使用場景。

          1. 變“不會用”為“安心用”

          農村人口尤其是留守鄉村人口,其教育程度與文化背景造成的認知差異比城鎮人口更為明顯,獲取信息服務與學習新的科技手段的成本也顯著高于城鎮人口。近年來越來越多的村鎮開始組織手機學習培訓班,可以看得出來這類需求也在日趨提升。

          2. 實驗:感受認知差異的存在

          要考慮不同文化水平的人眼中的手機和信息化服務是什么樣子的,我們可以通過更改手機語言設置這樣一個簡單的實驗來窺知一二。這實際上模擬了微軟在包容性設計中提到“永久性障礙”中”語言障礙“的情形。

          具體來說,此時我們的認知模型已然改變,無法通過文字來獲取信息,而需要通過視覺符號來識別功能圖像、記憶功能位置、強記文字形狀等等不同的方式來記住這些服務與功能的使用方法。

          下圖是 iPhone 的設置頁,左右對照一下我們就會發現,原來這個打開過成千上萬次的頁面,理解偏差可能會有多大。而這里我模擬的還是對手機有一定程度了解的理解模式,若是對于抽象圖案理解有一定困難的人群,情況會更加嚴峻。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          而其實 iPhone 和蘋果做的已然算是不錯,我們可以看看其他,以下是 Twitter。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          我們發現當無法倚仗文字來判斷信息時,我們會通過其他更為直觀的方式來進行信息獲取,此時能幫助我們記憶和理解的手段包括而不僅限于:圖像,顏色,信息分組,聲音等。

          3. 聲音,圖像,而不僅僅是界面

          虛擬營業廳依仗騰訊云強大的音視頻技術,實現基于移動端的遠程視頻柜員支持服務。在業務過程中我們以座席人員包攬業務中絕大多數操作為原則,盡可能減少手機側用戶的操作成本,在線上還原線下辦理業務的體驗。

          我們通過語言溝通,屏幕示意等等多種方式,讓用戶盡可能只需要通過口述,便完成相關金融業務的辦理。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          虛擬營業廳的”個人理財風險評估“業務,座席人員在座席系統中調取問卷逐一提問,用戶只需口述與回答即可,登記答案、提交與審核均由座席人員完成。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          身份證驗證的過程中,用戶界面上不需要有任何操作,只需把身份證對準攝像頭,座席人員在座席端里點擊拍照按鈕替用戶完成拍攝。

          若是遇到一定需要用戶進行操作的部分,我們也可以通過標注、分享屏幕等等功能,直觀地給用戶展示所需要進行的操作,將他們的理解成本降到最低。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          在身份驗證流程中,座席人員通過“標注”功能加上動作示意,讓用戶進行“翻轉攝像頭”操作。

          4. 具象,更加具象

          Zereh Lalji 和 Judith Good 對印度孟買的工人進行過一項關于手機使用的調查測試,在測試中他們明確地發現越是具象的產品功能圖標,越是容易被受試者理解。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          Lalji 和 Good 實驗中受試者表示最為熟悉的功能,從左到右:電話本,相機,電筒,錄音機。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          Lalji 和 Good 實驗中,受試者自己繪制的關于有聲郵件的圖像,左圖表示人與人之間傳遞的類似”電報“的概念;而右側小人脖子里的線條表示聲波,箭頭指向的四邊形則表示”郵件已經傳送“。

          經過我們的觀察與測試也同樣,具象的信息在適農化中更加受到歡迎和認可。 在虛擬營業廳的客戶端里,我們細化了所有待機場景的插圖,輸出了兩個不同的方案。對于熟悉手機操作的人來說,下面的方案更加強烈且直觀,但是上面的方案,理解成本會更低。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          5. 唯一,且永遠聚焦

          以包容性設計展開的各種實驗和研究發現,人們對于有實體按鍵的手機的理解程度必然高于純觸屏手機,其原因在于一個反饋強烈的唯一按鍵,可以在任何時候提供用戶最快地返回原點的捷徑,這是一個超越了信息架構和系統所有功能的存在。

          在同樣的思路啟發下,我們在騰訊云的另一款產業金融產品“消費金融小程序”里也沿用了這個原則。在這個復雜的小微企業貸款流程中,我們保持了所有流程主按鈕的唯一,且保證了所有流程都單線進行。只要遵循“哪里亮點哪里”的方式,就可以讓這個申請流程一路進行。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          消費金融小程序中,申請頁面主按鈕始終唯一

          6. 變“不能用”為“安全用”

          針對農村金融服務覆蓋率較低、涉農和小微企業融資難的問題,線上金融其實提供了非常好的解決契機,它能讓更多的銀行的同類產品有機會擺脫物理位置的限制,以更低的傳播成本觸達到有資金需求的用戶。尤其是疫情以來,客戶經理的獲客與對客都有了更多的制約。

          7. 更豐富的對客模式讓用戶更全面獲取信息

          我們在虛擬營業廳的現有框架下延伸出了更豐富的對客模式,在這里我們可以將多種形式的產品內容介紹(PPT、視頻、文字等等)通過手機端推送到目標客戶面前。這樣的模式能讓更多樣形式的金融產品直接推送到有需求的人群面前,增加他們的選擇面,讓他們可以更為方便地選擇自己的金融服務。對于銀行而言,這樣的功能也有助于讓他們突破地理條件的限制,可以為農村打造更多專屬的涉農產品,并方便地把它推送到目標客群前。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          座席人員利用投送文件功能,給目標客戶講解產品

          8. 安全容錯的設計

          提到安全,很多設計師的第一反應便是我們通過品牌背書來給用戶建立安全感與信任感,因為騰訊多年在互聯網行業展現的不俗口碑,是我們所獨有的優勢,但其實這一點并不是所有行業項目都能做到的。適農設計中,對于資金安全與隱私安全的要求甚高于線下金融服務,對于我們來說,實現安全這個目標,仍然需要從體驗出發,將安全感蘊含在每一個細節體驗的打磨之中。

          A. 復雜網絡環境的弱網提示

          金融服務業務類型眾多,僅僅是簡單的一個信息修改,在服務過程中便會涉及到身份認證,人臉識別,信息拉取等等多個步驟,同樣在線下辦理業務的時長若是移到線上,不習慣線上辦理流程的用戶會對網絡的卡頓與不穩異常敏感,從而嚴重影響整體業務辦理的體驗。

          虛擬營業廳基于當前農村信息化基礎網絡建設的現狀,我們在研發過程中引入了專用的實時音視頻技術(Tencent-RTC),為整體通話質量作出保障。同時基于農村網絡基礎設施的建設現狀與網絡信號的復雜性,我們對于有可能出現的弱網風險,都在設計上作出了預判和提示,一則可以給用戶更充分的預期,配合現場協助的工作人員,也會與用戶進行解釋和安撫,另一方面也能適當降低由于網絡問題導致通話質量低下,客戶對座席人員的整體滿意度影響。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          B. 梳理操作流程,讓提示清晰且無處不在

          與金錢有關的所有操作,用戶都會自帶“需要小心謹慎”的心理暗示,而基于涉農金融業務的復雜性,貸款往往需要經過非常復雜的資料填寫,資料提交、身份核驗與審核的步驟,冗長的申請流程效率低,用戶沒有預期,整體申請體驗和通過率都很難達到理想效果。

          我們在消費金融小程序中采用了一種新型的流程申請與資料填寫方式,可以精準地提醒用戶現在所處的申請步驟,所需的時候資料與步驟總計耗時等等,可以提升申請體驗,提高申請通過率,降低用戶不滿與焦慮感。

          首先我們將復雜的神情流程做出層級梳理操作,分為大型,中型,小型步驟三部分。

          對于大型步驟,我們在關鍵的新手教育節點予以呈現,以一種旅程地圖的形式,告知用戶全流程。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          對于中型步驟,我們以清單的形式,讓用戶對這里的復雜程度有清晰預知,也讓用戶可以提前準備好所需的資料,一切都一目了然。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          對于小型步驟,我們讓進度條在頁面頂部懸停,讓用戶時刻可見,同時頁面單向滾動,文案上也清晰告知用戶接下來要做什么。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          這樣一套流程設計,我們從申請流程開始到結束,從宏觀到微觀,做到了脈絡清晰且提示全程可見,可以給用戶更充分的安全感與確定感。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          C. 可控且可退回的糾錯方式

          當人們在使用不熟悉的服務和功能時,他們往往比平時更害怕出錯和失敗,而在此時若是身邊的人或者工具本身可以提供他們明確的安撫和糾錯的路徑,他們的顧慮情緒會明顯得到安撫。

          因此當我們在給更廣泛的人群做設計,我們就更需要提供實質意義的明確信息,如明確的錯誤原因提醒,與輕松的回退機制等等。

          消費金融小程序中,我們引導用戶進行單線程的申請動作,與此同時若是發現出錯的內容,用戶可以隨時從清單中明確地看到,并快速進行重新提交。

          金融產品如何做好惠農設計?來看騰訊的實戰案例!

          結語

          所有技術與設計的問題,最終都會回到人

          我們一直致力于打造的無界金融服務,歸根結底,是整合著諸多新的科技與技術,引入更為人性化的設計理念,來讓更多的人可以更加便捷而有尊嚴地使用線上金融服務。本文通過將包容性設計的理念引入適農設計,將不會用變為安心用,不能用變為安全用,我們也希望隨著我們的努力,會有越來越多有需要的人,可以把我們提供的服務,當成邁向這個繽紛數字世界的一扇窗,一座橋,而我們也可以持續不斷地,依著專業能力與同理心,讓這扇窗越來越亮,這座橋越來越寬。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:優設   作者:騰訊設計

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

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

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




          構建視覺層次的4個技巧

          資深UI設計者

          設計行業每天發生著翻天覆地的變化,隨著專業的發展,我們也在不斷的學習新的技巧和趨勢,但同時我們也要明白,設計中那些基礎的UI準則,才是好的趨勢和風格建立的基礎。今天我們就一起來聊聊做好設計最重要的能力之一:區分視覺層次。


          什么是視覺層次

          視覺層次你可以理解為,通過將界面元素進行設計上的區分,引導用戶的注意力,并使用戶的注意力始終集中在頁面的關鍵地方。但是今天沒有一個方法可以一直控制用戶注意力,就像我們今天做設計一樣,不同的產品要用不同的設計手法去設計,才能達到幫助用戶分清主次的作用。

          視覺層次不僅僅包含文字有關,它還包含我們的圖片,視頻按鈕以及文字以外的視覺元素。所以當你設計一個網頁時候,除了網站整體的顏色,排版,圖片也能夠影響視覺層次。那么如何讓設計的層次更清晰,常用方法有哪些,今天我們一起來聊聊關于設計層次,希望可以幫助到你。


          運用尺寸大小建立層次

          大小是建立視覺層次非常重要的方式,這里的大小不僅僅是文字,還包括圖形,插畫,圖片等等。 作為設計師我們必須了解屏幕上每個元素的優先級,根據優先級來判斷它的使用大小。

          當我們談到尺寸的時候,相信很多設計師有過被要求各種元素放大的經歷,確實大的元素能更好的吸引用戶。 但是當元素越大,其實設計的復雜性也越高,所以在設計時候需要更注意整體節奏,把握好一個度。

          如上圖插畫的比重很大,在設計這種大的元素時,你的每個元素比例和細節處理都被同時放大了,我們可以看見這副插畫四周還運用了很多元素,讓頁面達到平衡,同時這個畫面和旁邊的文字場景也很好融合在一起。一個好的設計一定是通過視覺手段讓用戶理解信息更加準確,在看完頁面文字和圖片后,很自然的引導到底部的按鈕,這才能算是一個很引人注目的設計。


          運用色彩建立層次

          顏色在視覺層次中扮演著非常重要的角色, 設計師可以通過顏色來傳遞信息內容,同時也可以引導頁面內容,色彩在心理學中有著很重要的作用,比如黑金給人尊貴感VIP感,糖果色給人小清新,甜蜜的感覺;紅色能吸引人注意等等。用戶在視覺情感上和顏色很容易聯系在一起, 作為設計師我們需要對不同的色調,不同色彩進行細致的組合搭配,以掌握對色彩的了解。

          Zenly:國外知名產品,在引導頁面設計時候運用紅色按鈕吸引用戶注意,在App主頁面里面,通過深藍色強調選中效果以及Tab.

          Netfix:知名的電影軟件Netfix在設計中,充分運用色彩去增強層次,無論是在引導頁按鈕設計,還是在頁面核心行動點,以及Tab切換等地方,都通過顯眼的主色來引導用戶操作,讓頁面的行為路徑更加順暢。

          Tiktok:抖音海外版本設計,整體UI部分非常簡單,頁面還是一如既往突出內容為主,所以在整個設計上就通過色彩來強調頁面優先級,比如拍攝,分享,選擇這些核心操作都通過色彩來引導完成任務。

          更多設計文章,設計交流,歡迎添加 | 微信ddm7212

          關注#公眾號:SKY蓋哥 ,第一時間獲得設計干貨和分享內容。


          運用文字大小字重建立層次

          絲芙蘭App的設計,在引導頁采用一個襯線體非常有品位,通過字體大小,和字重對比,再配合美妝護膚的行業屬性,頁面非常的簡潔大氣,有對比有細節。

          無論是產品介紹,還是詳情頁,絲芙蘭設計都是采用字重和字體大小對比,來打造層次,字重和大小,也是設計師常用建立層級的方式。

          除了字重以外,還可以字體透明度來增加層級,一般是黑色搭配灰色使用,再加上字體大小和字重整個頁面層次會更加清晰。如上圖韓國APP頁面,標題是黑色,輔助說明文字字號小4號,同時顏色改為淺灰色,這樣設計頁面層次增強了很多。

          很多設計師在做界面時候,喜歡字體就一個顏色用到底,這樣會顯得界面粗糙,也沒有層次感。但是運用好我上面說的字體大小,顏色、字重等對比其實節奏很容易就能做出來。

          運用視覺重量建立層次

          比如aaptiv這個產品的功能頁面設計,就是運用了視覺重量的對比,線框按鈕最弱,其次是黑色選中效果,最重的功能引導按鈕, 視覺 重量的對比能很好讓用戶關注到功能內容。

          如上圖,選中的黑色視覺重量最重,其次是藍色選中效果,最后是未選中的黑色,視覺重量幾乎我們每一個頁面中都會使用到。

          headspace這款產品我非常喜歡,將情感化用到了極致,在頁面很多細節地方運用了不同的小橙人在背景上,視覺重量有輕有重,通過不同視覺重量來表達頁面內容,非常巧妙。

          在列表的表達上,不同視覺重量感受是不一樣的,比如左邊的視覺重量更輕一點,用戶關注圖形同時也去關注文字內容,右邊這個視覺更重,更加引導用戶去點擊功能模塊內容。

          設計師熟悉的medium官方App設計,在正文閱讀時,同樣采用不同的視覺重點來突出重要信息,比如左邊通過字重以及文字背景綠色底色和正文對比,非常醒目。右側通過淺綠色作為背景強調突出。

          同樣在一些重要位置,Medium也是運用視覺重量處理,如左圖通過頂部提示條提示可以通過語音播放,在右側付費文章通過行動按鈕引導用戶升級付費。


          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:站酷   作者:我們的設計日記

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

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

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


          實例解析2021年UI設計流行趨勢

          seo達人

          前言

          首先定義下所謂行業。美柚是一個工具,但也不僅僅只是一個工具。我們致力于為女性提供一種新的生活方式,提供包含健康管理、問題解決、娛樂交流、電商購物等服務。

          從功能上進行拆解,把美柚可以劃分為工具、社交、電商、母嬰四個大類。

          在這四大領域中,我們從易觀千帆、艾瑞指數、七麥數據、蟬大師等相關指數平臺,篩選相關行業的主流應用進行分析,總結出2021年美柚相關行業設計趨勢。

          所選應用應該也是我們日常生活中大家比較常用的,工具類所含的「健康醫美」也是近年來比較受關注的一點。

          整體分析將從視覺表現以及人文關懷兩方面展開。7:3的內容比例,以下分析案例包含但不僅限于上述20個應用。

           

          第一章 · 視覺表現

          1.1 明亮飽和的主色

          互聯網行業發展日趨成熟,早已進入爭奪用戶時間的階段。不計其數的應用,多元的信息,都在促使我們需要一開始就吸引用戶。

          對于品牌色的選擇,并不只取決于應用本身,還有「競爭」,如何在成山成海的應用列表中一開始吸引用戶,給用戶留下深刻的印象,是定義品牌色時需要思考的。

          這幾年,有許多應用對其品牌色進行調整。強如國民級應用-「支付寶」和「淘寶」,也需要在被追趕的壓力下不斷調整策略。大多調整方式,是輕微變動其色相外,提升色彩的飽和度與明度,讓產品本身更跳躍。

          將拾色器劃分為9宮格,通過對所選應用主色在拾色器中的觀察,可以發現大部分APP主色的趨勢為:高明度、高飽和度的色彩。即拾色器的右上角區域。

          母嬰孕育類產品的主色選擇則更偏向中度飽和。顏色飽和度更多偏向中右區域,這與品類本身柔和的氣質息息相關。

          從趨勢上來說,更加明亮飽和的色彩能在一定程度上更加吸引用戶的注意力。當然,并非一味的高明度、高飽和度色彩就是最好的,仍然需要根據產品特性及方向進行正確的決策。

           

          1.2 大圓角卡片

          日常生活中,如果一件物體過于鋒利,就顯得不夠安全,比如我們常見的錘子,剪刀,給人的感覺都很尖銳。圓角矩形在生活中也是非常常見的,如電腦、平板、桌子等等。巴羅神經學研究所關于“角”的研究發現:角的突顯性感知與角的度數的線性變化,銳角比鈍角產生更強的虛幻的突顯性,因而圓角的設計比直角更具有溫度感

          蘋果新系統(Big Sur),窗口四角從以前的10px增加到20px,控制中心也沿用了ios14的卡片設計風格和布局。微軟win10的概念稿中也出現了圓角。我們可以確信,圓角矩形將會在未來一段時間內繼續風行。

           

          · 邊距卡片布局

          卡片設計的本質是將信息整合,建立更清晰的頁面結構,同時擁有更強的交互能力。 從以下截圖中可以看到不論什么行業,卡片布局對于框架結構的承載都是極其優秀的。

           

          · 懸浮卡片

          iOS 13開始,模態面板采用新的卡片形式。模態面板在操作時會有一個縱深的效果,適用于單手操作。在Apple自帶應用中,模態面板得到了廣泛應用。

          懸浮卡片在各大應用中的運用率極高,不止在于模態面板,也可以作為模塊區分。模態面板一般懸浮卡片有吸頂操作,而僅作模塊區分的懸浮卡片會跟隨內容移動。

           

          · 大圓角

          既然這個趨勢點命名為「大圓角卡片」,那么大圓角是必不可少的。

          基于移動端屏幕質量的進化,能更好的呈現圓角的質感,圓角開始被廣泛使用。從蘋果手機的進化,我們也能明顯感受到其圓角的變化。隨著全面屏時代的來臨,圓角的弧度也越來越大。

          可以感知到現在各大應用中的圓角相較于以往都是成倍數的增長。

          圓角卡片會成為一個趨勢,主要在于兩點:一個是技術升級,現在的設備都能更好的對圓角進行渲染;

          二是我們視網膜中視覺最敏銳的區域叫中央凹,它在處理運行時最快,圓角矩形在視覺識別過程更容易。

           

          1.3 輕量漸變

          過渡柔和的輕量漸變越來越受歡迎,其簡約兼顧美感的同時,也可以創造輕松、溫暖的氛圍?;仡欉^去一年,關于色彩的運用,在漸變色的使用上越來越理性和克制。

          觀賞下追波上幾個輕量漸變的作品,可以在展示時作為背景使用,也可以在頁面背景上直接使用,都擁有不錯的視覺效果。

          實際案例中,考拉、淘寶和小紅書的幾個頁面背景都使用的輕量漸變的效果。我們常常使用的視頻軟件 騰訊和優酷 也開始在頁面背景中使用輕量漸變進行氛圍烘托。

          除了頁面背景,在單獨卡片背景我們也可以看到越來愈多使用輕量漸變的效果。這個位置漸變的使用會更加克制一些。

           

          1.4 磨砂玻璃

          磨砂玻璃主要基于「背景模糊」的效果。與過去的毛玻璃有所不同的是,磨砂玻璃模擬現實玻璃的效果,具有更強的通透感和層次感,帶有柔光的感覺。

          一樣磨砂玻璃的技法,不同的色彩與透明度,所表現的效果是有區別的。

          實際運用中,圖標和圖片都可以做磨砂效果。

          玻璃效果的圖標層次感更好,有效提升視覺表現力。不過如果大片運用的話可能會引起視覺疲勞,能否成為一個成量級使用的趨勢還有待時間的考證。

          彩色背景或圖像經過玻璃效果的疊加顯示更加柔和,同時不影響前置文本的可讀性。這一點我覺得未來可能會運用的更多。

           

          1.5 溫和彩色系圖標

          這里需要著重強調下「系列」,是一整組的彩色圖標。

          過度的使用高飽和色彩會引起視覺疲勞,在同一場景下,一整套多彩圖標偏向使用更加溫和的彩能傳遞平靜且更加柔軟的情緒。

          大部分彩色系圖標處理方式有這幾種方式:

          • 同色系疊加-圖形帶透明度產生疊加的視覺效果;
          • 飽和相對較低的單色或同色微漸變;
          • 微漸變主體+同色淺色底板

          它們的統一特性就是成系列的彩色圖標,飽和低不高,視覺感受輕松柔和。

           

          1.6 圖形三維化

          手機屏幕進入高分辨率時代,屏幕色彩也更加的準確,現代的前端框架可以承載更加精細的畫面以及減少頁面的加載時長。三維可以創造更多元的設計感官,在UI中開始變得越來越受歡迎。毋庸置疑,3D在2021年會變的更加流行。

          3D可以塑造更強的空間感。在UI運用中的3D效果不追求過分逼真和完全擬物的光澤感,以簡約的造型和豐富明快的顏色提升設計感。

          視覺三維化以更加立體、更具視覺沖擊力的形象強化用戶對內容的感知。IP形象三維化可以給用戶建立更加立體的品牌認知。也可以運用在運營圖中增加圖片的沖擊感。

          圖標三維化,在立體感上可以再稍微弱化。Big Sur系統采用擬態圖標,既是一個新嘗試也是開始。我們可以大膽預測,未來將會在更多設計中看到輕擬物圖標。我們可以大膽預測,未來將會在更多設計中看到輕擬物圖標。

          在時刻需要掠奪用戶注意力的時代,極簡扁平的視覺已到了極限。但全局擬物的設計勢必影響信息獲取效率,因而輕擬物圖標一般運用在關鍵功能入口上,不適宜大面積使用。

           

          1.7 數據可視化

          大數據時代,數據的展示是必不可少的,借助圖形化手段,更加清晰有效的傳達信息。讓美學和功能齊頭并進,整合稀疏而又復雜的數據集,這就是我們常說的數據可視化。

          也可以理解為我們常說的圖表,看下實際案例中,不同行業有關數據的展示都進行了可視化表達。

           

          第二章 · 人文關懷

          2.1 關注隱私保護

          大數據時代加快科技、社會發展的速度,同時也讓網絡時代下隱私保護的倫理問題進一步演化。互聯網便利的同時也滋生科技隱私的信任危機。

          隱私保護技術不完善、法律不健全、意識不充分;國內尚在制定中的《個人信息保護法》無一不在提示我們應當關注隱私保護。

          投射到應用中,我們如何能做的讓用戶感知自己隱私得到保護呢?

          • 支付寶-多窗口模糊處理、付款二維碼界面截圖時會做模糊處理并在文字上進一步提示,是對金融資產的保護;
          • 餓了么-電話呼出,使用加密虛擬號碼,這也是近年來幾乎都會使用的對通訊隱私的保護方式;
          • 百度-無痕瀏覽是對搜索信息的保護

           

          2.2 智能化

          在互聯網、大數據的支持下,應當具有滿足人的各種需求的屬性。一般來說,智能化我們都在說某一個系統或者設備,其實APP應用也可以通過細枝末節的展示給予用戶智能化的感覺。

           

          · 記住用戶的選擇

          餓了么提交訂單頁面,當你選擇以后都需要餐具,后續每一次訂單都會默認「需要餐具」。記住用戶的選擇,不要讓用戶總是重復同一個選擇,提升操作效率。

           

          · 告知用戶進度

          keep進入「我學過的課程」會顯示上次學習時間,在相關課程詳情頁幫助用戶記錄訓練次數。告知用戶進度,不會疑惑當前事項是否曾經操作過。

           

          2.3 生活化

          我們說了很多年的情感化設計,今天來說說更加生活的情感化,我在這里稱它為「生活化」。在更加浮躁的網絡時代,以更加生活化的情感來貼近用戶,引起共鳴。

          薄荷健康首頁每天都會出現不同的壁紙,上面都附有很詩意的句子,如“你做三四月的事,在八九月自有答案”,“要有大大小小的期待,生活才不會百無聊賴”??粗请u湯了一點,但是感覺陽光燦爛的一點呢。

          丁香醫生下拉刷新隨機出現的文案也是非常生活化,“耳屎不用掏的太干凈”“口水消毒不靠譜”“腳臭的不一定有腳氣”,諸如此類,既貼近生活又帶點小科普,非常符合健康應用的調性。

           

          結語

          趨勢具有周期性且永不止息。我們無法預知未來什么樣的設計會脫引而出引領潮流。我們能做的是先行感知可能成為趨勢的設計,在變革到來之前擁抱變化。

          流行是量級,趨勢是方向,一個流行的設計是否成為趨勢要在一個周期內的量來判斷。蘋果作為硬件乃至互聯網行業的先驅者,他們的每一次設計變革較大概率上都預示著視覺的革新。

           

          原文地址:站酷

          作者:草莓設計說

          團隊:美柚用戶體驗設計中心

          轉載請注明:學UI網》實例解析2021年UI設計流行趨勢 — 美柚UED

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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



          淺談動漫IP商品化設計思路

          seo達人



          前言

          近幾年隨著IP越來越火,很多小伙伴們都開始嘗試做IP衍生周邊開發,那么面對眾多IP我們動漫的IP該如何去做商業化開發呢?經過摸索和嘗試,這里總結了一些經驗跟大家簡單的分享一下。

          本篇主要內容分為兩個模塊:

          一.IP種類的淺析及兩者的差異點

          二.內容型IP如何做長線設計規劃思路

          • 1.認識自己
          • 2.認識行業市場背景
          • 3.明確的商業化授權路徑
          • 4.人員配置設計
          • 5.系統的設計規劃方案及執行

           

          IP種類的淺析  不同種類的差異點 

          IP這個詞每個人都有不同的的見解,網上可以搜索到各種專家的解釋,這里就不做過多的說明。但是結合過往的項目經驗需要小伙伴知道的是IP其實可以統分兩大類:

          圖片

          (圖片來源于網絡,侵刪)

           

          內容型IP就是類似狐妖小紅娘、一人之下、火影忍者、漫威系列、迪士尼公主系列等有一定的世界觀、歷史、人文、故事等內容為基礎構建的世界;

          形象型IP就是類似kakao、熊本熊、Molly、BT21等由一些通信、藝術家或者明星等為基礎演化出具有獨特性的品牌形象。

           

          雖然故事型IP和形象型IP在商業化時都可以進行漫畫、動畫、游戲、周邊等內容的開發,但是實際接觸下來,我個人認為故事型IP要比形象型IP更難開發,原因如下:

          • 從形象面部來看,故事型IP大多是人物形象,在關鍵性特征上提取很難像形象型ip那樣去抽象化形成獨特的符號
          • 從顏色傳遞來看,形象型IP很直觀的就可以在形體上識別關鍵色
          • 從輪廓簡化來看,形象型IP也能夠很直觀的展現出具有識別性的剪影

          圖片

          (圖片來源于網絡,侵刪)

           

          那么,像我們幾萬部動漫基本全是故事型IP,在商業授權設計中我們又是如何輔助業務去做商業開發的呢?接下來就給大家簡單介紹一下,我們是如何做長線設計規劃的。

           

          內容型IP 如何做長線設計規劃

          先強調一下在規劃前,首先我們要明確的知道每個IP都有生命周期,如何在有限的生命周期內創造無限價值就是商業授權設計師需要前置重點考量的事情。其次我們也要清晰的知道現在IP所擁有的粉絲量并不代表它與商品轉化量成正比,所以不要盲目的去重度商業化。
          具體我們是怎么做的呢?

           

          流程如下:

          認識自己 → 認識行業市場背景 → 明確的商業化授權路徑 → 人員配置設計 → 系統的設計規劃方案及執行

           

          【Step 1-認識自己】

          這個就跟上戰場前先檢查自己的裝備一樣,才能明確的利用現有的優劣勢及時調整作戰計劃,一般從以下幾個方面著手:

          • 是否擁有核心資產也就是IP ?

          優勢:我們擁有很多優質且知名的IP,通過平臺的運營IP的生命周期都不短,很合適做商業化開發,也有一定的粉絲量積累

          劣勢:關于作品前期內容設定是缺失的,這意味著后期我們需要花費很多時間和精力做內容整合,來統一標準規范

          • 是否擁有相互配合的團隊包括商務、渠道、市場、設計等等,這里我們著重指的是設計團隊

          優勢:擁有互聯網相關的運營、UI、品牌等維度的設計資源

          劣勢:缺乏對IP商品化相關的設計及生產工藝等內容的設計資源,等于是一窮二白從零開始搭建團隊

           

          【Step 2-認識行業市場背景】

          在16年時,國內才真正進入“IP元年”,在人人都開始做IP的大趨勢下,IP行業細分出的商業市場也逐步開始形成,尤其隨著18年中國Z世代人口數逐漸攀升,在他們的馬斯洛底層需求被滿足后,更加追求的是頂層精神需求帶來歸屬感和陪伴感。同時Z世代的人均月可支配金額為全國平均水平的150%,因此這波人群的“消費動機”和“消費實力”都得到了充分的體現,也成為了我們IP衍生品市場強有力的助推劑??傊?,目前國內IP商品化市場還處于藍海市場,有機會的話大家都可以試一試。

           

          【Step 3-明確的授權設計流程】

          設計是服務業務的,最終結果都是以業務目標為導向的,所以我們一定要清晰的知道業務的商業授權路徑是什么,才能有針對性的知道設計流程是什么。

          完整的商業開發流程,從最開始的內容整合到落地成商品,需要經歷多個環節和不同團隊的協作完成,而商業授權設計在整個鏈路上都需要前置參與并從中獲取關鍵點:

          • 內容整合:整個IP商品化最核心最關鍵的一步就是需要整合最底層的IP框架,包括IP相關概述、用戶特色、IP基礎設定、品牌調性等內容,打好關鍵基礎才能夠指引后期商品產出
          • 圖庫構建:同樣是核心關鍵的一個環節,需要設計全程參與核心資產的品控產出
          • 商業授權:配合業務授權,權衡設計方案的可行性
          • 審核監修:全程參與品質把控,了解商品從設計到落地的每個環節及核心審核要點
          • 運營推廣:全程參與品質把控,輸出商品核心賣點并關注數據閉環

          圖片

          所以,可以看出,整個商業授權設計需要的設計能力是比較偏綜合性的,所以要前置參與整個開發路徑還要知道每個環節的核心要點,包括b端商品的生產工藝及流程,c端的商品賣點宣傳等等。

           

          【Step 4-人員配置設計】

          在上面我也有說明,IP商品化需要設計具備很多綜合能力,不僅僅是表層的設計美感,也包含了對項目的統籌、人員分工、b端商品的生產工藝及流程的跟進等等,所以我們根據業務細分模塊建立了美術PM機制,T隊的形式,進行職能劃分,更加專業高效的配合各類業務

          圖片

           

          【Step 5-系統的設計方案及執行】

          那么針對設計流程如何規劃設計方案呢?我們拿《狐妖小紅娘》來舉個栗子:

          1-前期資產整合,由于IP商品化是部門新拓展的業務,整塊內容處于零基礎階段,所以我們首先需要快速學會走起來,一步是整合內容,一步是基礎規范搭建,來形成統一的對外標準規范,讓整塊機制運作起來。

          圖片

           

          2-中期補齊模塊,在核心內容搭建完畢后,這時我們需要結合業務細分模塊訴求找到快速推進SKU增長的方法,學會穩健前進,以下是目前我們常用的4種設計策略:

           

          2.1 貼圖設計

          對原始素材進行整合設計并搭建素材庫,可以快速低成本的進行商品設計,類似粉絲向產品徽章、鑰匙扣、亞克力立牌等能直接進行印刷的品類,雖然商品量能夠在短時間內迅速增量,但是對設計是有要求的,它需大量有設計感的圖庫進行支持的。
          這種設計能夠快速助力IP商業化試水,明確粉絲的消費能力并及時止損。

          圖片

           

          2.2 定制設計

          結合IP故事內容挖掘核心賣點,在有一定的消費力轉化下做的升級策略,一般這個時候我們就會去開發手辦、聯名、定制等這類重一點的商品了,去滿足核心粉絲的精神寄托。但是這類產品開發周期長,成本投入相對也會增加。

          圖片

           

          2.3 功能設計

          這類商品設計更加考驗設計師對商品工藝以及其他領域的知識積累,因為需要打破壁壘做雙向結合設計,比方說現在的暖手寶和小手辦的結合,不僅可以暖手還可以隨時替換小手辦,賦予了新的功能,多方位滿足用戶使用和觀賞的體驗,這類設計不僅開發周期長,需要儲備的知識量也很大,也很消耗資源,但是能夠在具備“顏值”的情況下增加更多趣味性,助力業務擴展更多商機。目前市面上這類產品也不是太多,

          圖片

          (圖片來源于網絡,侵刪)

           

          2.4 品牌設計

          這類設計是需要深度挖掘作品內涵并結合元素演化出的新品牌概念做創新設計,類似我們平臺的一線牽、哪都通、人有靈等,這種模式主要是借力使力反哺ip,用來積攢口碑的和品質的,但是它需要部門協作集中運營,會消耗各方資源。

          圖片

          以上的幾種設計思路,多數針對大IP商業化年度項目規劃,即保證了IP整年度商品運營規劃,還可加強品牌效應。像我們的《狐妖小紅娘》著重抓情人節來做品牌,其他定制設計會跟隨電商重要營銷時間上,貼圖設計就可以填補全年空缺滿足日常消費

          圖片

          3-后期下沉市場,我們除了服務IP粉絲外,業務的最終目標是進軍大眾消費市場,那么就會涉及到更多產品的垂直開發以及不同消費人群的定位,這就更加需要設計從消費者的角度考量商品本身的材質、賣點、功能等內容做深入研究

          這個階段需要我們更加垂直的去開拓更多大眾消費品

          圖片

           

          結語

          以上內容基本是動漫IP商品化的一些思路分享,希望這些淺薄的經驗可以幫助到正在做IP商業化的小伙伴,如果想要進一步深入了解相關內容歡迎一起相互探討和學習。

           

          原文地址:TCD設計中心(公眾號)

          作者:Limit錢

          轉載請注明:學UI網》淺談動漫IP商品化設計思路

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

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


          B端教育產品的情感化設計(視覺篇)

          資深UI設計者

          教培類產品若想更有效地吸引用戶留存,則需要站在用戶的角度進行思考,讓用戶有持續性的動力使用產品。而有“溫度”的設計可以讓用戶更有動力。本篇文章里,作者從視覺上總結了B端教育產品的情感化設計操作策略,一起來看一下。


          我們是如何讓工具化教培類產品更具有“溫度”,同時又滿足B端產品多樣、規范化設計的。

          B 端教育產品的情感化設計(視覺篇)

          一、項目背景

          此項目是由我們的合作伙伴-清華大學心理學系學習科學實驗室執行主任宋老師和他的團隊發起,與我們騰訊云的小伙伴一起完成設計和開發的。宋老師的師資團隊在教育培訓行業已有多年的沉淀,且在類工具化的教培線上產品授課經驗豐富。

          宋老師團隊認為:“現有的工具化產品并不能足夠滿足團隊的教學需求和理念”。他們需要更富有情感化的產品,區別于其它的在線工具化的教培產品。

          同時在教學過程中宋老師團隊的核心痛點在于:如何讓學員有動力地學習下去。21天中長期課程訓練營,學員會經常出現無法堅持學習、學習動力不足、中途放棄學習等問題,而這些也自然成為我們需要去突破和解決的設計難點。

          1. 核心訴求:如何讓學員有動力學習?

          解析問題:老師團隊希望做出與市場上工具化產品有所區別的產品目標,更是一款具有情感化且具有工具屬性的教培產品。根據這個目標和方向,我們快速嘗試了一版方案:讓學習進度清晰可見—“學習地圖”方案。

          B 端教育產品的情感化設計(視覺篇)

          設計目標

          快速迭代1.0 學習地圖,定位問題聚焦設計方向。

          B 端教育產品的情感化設計(視覺篇)

          1.0版設計地圖

          我們快速打造并模擬上線了1.0版學習地圖,并和宋老師團隊溝通發現:如上圖的信息模式更適合即時性運營類的信息傳達,而在21天這樣的學習訓練營中,這樣的視覺信息表達會有以下的問題:

          1. 學習路徑漫長且曲折,讓學習目標看起來很難完成;
          2. 在漫長的路徑上連續不斷的關卡造成一種讓用戶遙不可及且容易中途就放棄學習;
          3. 節點的節奏過于單調讓學習沒有預期感、缺失成就感。

          雖然秉持著創造輕松的學習環境和氣氛的目標,我們的設計還不能滿足實現情感化的工具產品,所以我們快速的定位問題并調整了我們學習地圖的設計思路。

          B 端教育產品的情感化設計(視覺篇)

          1.0版設計地圖

          2. 學習如何才能是輕松又有動力的?

          回答最初的問題,如何讓學習輕松有效又有持續性?分為以下幾個維度:

          1)縮短學習路徑— 讓學習目標看起來輕松可執行。

          2)拉近終點目標— 讓原先看起來遙不可及的目標“觸手可及”。

          3)只聚焦當前任務 弱化未完成的任務—幫助學習者減負,學習者不需要關注將來的任務,只需要把精力聚焦在當前的任務下,完成當前的力所能及的“小事”就能打卡成功。

          4)放大學習成就感— 在21天的訓練營,把學習分成:初、中、后期。在學習初期需要關注學習習慣的養成;在學習中期需要幫助學習者在中途不要放棄學習,鼓勵學習者,并將學習回報等可視化,像是累計的學習時間獲得驚喜等;在學期后期放大目標,凸顯目標任務近在咫尺的感受,在最后學習終點放大學習的成就感。

          5)放大社交屬性— 騰訊的基因就是有社交屬性的,所以將學習組團化,學習者之間互相鼓勵,讓學習變得簡單和快樂。

          3. 從籠統的游戲化設計聚焦關鍵設計點

          1)輕松

          創造更輕松愉快的學習氛圍。首先需要拆解分化目標本身,聚焦于當下要完成的事,而不是想著那個遙不可及的目標;其次,讓過程可見,看見學習的過程視覺化的量化;最后,驚喜埋點,讓學習是一件快樂的事情。

          2)激勵

          主要的思考方向聚焦在:增加互動,老師上課直播的送花 、標示(學習積極分子等)創造學員之間的互動,攀登榜等。其次通過驚喜盲盒讓學習也是可以開心并且有成果的。

          3)品牌化

          以此次的項目代表,不同的教育機構有自己的屬性和教育理念的傳達,也有大量的運營的需求。如何幫助合作伙伴或是客戶更好的快速、清晰、準確的塑造其品牌和品牌識別度,也是我們需要聚焦的方向。

          4)B端設計

          作為B端的設計,希望后續面對類似需求的客戶可以將設計元素組件化,量化復用的同時,滿足用戶定制化的需求,靈活多變,幫助產品快速的產出。

          B 端教育產品的情感化設計(視覺篇)

          聚焦設計關鍵點

          二、差異化學習地圖專項設計

          1. 地圖信息屬性調整

          1)節點

          將課程的節點放大,且增加變量的屬性,讓每節課程的節點都“埋藏驚喜”。同時節點的設計分為基礎節點和其它節點。其它節點包含:彩蛋節點、運營位節點等,讓節點變成一個組件的同時具備了靈活變化的屬性。

          B 端教育產品的情感化設計(視覺篇)

          節點組件

          2)路徑

          節點自身就可以組成隱形的路徑,相對就壓縮了學習路徑,減輕學習者的學習負擔。并且用空間感的“近大遠小的”路徑設計從視覺上“拉近”學習目標終點。

          3)角色融入

          將學習者角色帶入,用了小人“跳一跳”的動態增加學習的趣味性。

          B 端教育產品的情感化設計(視覺篇)

          動態跳一跳

          4)故事線

          服務于售前,產品可以針對不同的客戶和需求串連不同的故事線。

          在做初期提案時,我們的故事線是:學習積累水滴灌溉小樹苗,在學習過程中小樹苗慢慢成長變成大樹,通過這樣的視覺呈現來體現學習的成就感。學習者在不同的節點會解鎖帶有樹苗長大的驚喜“彩蛋”節點。

          作為B端的設計服務,不同的客戶有不同的目標需求,但是基于這樣的學習地圖組件,后續可以更換不同的故事線,也可以根據客戶需求靈活定制學習地圖。

          2. 地圖在界面上的的呈現

          1)終點目標可見/聚焦當前任務

          首屏就可以看到終點,并展示終點第21節課程,減輕學習者的負擔。在視覺上呈現出:完成這個目標“看起來”也不是很困難的感受,讓學習者感覺自己是可以憑借著努力去觸達學習終點的。所以學習者只需要聚焦在當前需要完成的課程,而不需要考慮還未完成的課程。

          B 端教育產品的情感化設計(視覺篇)

          地圖的視覺呈現

          2)界面結構

          • 遠景:不同的階段感,放大成就感。
          • 課程區域:(減少學習負擔,聚焦當前的任務。
          • 前景區域:邊走風景邊會變化體現成長感,減少學習的倦怠感。

          3)前、中、遠景的結構設計

          界面的結構分為:前景、中景、遠景。

          • 前景區域:隨著學習者邊“走”風景會變化,在前景處體現學習者的成長感,減少學習的倦怠。
          • 中景:課程區域,減少學習負擔,聚焦當前的任務。
          • 遠景:弱化未來的課程,在學習后期階段,放大目標觸手可及的感受,幫助學習者堅持學習。

          4)學習地圖元素的組件靈活變化

          1.0版本的學習地圖設計重心放在視覺插畫上,而忽略了服務于B端用戶所需的快速組件化?;诂F在的設計結構,可以有效的產出和預估設計的工作量,將其作為有情感沉淀的半自定義組件。

          B 端教育產品的情感化設計(視覺篇)

          如何通過界面提升學習動力

          5)最后小結

          學習地圖的設計是為了幫助學習者減輕學習負擔、幫助學習者明確學習路徑、凸顯學習的成長感。靈活的節點設計以及隱藏彩蛋增強了學習的動力,減少了學習的疲勞感。而在產品售賣層面,可以串聯不同的故事線快速搭建學習地圖。

          三、幫助合作伙伴樹立品牌

          1. 客戶提案

          合作伙伴提出了關鍵詞“成長”,為了更好地管理用戶的預期,我們做了以“成長”為核心的三個維度展開的設計提案。方案A為成長沐浴在陽關下的治愈型方案—向陽而生感受成長的力量。方案B為學習也可以很快樂—學習嘉年華。方案C為成長的經典綠色方案—成長是一種詩意的棲居。

          B 端教育產品的情感化設計(視覺篇)

          3個不同的提案

          確定主題向陽而生

          在與合作伙伴溝通后選擇了A方案向陽而生,產品也重新定義了故事主線。將故事主線定義為“登山看日出”所以根據新的故事主線我們定義了主要的品牌元素及延伸運用。

          2. 品牌設計元素的提取與應用

          宋老師團隊選擇的“向陽而生”的方案,將設計元素的落點在于“陽光”的設計點上。

          B 端教育產品的情感化設計(視覺篇)

          視覺元素提取抽象并賦予視覺的語意“在名師的指導下學習成長,猶如沐浴在溫和自在的陽光中,快樂成長,快樂學習”,并加入了“學習”的元素—筆記本,希望可以通過紙張體現學習過程中的“親切感”。

          B 端教育產品的情感化設計(視覺篇)

          主要設計元素首先來分解主要的視覺設計點-陽光,提取陽光“溫暖柔和”的特質。將陽光元素抽象出:磨砂模糊的陽光光暈、一束光線的色彩形狀的組合。并將這些特質運用在界面設計中,如下圖。

          B 端教育產品的情感化設計(視覺篇)

          設計元素在界面上的應用在質感上運用更多偏磨砂的效果,加入有代表性的筆記本元素作為底紋。在界面可以上看到,通過陽光光束突出人名,重要的按鈕及按鈕狀態也增加了陽光光暈的設計,在細節上潛移默化地呈現教學與設計的理念。

          B 端教育產品的情感化設計(視覺篇)

          設計元素在界面上的應用

          3. 差異化:融入新的故事線—放大學習成就感

          融入新的故事線“登山看日出”。在產品中“學習地圖”作為差異化的設計點的全過程展示,參看下圖視頻演示。

          首次學習過程模擬學習進度的視覺化呈現分為三個不同階段:

          1. 初期-學習新鮮期;
          2. 中期-學習倦怠期;
          3. 后期-學習沖刺期。

          我們將21天的學習進程分成不同的階段,并根據不同的用戶心理改變視覺呈現,前期和中期和后期會有明顯的“視覺改變”,在最后成功的學習完成也會有一個儀式感的“學習路徑”的層層疊加,凸顯學習的成就感,此時也是用戶對自己用心學習的最好回饋,將這一些心理狀態都視覺化地呈現在用戶眼前。

          B 端教育產品的情感化設計(視覺篇)

          B 端教育產品的情感化設計(視覺篇)

          階段的視覺呈現學習地圖組件分為:

          • 前景:學習過程變化的信息;
          • 中/遠景:學習節點,學習節點包括基礎節點和自定義節點,自定義節點可以根據產品和客戶的需要更改節點的屬性;
          • 遠景:學習結束的儀式感展現。這一學習路徑的視覺展現形式也可以很好地轉化為設計組件,串聯不同的故事線讓學員去完成不同天數的線上學習。

          B 端教育產品的情感化設計(視覺篇)

          學習地圖組件

          1)其它學習激勵頁面

          呼應“向陽而生”的故事線,我們的設計還包含了其它的學習激勵機制。例如:每次完成學習會獲得一個“太陽”積分、學習攀登榜的設計上,呼應登山主題的視覺表達。

          B 端教育產品的情感化設計(視覺篇)

          其他激勵頁面

          2)設計規范與設計協同

          為感更好地進行教育的視覺協作,我們將視覺規范分為:設計總體理念的概覽、設計基礎組件、設計特殊組件、界面相關的具體設計內容、典型頁面和人物封面規范等,保證內外部的設計輸出規范,保持產品視覺基調完整準確。

          B 端教育產品的情感化設計(視覺篇)

          設計規范

          B 端教育產品的情感化設計(視覺篇)

          協同設計

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          文章來源:人人都是產品經理   作者:騰訊設計

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

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

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


          家裝產業化的新特點與新機會

          資深UI設計者

          隨著互聯網的發展到一定程度,各行各業都在發生著新的變化,家裝行業也逐漸告別了以“互聯網+”模式為主導,開始聚焦于家裝產業本身。那么,家裝產業化會帶了哪些新的特點與機會呢?我們一起來看看吧。

          當互聯網時代漸行漸遠,每一個行業都在發生著新的變化,家裝行業亦不例外。告別了以“互聯網+”模式為主導,越來越多的玩家開始將關注的焦點聚焦在了家裝產業本身。

          改變家裝行業原有的運行邏輯,改變家裝行業原有的組成元素,改變家裝行業的原有的功能屬性,一個全新的時代從此開始緩緩拉開序幕。

          乍一看,家裝行業的新變革與整個行業正在發生的新變化頗有幾分相似之處。如果我們仔細觀察便會發現,家裝行業因其特殊性,它的發展是有著某些自己的特點的。

          認清了這些特點,我們在探索和實踐家裝進化的過程當中,才能擺脫原有的困境,真正為家裝行業的進化找到出路。

          反過來,如果我們一味地對家裝行業的進化進行一刀切,簡單武斷地將家裝新進化與其他行業的進化混淆起來看待,非但無法促進家裝行業的良性發展,甚至還將會把家裝行業的發展帶入到新的死胡同里。

          最后,我們又將陷入到與互聯網家裝相類似的怪圈當中,難以自拔。

          一、家裝進化的新特點

          一直以來,人們在看待家裝的時候都不僅僅只是看待家裝本身,而是更多地看待的是家裝行業背后的東西。當家裝行業的發展進入到了全新的階段,人們在看待家裝的時候,同樣面臨著同樣的問題和抉擇,從而呈現出一些新的特點,認識到這些特點,并且從其中尋找到新的機會,才能真正讓家裝行業的發展帶入到全新的階段。

          家裝行業不再傳統和原始。提及家裝,人們首先想到的是傳統和原始,無論是從家裝行業的運行機制上來看,還是從家裝行業的組成元素上來看,幾乎都是如此。

          然而,經歷了互聯網時代的洗禮之后,家裝行業的這樣一種狀態正在發生深刻而又全面的改變。

          越來越多的新元素開始加入到了家裝行業當中,比如,人工智能;比如,大數據;比如,新型材料等等。

          當組成家裝行業的新元素開始發生嬗變,家裝行業的傳統和原始開始被徹底而又全面地改變,家裝行業再也不是我們所認為的那樣一種狀態了。一場由內而外的新變革開始在家裝行業上演。

          與此同時,家裝行業的運行機制同樣正在發生著一場深度變革。按照傳統理解,我們所認為的家裝行業是一個由內而外的過程,即家裝公司向業主提供服務的過程,在這個過程當中,業主是被動地等待著家裝公司為自己提供產品和服務的。

          當家裝行業的內在元素發生了深度改變之后,這種狀態開始被打破,越來越多的業主開始主動地選擇家裝公司,主動地選擇家裝產品和服務,家裝行業開始了由外而內的新運行邏輯。

          無論是從家裝行業的組成元素上來看,還是從家裝行業的運行機制上來看,家裝行業都不再是我們認為的傳統和原始的家裝,而是開始了一場全新的進化。在這樣一場全新的進化里,家裝行業不再是我們所認為的傳統意義上的功能和屬性,而是開始有了新的內涵與意義。

          家裝行業不再僅僅只是裝修。跳出裝修的牽絆,真正為家裝行業找到新的出口,才是讓家裝行業的發展真正擺脫以流量為終極追求的宿命的關鍵。

          只要家裝行業依然還在以裝修為主要的功能和屬性,無論家裝行業如何嬗變,家裝行業的發展始終都是以流量為終極追求的。因此,讓家裝行業真正跳出傳統怪圈的關鍵在于告別裝修,為家裝行業賦予新的內涵和意義。

          乍一看,告別裝修,家裝便不能稱之為家裝,因為家裝始終都是和家裝深度綁定在一起的。幾乎所有的家裝從業者都將裝修看成是家裝的使命和意義所在。

          正是因為如此,我們才無法真正讓家裝行業的發展擺脫傳統的限制,更加無法讓家裝行業的發展帶入到全新的發展階段。當家裝行業的發展開始了新征程,另外一個顯著的特點,就是去裝修化。

          一直以來,筆者都認為,所謂的裝修是在特定的歷史條件下賦予的家裝行業的一種特殊的使命。一旦這樣一個歷史階段不再,我們對家裝所賦予的這樣一種裝修的功能和屬性便會開始瓦解。當精裝交付時代來臨,這樣一種特定的歷史階段,開始發生改變。

          于是,人們開始尋找裝修之外的新功能和新屬性。在新的歷史階段,家裝行業更多多承擔的是一個構建場景的過程,正如互聯網時代人們搭建平臺作為一切行為和動作的承載一樣。

          在新的階段,家裝行業更多地承擔的是搭建新場景和新平臺的任務。所以,在這個時候,家裝已經不再是簡單意義上的家裝,而是有了新的內涵和意義。

          家裝行業不再拘泥于家裝本身。如果家裝行業的發展和進化僅僅只是拘泥于家裝行業本身,家裝行業的發展和進化始終都是無法擺脫原有的困境的。

          這是家裝行業一直都在改變,一直卻無法跳出原有的發展怪圈的根本原因。當時間的指針來到了新階段,家裝行業的進化不再僅僅只是拘泥于家裝本身,而是開始更多地跳出家裝,尋求新的發展突破口。

          現如今,我們看到的是家裝行業本身開始與越來越多的外部行業,越來越多的外部元素產生聯系。

          總結來看,家裝行業不再僅僅只是拘泥于家裝本身,而是開始更多地跳出家裝,將目光轉移到了更多家裝之外的新領域里。比如,將家裝與生活聯系;比如,將家裝與健康聯系等等。

          當家裝行業的發展告別了原有的封閉與孤立,而是越來越多地開始開放的時候,所謂的家裝便不再僅僅只是我們所認為的那種傳統意義上的家裝,而是開始更多地被賦予了新的內涵和意義。比如,家裝的場景功能;比如,家裝的聯通功能等等。

          認識到家裝行業的新特點,并且以這些新特點為出發點,尋找家裝行業的破局之法,才是確保家裝行業的發展可以進入到新階段的標志。對于一直苦于無法破局的家裝行業來講,這無疑是一個新的開始,以此為開端,家裝行業的發展才能真正進入到一個全新的發展階段。

          二、家裝行業的三個新機會

          結合家裝行業的進化所呈現出來的新特點,我們可以非常清晰地看到三個家裝行業進化的新機會。抓住這三個新機會,并且真正將家裝行業的發展帶入到新階段,才是保證家裝行業真正進入到新階段的關鍵所在。

          機會一:替代傳統元素,重構傳統機制。

          我認為,替代傳統家裝的元素與重構傳統家裝的運行機制應當是一個相輔相成的過程。所謂的替代傳統家裝的元素,其實就是一個將新的元素變成家裝行業新主體的過程。

          從現在的發展情況來看,以人工智能、大數據、云計算為代表的新元素正在越來越多地成為家裝行業新的組成部分。

          當新元素取代舊元素充實和完善家裝行業的大背景下,我們看到的是一個全新的家裝行業機制正在被重塑的過程。

          傳統意義上的以人為主體的運行機制,開始被新的運行機制所替代,從而形成了一種全新的運行機制,這種全新的運行機制比傳統的運行機制更加快速、標準和規范,同樣可以讓家裝行業更好地運行。

          在這個時候,對于每個玩家來講,只有真正抓住了替代傳統元素的機會,并且真正用新的元素來代替舊的元素,從而建構一個全新的機制,才能讓家裝行業的發展真正進入到新階段。以此為開端,家裝行業的發展才能告別傳統,迎來新時代。

          機會二:拓展家裝行業的新功能。

          一直以來,家裝行業的癥結在于始終都沒有擺脫裝修的牽絆,一直以來,人們都在將裝修看成是家裝行業的唯一出口。

          在紅利期,這種發展是沒有任何問題的。然而,等到紅利期已過,我們再將傳統功能看成是家裝的唯一出路,所導致的一個最為直接的結果就是家裝行業的發展開始進入到死胡同里。

          在這種情況下,我們必然需要拓展家裝行業的新功能。以新功能為家裝行業的發展找到新的突破口,以新功能來促進家裝行業的新發展,以新功能來填補紅利期見頂的空白。

          在我看來,未來的家裝更多地需要承擔的是一種生活方式的營造者,一種新場景的承擔者的角色。

          對于每一個玩家來講,他們都應當將拓展家裝行業的新功能和打開家裝行業的新思路作為主要目標??梢灶A見的是,當每一種的家裝行業的新功能被發現,被打開,家裝行業的發展瓶頸就會被突破和改變。以此為出發點,家裝行業的發展才能真正進入到一個全新的時代。

          機會三:增強家裝行業的聯通性。

          家裝行業作為一種載體,它的發展越來越多地開始表現出與外部產業的深度聯系和融合上面。對于每一個有志于在家裝行業的新階段有所作為的玩家來講,最后一個機會便是如何增加家裝行業與外部行業的聯通性,以此來增加家裝行業的新機會。

          在這個過程當中,增強家裝行業的聯通性,主要表現在內外兩個方面。從內部聯通上來看,家裝要強化與上下游之間的聯系,不斷對上下游進行深度賦能,以此開啟家裝行業的新發展;從外部聯通上來看,家裝行業要強化與金融、制造、消費等大行業之間的聯系,以這樣一種聯系來確立家裝行業的中心地位。

          可以預見的是,當家裝行業成為新的中心和紐帶,特別是當家裝行業的發展與外部產業真正聯通在一起的時候,它的發展才能告別傳統時代和互聯網時代的封閉與孤立的狀態,真正進入到一個全新的發展階段。

          三、結語

          當互聯網時代的紅利不再,家裝行業的發展開始呈現出新的特點。認識到這些特點,并且抓住衍生出來的新機會,家裝行業的發展才能告別傳統意義上的發展邏輯,真正進入到一個全新的發展階段。

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼ben_lanlan,報下信息,會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

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

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

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

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


          淘寶不“淘”了 | 淘寶的內容設計

          ui設計分享達人

          文章大綱:

          1. 淘寶為什么不淘了

          2. 淘寶的基礎內容設施

          3. 淘寶沒有種草經濟

          4. 讓人逛下去的產品設計

          5. 逛逛和小紅書的設計區別

          6. 寫在最后



          1. 淘寶為什么不淘了


          1.1  “淘” 歷史


          淘寶成立于2003年5月,當時最早的slogan是:“淘你喜歡”,這句話的主體是以平臺角度出發,對用戶說的,意思是讓用戶來平臺選購商品。


          隨后2005年,slogan變成了“淘我喜歡”,主體從平臺轉變成了用戶,意思是讓用戶自主選擇來平臺購物。


          在最近的2021年,淘寶的slogan變為了“太好逛了吧”。代表性的是淘寶app打開的啟動圖從玲瑯滿目的商品圖,換成了新的slogan:


          圖:淘寶啟動頁變化


          圖:淘寶的slogan變化




          1.2 需求的類型


          淘,又有“篩選”的意思,而篩選行為是要對某具體目標進行的,不可能憑空篩選,這個目標產生的過程,就是我們常說的“用戶需求”。


          “用戶需求”的產生一般分為兩種:有目的的需求和無目的的需求。


          有目的的需求:需求產生的過程有戶外廣告、朋友推薦等。以這種方式產生的需求,用戶會帶著明確目標,這時用戶直接打開軟件,通過搜索,直接縮小商品范圍,更快觸達目標商品,在這種場景下,用戶明顯沒有“逛”的心情。


          無目的的需求:當用戶在沒有明確目標的情況下打開軟件時,用戶購物意向都是比較模糊的,沒有明確選擇區間。此時,如何讓用戶產生購買欲望,是產品設計時必須要重點思考的。



          圖:需求產生的類型



          我們都知道,淘寶最開始的定位是“淘”,主打的是以導購型社區為目標,主要解決“用戶來平臺需要買什么”的問題,也就是有目的的消費需求。


          針對這類用戶,最簡單的思路就是“讓用戶買到想要的東西”,基于這一思路,淘寶推出了“千人千面”的算法機制。


          隨著淘寶算法越來越精準,用戶購買越來越效率,導致很多用戶對于淘寶的使用心智固定在了購物平臺,而不是內容消費平臺。


          但是算法是有一定的滯后性的,只有在用戶產生數據后才能夠進行精準推薦。(這個數據可以是在淘寶平臺產生的,也可以是在其他平臺產生的,比如說通過搜狗輸入法輸入了某個商品名)


          所以單純的靠精準的算法推薦,并不能解決用戶的潛在需求。



          圖:不同需求類型的解決方案




          1.3  商家的流量成本


          在淘寶店鋪的運營中,有一項重要的指標叫UV價值,指的是平均每個客戶在店鋪的銷售額,數字越高說明訪客的轉化率越高,轉化高就代表最終的GMV會高。


          而根據淘寶的數據統計,店鋪粉絲級別越高,對店鋪的粘性越強,UV價值也就越高。最終反映在淘寶數據上就是GMV高,既利于平臺,也利于商家。


          粉絲的積累需要流量,而淘寶店鋪的流量來源一般分為:淘寶站內、淘寶站外,其中有包括淘寶推廣、搜索競價、淘寶客、直通車等方式,但這些流量通常是不穩定的,免費流量自不用說,付費流量的投入成本也對店鋪的資金有一定要求。


          所以店鋪需要把這些吸引的流量,轉化成店鋪的粉絲。


          舉個例子,在很多電商平臺上,店鋪會有自己的引流款,這些商品不是為了毛利。只是起到為店鋪引流的作用。


          因為對于平臺的店鋪來說,持續不斷且穩定的流量增長,不僅可以推動銷售的穩定增長,也利于長期的發展方向。



          圖:淘寶流量來源




          2. 淘寶的基礎內容建設


          2.1  內容整合成社區和去中心化


          早在2015年,當時淘寶內部孵化淘寶頭條,分享優質的消費類資訊內容,當時淘頭條的MAU(月活躍用戶)過億。但隨著視頻內容的崛起,圖文形式逐漸走下坡路,淘寶看準了直播帶貨的賽道,開始逐漸布局淘寶直播的內容形式。期間也相繼加入了微淘、有好貨、買家秀、好物點評團等內容形式。


          但是這些內容一直分散在淘寶各個功能模塊中,沒有形成一個整體的社區化。



          圖:淘寶的內容矩陣


          其中最成功的應該就屬淘寶直播了,根據淘寶直播2021年度報告:2020年淘寶直播帶來的GMV超過人民幣4000億元。


          但是,直播的內容形式注定是以主播自上而下中心化的,用戶是跟著主播走的,一旦主播下播以后,這些觀眾也會失去購買目標。


          并且由于直播屬于一對多的形式,越大的主播,觀眾越多,這時候主播和觀眾的互動率是很低的,久而久之,用戶的互動積極性也會受打壓。



          圖:以主播為中心化的淘寶直播


          除了淘寶直播,近年來另一個改動比較大的應該就是微淘的出現了,在逛逛出現之前,一直占據底部欄的二號位,它的內容形式主要以店鋪上新、直播、福利為主。


          這也是淘寶在店鋪私域流量運營上做的一次嘗試,目的是為了讓用戶更容易和店鋪產生連接。但是實際上,由于微淘的內容形式之間關聯性不大,業務場景混亂,一些剛起步的商家也沒有資源拓展多業務場景,導致內容質量參差不齊,影響轉化。


          淘寶做微淘中做內容的目的是為了讓用戶有東西可以逛,但是逛內容就代表著用戶購買需求不明確,這又與營銷場景相沖突(營銷場景是為了讓用戶快速下單完成購買),所以微淘也一直被詬病轉化率低。



          圖:微淘主要的三個問題




          2.2  信息流時代


          后來在2020年年底的時候,淘寶迎來了另一個比較大的改版,猜你喜歡變成了縱向的信息流,點擊猜你喜歡進入的是一個流量的中轉站。比如說點擊一件衣服,下面全是衣服的推薦。


          新版猜你喜歡的特點很明顯,犧牲轉化率,增加用戶使用時長。在實際點擊進入信息流中,用戶總感覺下面有新的內容,這時候用戶的心態普遍是浮躁的,會使用很短,甚至一兩秒的時間決定是否深入了解產品。如果不喜歡,就會滑到下一個產品,無形中增加了用戶在平臺的停留時長。


          據淘寶官方數據表示,此次猜你喜歡的大改版,淘寶用戶的點擊率和用戶時長都提升了20%。



          圖:猜你喜歡改版,通過犧牲轉化來提高使用時長





          2.3  “逛逛”來了


          逛逛是以UGC內容形式為主的種草平臺,顧名思義,就是消費者在無聊的時候,可以到處逛逛。


          如果說信息流是縱向的內容推薦,那么逛逛就是通過大數據,橫向的推薦內容,最終向商品引流。豐富的內容為其他消費者帶來沉浸式購物體驗,類比線下商圈,就是逛著逛著就把東西買了。





          3. 淘寶沒有種草經濟


          3.1  從AISAS模式到SICAS模式


          AISAS模型是一種用戶決策分析模型,由電通公司(日本第一大廣告公司)提出,是消費者行為學領域很成熟的理論模型之一。


          AISAS模式將消費者從產生需求到最終完成購買的路徑分成了五個階段,既Attention(注意) - Interest(興趣) - Search(搜索) - Action(行動) - Share(分享)。其中消費者在注意商品并產生興趣之后的信息搜集(Search),以及產生購買行動之后的信息分享(Share),是當下互聯網消費時代尤其重要的兩個階段。


          搜索就是當用戶對某商品產生興趣之后,消費者會通過線上或者線下渠道來收集相關產品的信息,比如說評價、打分等。分享是在購買路徑完成后,用戶自發向身邊人推薦商品的階段,也就是口碑裂變,當然也有可能變成商品吐槽大會。


          但是,在前文也提到了,搜索是在有明確對某個商品產生興趣之后才會產生的動作,整個消費路徑是單向進程的,缺少信息的互動與交換,用戶很難有效辨別信息真偽,用戶與商家依然存在信任問題,最終的購買壁壘依然存在。



          圖:AISAS消費模型的流程


          隨后,DCCI(互聯網數據中心)在AISAS的基礎上,提出了新的SICAS行為消費模型:


          既 Sense(品牌與用戶相互感知) - Interest&Interactive(產生興趣并形成互動) -  Connect&Communicate(建立聯系并交互溝通) -  Action(行動) - Share(分享)。


          Sense,感知:品牌(商家) - 用戶相互感知,通過多觸點,在商家個用戶之間建立感知,對用戶來說,關注、分享、訂閱、推送等,都是有效的感知行為,而商家要做的,就是想辦法,通過什么樣的方式或內容,讓用戶有效使用他們的感知行為(分享、點贊、訂閱等行為)。


          Interest&Interactive,產生興趣和互動。在產生興趣上,隨著用戶對傳統的廣告曝光和廣告產生的印象的敏感度在降低,理解并響應用戶的需求正在成為關鍵。站在用戶的角度,觀察用戶真正想要的內容,衡量內容的指標不再是廣告的傳播率、曝光率,而是變成了點擊率、點贊數、好評度等。


          Connect&Communication,建立連接和產生溝通。在用戶產生興趣之后,通過平臺提供的服務:客服,問大家,好評團等形式,完成用戶信任的積累,幫助用戶完成購買決策。


          剩下的Action(購買行動)和Share(體驗分享)與AISAS模式一樣,就不展開說了。



          圖:SICAS消費模型的流程,以及和AISAS消費模型的區別


          綜上,SICAS模式前三點的核心觀點是建立聯系,也就是互動,這也與時下流行的種草經濟不謀而合。





          3.2  基于社交的種草經濟


          種草行為本質上是人與人之間的一種互動關系,互動天然的容易產生強關系鏈,而強關系也意味著情感聯結和信任,最終會形成社群關系。隨著越來越多擁有相同消費偏好的用戶聚攏,用戶消費習慣逐漸圈層化,在各垂直的消費圈層中得到身份認同感。


          在這種社群氛圍的烘托下,用戶更容易表現出高表達欲和參與度,既用戶不僅是內容的消費者,同時也會發展為內容的生產者。



          圖:逛逛想打造的種草生態



          綜上結合淘寶的問題以及消費模式的轉變,我們可以得出淘寶近期瘋狂改版的思路:


          圖:淘寶改版思路



          4. 讓人逛下去的產品設


          在了解上述淘寶自身的問題和新消費類型帶來的沖擊后,可以總結淘寶最近經常改版的戰略可以分為兩個方向:轉化的歸轉化,內容的歸內容。



          4.1 微淘升級為訂閱


          淘寶第一個改版是將原來的微淘升級為了訂閱,并且放在首頁上的tab,與推薦并列。此次改版,最大的改變就是拆分了店鋪運營的內容,讓不擅長做內容的商家可以專注自家的店鋪運營。



          圖:首頁專注商品轉化,逛逛專注內容消費


          新版訂閱的精選一欄中:包括上新、買家、評測等,這些內容一起構成商家和粉絲的互動模式,吸引新客快速轉粉,同時也增加了老客戶的黏性。


          在之前微淘的版本,用戶需要點擊微淘-點擊店鋪-點擊訂閱,升級后的訂閱路徑變成了左滑進入訂閱頁面-直接訂閱店鋪。點擊直播可以直接進入直播間

          更短的觸達路徑加上私域流量的運營,優化之前微淘轉化率低的問題。



          圖:路徑圖,直接進入直播間,直接訂閱店鋪



          圖:提高直播入口權重




          4.2 “買家秀”社區升級成為“逛逛”


          另一個重要改版是“買家秀”社區升級成為“逛逛”,為了弱化逛逛的購物屬性,強化社區氛圍,逛逛在產品的商業化設計上十分克制,主要圍繞引導用戶進行內容消費和互動為目的進行設計。


          在內容分發形式上,分為了以平臺推薦為主的“發現流”和以社交關系鏈主導的“關注流”,更加注重內容垂直和精細化。



          圖:逛逛的內容分類


          逛逛的發現模塊與小紅書類似,都屬于種草型內容社區。內容主要以穿搭、彩妝等淘寶擅長的領域為主。


          頁面的布局形式和首頁的商品流一樣,以雙列信息流呈現,和單列相比,一方面,給用戶提供多樣化的選擇,承載不同的內容形式(短視頻、圖文),延長用戶在平臺的停留時長,同時也為其他內容引流,模擬更真實的線下“逛街”體驗。


          另一方面,和首頁注重轉化率的算法機制不同,影響發現流推薦算法的因素除了本身的內容質量,還會受到用戶瀏覽行為的影響,比如瀏覽內容時產生的關注、收藏、點贊、評論等互動行為。



          圖:表現內容互動率的互動指標


          逛逛相比首頁推薦,去中心化的機制也更加明顯,舉例來說,小米官方店的號,粉絲量達到了千萬級,但是內容的互動率很低,點贊評論甚至不超過個位數。


          個人認為是因為品牌天然的自帶營銷屬性,用戶在看到品牌賬號時,很容易形成品牌注冊賬號是為了賣產品給我的刻板印象。


          這也反映了逛逛的流量重點落在消費者的內容上,以消費者視角為突破口,擺脫和商品相關的品牌屬性,注重普通用戶對商品的真實評價,而不是圍繞IP賬號產生的內容消費。



          圖:小米賬號和個人賬號互動率對比


          在用戶路徑的引導上,發現頁并不支持點擊頭像進入用戶主頁,只能先點擊進入內容詳情頁然后才可以進行關注等操作,先看內容,再關注人。



          圖:更關注內容轉化率


          另外一個人關注流的動態則加強調社交關系的轉化,因為是經過用戶主動“關注”過后篩選出來的內容,是內容生產者和內容消費者相互選擇的關系,所以在產品設計上以單列大圖為展現形式,幫助用戶消費內容。為了防止讓用戶感受到廣告的營銷感,產品設計上特地強調了分享、點贊、收藏、評論等按鈕,弱化商品鏈接。


          和其他的社區一樣,關注信息流中也會推薦一些“你可能感興趣的人”,但不同的是,用戶無法直接關注推薦的博主,需要先“查看TA”,進入博主的個人頁后才可以進行關注操作,這樣的目的主要是為了讓用戶了解達人的領域內容之后,再決定是否關注,這樣的關注更加有效,粘性更強。



          圖:“關注流”視覺設計的思路


          “逛逛”的內容形式很好地彌補了淘寶缺乏用戶導購的問題(俗稱種草),依托KOL產出的優質內容,與消費者產生情感上的價值鏈接,創造出用戶的潛在需求。




          5. 逛逛和小紅書的產品設計區別


          這次改版之后,很多人說這是小紅書。關注、發現、垂直分類欄,都和小紅書很相似。



          5.1 內容起家和電商起家



          淘寶和小紅書對內容的分發模式是不同,小紅書默認分類欄處于收起狀態,只有主動下拉的時候太會出現,由此可以看出小紅書對自己的內容推薦還是比較有信心的,由于一開始就是做內容起家,所以對自身平臺用戶的喜好是有所了解的。


          但是淘寶是一個電商起家的平臺,在內容方面,缺乏對用戶的偏好判斷,所以逛逛的導航欄下方,會加入了“官方話題欄目”和“官方出品的內容”,利用精選話題引導社區內容的方向,一定程度上也可以通過話題數據了解平臺用戶的偏好。



          圖:小紅書比淘寶更懂用戶喜歡什么內容



          5.2 內容導向不同


          小紅書等平臺不光有購物種草,還有學習、音樂、科普等內容也相對成熟。和淘寶轉型社區內容一樣,小紅書也在進行圖文、視頻向直播內容擴展的戰略方向。所以我們會發現,在小紅書的編輯內容上,視頻和直播是強露出的,且不支持位置更換。


          再來看逛逛的內容,以穿搭、彩妝為首的消費品內容,這些都是淘寶擅長的領域,容易產出優質內容,反過來說,這些內容最終也都是可以在淘寶上可以消費到的,最終還是以平臺商品轉化為目的。



          圖:內容形式對平臺戰略的影響




          5.3  小紅書互動率更高,淘寶內容消費效率更高


          小紅書在內容消費形式上,比逛逛更加注重互動:首頁瀑布流點擊進入二級的內容頁后,可以直觀的看到博主全部的文本簡介,以及下方的用戶評論內容,用戶消費的不光是圖文本身的內容,也是其他用戶評論產生的內容,更容易產生社交關系鏈。


          逛逛則更注重內容本身的消費效率:產品設計上使用沉浸式的下滑體驗,用戶點擊產品圖后,進入的是同系列產品的瀑布流,如果想要查看評論的話,需要點擊評論icon進行二次跳轉,此時用戶會一直專注于內容的消費,容易忽略其他用戶評價等內容。



          圖:提高互動率的產品設計



           6. 寫在最后的一些思考


          此次淘寶做內容社區的優勢之處在于,淘寶將社交關系融入到了商品的消費鏈路中,消費者通過商品體驗、測評、種草等方式,和平臺產生互動,建立聯系。


          而淘寶最不缺的就是商品,并且擁有8億多的消費者,和其他平臺相比,更容易產生垂直領域的優質內容和專業的KOL,但是要想經營一個優質社群,除了需要一批優質的內容創造者,還需要考慮后續涌現的用戶是否會對現有社群模式產生沖擊。(比如知乎開放用戶注冊后,導致內容注水的現象)


          因為淘寶本身相當于一個巨型供貨方,大大縮短了帶貨變現的路徑和難度,不同于小紅書這類平臺,它們最開始是沒有帶貨模式的,常常需要通過接推廣給其他商品引流來變現。


          過短的變現路徑必然會吸引一些用戶或者機構抱著獲利的心態涌入社群,這種逐利的心態,也有可能會影響專業KOL的創作心態。

          文章來源:站酷   作者:抓馬橋分橋

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

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

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


          日歷

          鏈接

          個人資料

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

          存檔

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