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

          首頁

          關于“薅羊毛”那些事兒——百度果園長線活動設計思考

          seo達人


          一、長線運營活動的價值

          百度APP作為移動生態的搜索信息服務產品,用戶會在什么場景想到百度APP并使用它呢?

          十幾年前,精力有限睡眠有限的打工人不惜犧牲睡眠時間,也要設置凌晨3點的鬧鐘;上網時間被嚴格控制的學生黨也要注冊五六個QQ小號,目的很明確:到點“收菜”,蹲點“偷菜”。十幾年后每天早上睜眼先去螞蟻森林收收自己的“能量”,再順路去螞蟻莊園喂喂小雞,安排很多手機號碼來種水果……各家產品通過帶有游戲氛圍的運營活動把產品的服務和功能以趣味化的方式傳遞給用戶,讓用戶“薅羊毛”拿福利的同時也給產品帶來增長價值。

          圖片

           

          二、百度果園設計打法

          本文以百度果園為例,從長線運營增長視角分3個方面分享運營活動玩法如何設計,如何幫助百度APP持續提升用戶活躍和用戶留存:

          1.建立心智:讓用戶相信百度果園的真實性,愿意參加活動,安全的“薅羊毛”;

          2.養成習慣:根據用戶不同的屬性,設計玩法讓用戶養成來百度果園澆水的習慣,實現百度APP的長期留存同時把“羊毛”薅到手;

          3.平衡:種植真實性+趣味化的方式傳遞給用戶,實現產品增長和用戶福利的雙重價值,“羊毛”薅不停。

          圖片

           

          1、心智建立:讓用戶相信百度果園的真實性,愿意參加活動,安全的“薅羊毛”;

          A 從新用戶視角打造真實性:新用戶上我們區分兩個用戶角度進行設計:

          • “薅羊毛”心理用戶:了解各類平臺的運營活動,酷愛“薅各個平臺的羊毛”,對福利性質的運營活動非常敏感;進入百度果園最先看到Loading頁面,從Loading頁面開始就在文案上告知用戶“免費水果包郵到家” 的福利性信息,圖片內容也是傾向于真實水果,利益點明確從而讓用戶繼續往下進行;利益文案和真實水果圖片繼續延續到“選種子”頁面上,明確的福利信息與行動點來打造百度果園的真實性。
          • “從眾心理”的用戶,這類用戶會被「TA人已經獲得免費福利」的信息所打動,所以我們在“選種子”頁面下方增加了動態彈幕,就像耳邊有個聲音在和你說:“隔壁已經領了3斤免費水果了,快來一起!”動態彈幕不僅是在信息上吸引用戶參與活動,也是側面描述了百度果園活動的真實性,與用戶建立信任。

          圖片

          B 精細設計果樹成長階段,與真實場景貼合:

          為了營造更加真實的種植體驗,我們在百度果園視覺呈現上也進行了升級,整體視覺效果與真實果樹成長的6個階段(種子→幼苗→大樹→開花→果實→成熟)更加匹配,建立更加真實的果樹成長過程,追求合理性和沉浸感,并且細化每一個不同水果對應的樹、花朵、果實形態,讓用戶在參與活動的過程中體驗果樹成長到成熟的真實感受,也是在視覺效果上形成百度果園的特色。

          圖片

          C 貫穿全流程的澆水動畫增加真實性:

          • 我們在澆水動畫上進行了體驗升級,澆水動畫分前中后3步設計來增加澆水的真實感受:
          • 嘗試通過動畫模擬生活中水壺澆水的行動動線,點擊澆水后水壺移動至樹的位置并傾斜至澆水方向,傾斜的同時水開始從水壺里露出水滴,整條澆水動作一氣呵成;
          • 在澆水過程中,水滴分層陸續從水壺中澆水至樹下土壤,下落時水滴逐漸變弱,就像真的滴落進土壤一樣;
          • 明確的澆水反饋,澆水動畫完成后,我們在樹木和土壤上同時增加了光感反饋動畫,就像是樹木真實的吸收到了水分一樣,生動輕松的反饋給用戶,讓每一次澆水都有視覺上的滿足。

          圖片

           

          2、習慣養成:根據用戶不同的屬性,設計不同玩法讓用戶養成來百度果園澆水的習慣,實現百度APP長期留存的同時讓用戶把“羊毛”薅到手。我們參考百度果園線上老用戶數據,把用戶分成3類,分別根據他們不同特點進行針對性的玩法設計:

          • 沉默用戶:這類用戶很少來果園玩,活躍的時間也較少,很難長期堅持澆水;對于這類用戶,我們嘗試設計快速領水果的玩法吸引他們,把領水果當成一個完整的大目標,直接明確出領水果的時間周期,同時也把難完成大目標切割成每天要做的簡單小目標,每天召回用戶完成當日任務,從而抓住用戶回流。
          • 忠實用戶:對于留存穩定的忠實用戶,我們給這類用戶增添游戲趣味,來百度果園做任務澆水時給到用戶游戲感受,我們設計了“瓜分”玩法,給到用戶一些驚喜感受。
          • 召回用戶:“來幫大姨澆個水”,是不是經常在微信群里看到這樣的消息,對于幫助好友達成目標,我們設計了“合種”玩法給到用戶,由一人玩百度果園到帶動身邊親朋好友一起玩,幫助用戶更快一步達成領水果的目標。

          圖片

          A  沉默用戶喚醒:

          「澆水挑戰領水果」玩法參考上癮模型進行設計,從push滲透入口到用戶,基于「稀缺」核心驅動力讓用戶產生興趣,引導用戶進入活動;當用戶進入果園后,通過大轉盤抽獎的方式繼續抓住用戶的注意力,持續利用「稀缺」「緊迫」心智讓用戶進入活動開始體驗玩法。開啟澆水挑戰后果園首頁上方增加明確的澆水進度提示,讓用戶了解整體玩法進度,從而建立收獲獎勵的信心。

          圖片

          B 忠實用戶-豐富游戲玩法:

          百度果園是一個長線養成類運營活動,為了讓老用戶持續保持新鮮感,我們在果園里增加具有趣味性的「瓜分水滴」玩法,是參與兩日就可獲得獎勵的輕量化的玩法。第一天用戶進入「瓜分水滴」活動,通過大額水滴獎池吸引用戶的注意力,提起用戶的參與興趣,在行動操作上弱化付出成本突出行為動作,引導用戶點擊;用戶報名后及時提醒用戶打開訂閱增加觸達場景;并在彈窗上對付出成本與收獲回報進行對比,吸引用戶第二日再次打開百度果園參與領獎;在領獎的同時直接引導報名下一期活動,持續拉動用戶回流。

          圖片

          C 召回用戶-好友之間的互動玩法:

          為百度果園賦予情感與故事性,好友社交上分兩步探索,第一步引導用戶去“偷”好友的水滴,在好友之間持續互動,水滴是貫穿百度果園整體玩法的重要代幣,好友的水滴被“偷”,就降低了好友“薅羊毛”的速度,但對用戶自己來說,“偷”水也需要“偷”的高效,我們在果園里增加了連續“偷”水動作,邊“偷”水邊把好友喊回來;為了豐富用戶的體驗感受,在好友果園跳轉之間增加了樹葉遮擋的動畫效果,動畫轉場同時也是替代小程序白屏轉場的好思路,營造了好朋友在果園之間串門的感受。

          圖片

          第二步好友互動持續升級,通過家庭合種的概念加強用戶之間的聯系,情感化的方式來提升用戶主動參與意愿,拉動身邊親朋好友一起加入“薅羊毛”的隊伍,一方面幫助用戶提升領水果的速度,另一方面也幫助百度果園在用戶上實現破圈。在玩法設計上我們區分3個視角進行設計:

          • 合種的發起者:突出快速收獲,激勵用戶分享拉好友來幫忙種植水果,通過儀式感轉場和主視覺的變化營造家庭故事氛圍;
          • 幫種者視角:通過彈窗上操作確認加入合種小隊,加入合種后在每次澆水時增加『謝謝你幫我澆水』的情感動畫反饋,烘托幫種氛圍;
          • 共同利益視角:階段式的獎勵激勵用戶召回和拉新的好友,把共同“薅羊毛”的氛圍拉滿。

          圖片

           

          3、平衡:種植真實性+趣味化的方式傳遞給用戶,實現產品增長和用戶福利的雙重價值,“羊毛”薅不停。

          百度果園在上線一段時間后,我們思考如何能進一步豐富果園玩法,要幫助業務穩定ROI,同時也要在用戶角度上玩的更加有趣。我們從體驗、用戶、增長3個角度進行分析,為百度果園增加“道具”玩法:

          • 從體驗角度上打造更加真實的種植體驗趣味性,讓用戶感知更豐富的活動玩法,并與用戶的核心訴求相匹配,通過澆水道具來幫助提升用戶的澆水效率、降低澆水難度;利用互動道具增加自身收益,再留出其它能夠持續擴展的方向讓百度果園的玩法更加豐富有趣;
          • 用戶角度上,幫助用戶更快實現自身領水果的目標;以及種樹人的路上永遠不能孤單的互動方式;
          • 業務增長角度上,后續可以持續擴展百度果園自身特色,持續把百度APP的服務、功能推薦給用戶,持續體驗產品,增加百度APP的粘性。

          結合百度果園自身可落實上,我們優先在可以提升用戶澆水效率,幫助用戶快速拿水果的道具進行試水,結合線下實際生活中的種植場景去思考,所以我們將道具名稱與玩法設定為「化肥」,在種植中增加化肥收益,提升果樹的種植進度,讓百度果園在玩法上更加生活化。

          圖片

          新玩法上線后,通過上線提示引導用戶去使用道具,用戶進入百度果園后先給到用戶一袋「化肥」來體驗玩法,讓用戶快速感受到道具帶來的實際價值,從而建立信任。用戶使用道具后,果園主頁直接破殼「化肥」道具的狀態,我們給到「化肥」道具3種狀態來描述使用情況;健康有活力的綠色狀態代表化肥的養分非常充足,果樹的成長速度加倍;橙黃色代表果樹的生長進度欠佳,需要用戶關注;紅色狀態代表果樹缺少養分,需要用戶去使用新的「化肥」,并在紅色狀態下我們直接破殼使用引導,直接提示用戶點擊。

          圖片

           

          三、后續發散

          隨著百度果園的進一步成長,能夠帶給用戶的不僅是“薅羊毛”類活動的概念,百度果園也會繼續向帶有社會價值與故事性活動內容延伸,更多的去賦予精神意義與社會意義;我們后續也會持續打磨、持續平衡產品收益與用戶情緒的價值,不僅僅是在“薅羊毛”,更會讓每一次的澆水、施肥和每收到的一箱水果都有自己的含義。

          圖片

           

          寫在最后

          增長是產品商業化持續的目標,有了百度果園的經驗和設計思路,也為我們后續探索新的長線活動玩法提供了基礎和經驗,我們的工作也將持續充滿著挑戰和更多樂趣。

           

          作者:百度APP用戶體驗

          轉載請注明:學UI網》關于“薅羊毛”那些事兒——百度果園長線活動設計思考


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


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


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




          設計靈感不應該被一個網站而限制

          seo達人


          不能被一個網站而限制

          最近 Behance 封停了國內賬號,導致很多設計師無法訪問,因此也流傳了很多解決方案。今天黑馬哥就不和大家討論這個解決方案了,其實有很多同學就算在能訪問的時候也沒看幾次~O(∩_∩)O~。

          圖片

          這個事件告訴我們,設計師的習慣是多么的重要,我們的設計靈感不能因為一個網站平臺而局限。退出賬號依然可以訪問,只是很多同學糾結的是自己的收藏沒有了,如果平時養成本地化采集的習慣,你就不會出現這個問題。我們不要把希望寄托在云端,只是買一個硬盤就能解決的事情,也不要覺得不方便,其實很多作品我們也不會經???,存儲只是為了不時之需。每年都對采集的作品進行一次整理,近兩年的放在電腦里面,時間過長的存儲在硬盤里面就可以了。主要還是要對作品進行分析,掌握作品的技法經驗和設計思維才是關鍵。

          除了存儲習慣以外,我們也不要只是固定訪問一個網站獲取靈感,優秀的設計類平臺是很多的,我們要發現更多新大陸。下面黑馬哥為大家精選幾個訪問頻次較高的國外平臺,國內的大家都比較熟悉這里就不列舉了。

           

          設計/插畫等靈感網站推薦

          以下推薦一些個人比較常用的幾個網站,排名不分先后,屬于隨機性排序。

          1、notefolio

          https://notefolio.net/

          notefolio 是韓國的一個設計交流網站,很多設計師都會在這里分享自己的設計作品和進行設計交流。和國內很多設計作品分享平臺類似,是一個綜合型設計師交流社區,有平面設計、UI/UX 設計、插畫、產品包裝設計、攝影、版式設計、數字藝術、美術、工藝等等。

          圖片

           

          2、Mobbin

          https://mobbin.com/

          這是一個匯集全球優秀 APP 截圖的網站,有超過 50000 個優秀 APP,節省了下載應用的時間,對于 UI 設計師來說非常實用。

          同樣的應用還提供了 iOS 和 Android 兩個不同版本的截圖,簡直非常的人性化。這是一個使用起來非常簡單的網站,海量的設計必將開啟你的靈感腦洞。

          圖片

           

          3、Pinterest

          https://www.pinterest.com/

          這絕對是一個靈感采集的絕佳網站,經過眾多用戶的長期積累,已經匯集了全球大量的優質圖片資源,其中設計作品也是非常豐富,且質量都普遍偏高。

          你可以通過關鍵詞搜索、畫板關注、以圖搜圖等操作獲得靈感,而且相似推薦還能延伸出更多類似構圖、配色、主題等圖片資源。點擊作品還能跳轉到原始出處,順藤摸瓜找到更多優質資源,真的是非常便利。

          圖片

           

          4、Designspiration

          https://www.designspiration.com/

          該網站除了通過關鍵詞搜索圖片內容以外,在搜索欄有?個調色板的圖標,點擊可以通過指定的顏色進行搜索相關配色的圖片或者設計。在選擇顏色的時候不是單一的色彩選擇,可以選擇幾個配?組合進行搜索,對于設計師來說?常實用。

          圖片

           

          5、Abduzeedo

          https://abduzeedo.com/

          Abduzeedo 是一個優秀的設計博客,提供給設計師創意和靈感的社區,這里有設計、攝影和 UX 等相關的文章提供給那些想尋找靈感的設計師。這是一個開放的設計社區,它是設計師日常的靈感來源。

          圖片

           

          6、UI Garage

          https://uigarage.net/

          UI Garage 提供了很多應用設計的截圖和模板,專業細分的類別和精挑細選的設計截圖,還有很多設計工具推薦,是一個非常實用的網站。在這里不僅可以獲得設計靈感,還能獲得優秀的設計工具或者插件來提高我們的工作效率。

          圖片

           

          7、Dribbble

          https://dribbble.com/

          Dribbble 相信很多喜歡 UI 設計打卡的同學比較熟悉,匯集了大量設計師的一些日常創意作品。該網站不同之處是發布作品需要邀請碼,就是需要有邀請碼的設計師邀請加入才能發布作品,獲得邀請碼也相當于設計能力獲得認可。

          整體作品的質量還是不錯的,如果當你設計時沒有想法,這是一個不錯的靈感采集地。

          圖片

           

          8、ndc

          https://www.ndc.co.jp/works/

          這個網站展示了很多非常不錯的設計作品,偏向于簡約風。相信這些項目設計的靈感,可以帶給我們更多的設計思考。

          圖片

           

          9、FolioArt

          https://folioart.co.uk/

          FolioArt 是一個插畫藝術作品展示網站,擁有高質量的插畫作品,形式也多種多樣。就像一個插畫家的資源庫,讓有商業需求的客戶通過這個平臺,和世界頂尖的插畫師進行合作。

          圖片

           

          10、unDraw

          https://undraw.co/illustrations

          這里提供的插畫作品數量眾多,各種小場景的插畫無論是獨立使用,還是組合使用,肯定可以滿足很多場景需求了。平臺內置的編輯器還可以對插畫進行調色,導出格式也是支持后期編輯,非常的實用和便利。

          圖片

           

          小結

          設計的靈感來源途徑是很多的,不局限于某一個單一路徑,以上的推薦僅為拋磚引玉,還有很多優秀的網站給我們帶來設計靈感和經驗學習。每個人的關注焦點和選擇角度不同,以上僅為個人推薦,不足之處歡迎大家留言補充。


          作者:黑馬青年

          轉載請注明:學UI網》設計靈感不應該被一個網站而限制

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


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


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



          面對高速快跑的產品,如何優雅推進體驗優化

          seo達人


           

          圖片

          或許你在推進體驗優化時,也遇到過以下困惑:“對于設計師走查出的體驗問題,為什么PM總是間歇性視而不見?”“PM既然認可了體驗問題的重要性,但是他為什么總說放一放,過一段時間再整改呢?”

          “排除萬難,體驗問題終于提交了版本需求,為什么總是因優先級不高,無法獲得充足的開發資源,順利上線呢?”

          圖片

          我們在進行趕集直招體驗優化過程中,也時常遇到這些困惑,究其原因,主要是因為,我們作為設計師,每天所處的工作范圍和接觸到的信息有限,促使我們忽略了對產品階段的深入思考,誤以為PM對體驗優化和體驗問題的理解,和我們高度一致。因此在著手進行體驗優化前,我們要提升對產品階段的理解把握,知道所服務的產品處于哪個階段,產品發力方向是什么,進而準確找到體驗優化的推進策略。

          在不同產品階段(探索期、快速成長期、成熟期),體驗優化的推進策略也各不相同:

          處于探索期的產品,其發力方向為驗證業務模式。在這個從0-1的時期,其實不存在推進體驗優化的概念,設計師應盡可能進行完善的基礎體驗能力建設,如沿用成熟規范與組件搭建產品體驗,后續伴隨產品核心功能、流程驗證,同步迭代打磨;

          處于快速成長期的產品,其發力方向為快速拉新拓量,縱向做好垂類。這個時期的體驗優化推進策略是,基于產品功能迭代,進行“小步快推”

          處于成熟期的產品,其發力方向為提升用戶活躍度,實現商業變現。這個時期更適合采取體驗優化專項,推進體驗優化。

          圖片

          可以看到,趕集直招目前處于“快速成長期”,因此我們選擇了“小步快推”的策略。

           

          圖片

          找準“小步快推”的推進策略后,具體的執行方法是什么呢?

          辛向陽先生在《從物理邏輯到行為邏輯》一文中,提出了交互行為5要素的概念,即用戶、場景、目的、媒介與行為,以幫助設計師對問題進行準確解析和挖掘。

          圖片

          其實推進體驗優化,本身也可以理解成是一次交互行為的設計,因此在進行趕集直招體驗優化初始,我們沿用了交互行為5要素的概念,對趕集直招進行了解析,并挖掘出具體可執行的方法

          用戶:幫助中國4億藍領找工作的趕集直招;

          場景:服務業逐漸復蘇,趕集直招在市場上已經被廣泛知曉和接受,市占率不斷上升;

          目的:把控ROI前提下,一方面持續拓展用戶量,另一方面開始向商業化傾斜資源,謀求商業營收;

          媒介:趕集直招APP,每3周迭代1版;

          行為:深耕細分市場,不斷驗證新的業務模式,優化舊的業務模式,高速快跑與競品拉開距離。

          圖片

          綜上,我們總結出了處于“快速成長期”的趕集直招,3個顯著特征,和對應的體驗優化執行方法:

          特征1:需求多而側重于垂類深耕→執行方法:提前規劃,全局視野;

          特征2:資源傾斜商業化→執行方法:評估需求,整合策略;

          特征3:版本迭代快→執行方法:流程調整,需求擴容。

           

          圖片

          提前規劃 全局視野

          前期使用體驗管理工具,收集了大量體驗問題,我們對其進行聚類整合,匯總成《趕集直招體驗優化問題池》,并與PM進行對齊,探討優化可能性。

          圖片

          該階段的keypoint是:對體驗問題項進行判斷,是進行逐個優化,還是合并成獨立需求,統一優化

           

          評估需求 整合策略

          承接需求時,我們需要對需求類型進行評估,趕集直招的需求通常可分為2類:

          第1類是重產品側解決的需求,通常這類需求范圍較明確,PM有較完整的解決方案;

          第2類是重設計側解決的需求,這類需求范圍較開放,給設計師發揮的空間較大,我們在趕集直招體驗優化推進中,主要錨定第2類需求。

          在和PM了解需求背景和業務目標后,則進入解決策略梳理階段,通常PM會提出關于如何達成目標的種種產品策略和部分設計策略,此時我們會站在用戶視角,從目標出發,果斷衡量出其策略的更多擴展性,多維度思考,整合PM策略,并提出設計側的更全面的解決策略。

          圖片

          該階段的keypoint是:需與PM對齊一個思路,即體驗的優化與打磨也是達成業務目標的重要策略之一。

           

          流程調整 需求擴容 

          在推進體驗優化的同時,我們對設計側與產品側的合作流程,也在不斷努力做出調整,以便為體驗優化爭取更多打磨的窗口期。

          調整前的合作流程,設計側作為產品側下游,在產品原型分發后才會接到設計需求,且排期極度緊張,這樣設計側的重點會被牽引到快速支持當前需求,不利于體驗優化推進,為此我們與PMO、產品側積極溝通調整合作流程,設計側在產品需求內審后就前置介入,與PM一同經歷方案構思、分發與評審流程,為體驗優化爭取到了足夠的窗期口。

          圖片

          此外,對于產品側中遠期重點需求,我們會提前與PM對齊OKR,跳出版本節奏的限制,聯合多角色建立主題專項,規劃整體項目計劃,在過程中,對涉及到的體驗問題項,作為項目計劃的一部分,進行集中解決,這樣在PM撰寫需求文檔時,就可以將體驗問題項最大限度收入到需求范圍內。

           

          圖片

          給大家展示兩個我們推進過程中的小案例:

          基于問題池中的首頁瓷片區體驗問題項,我們借著PM對瓷片區提出更換瓷片位內容的機會,將瓷片區的體驗問題項一并推進優化,對樣式和文案進行降噪處理,使其重要信息更清晰,數據也提升明顯。

          圖片

          推進年久失修的深層級頁面體驗優化是難事,但跟業務目標相關又對數據提升有幫助就會容易很多。PM給出的需求范圍和目標是“通過調整關鍵字段,提升簡歷預覽頁的感知度”,我們整合該頁面的問題池后,提出“感知度提升=關鍵字段調整+信息布局/按鈕/文案等體驗層面優化”,滿足需求的同時,也推進了體驗問題項的解決。

          圖片

          通過“找準推進策略-挖掘執行方法-推進3步走”3個層面的努力,在高強度的版本節奏下,我們用短短半年的時間,就實現了《趕集直招體驗優化問題池》中,大部分問題項的優化解決。從最終業務效果看,各項數據指標均符合或超過先前的預期,用戶滿意度也得到大幅增長,達成了本次體驗優化的預期目標。

          圖片

           

          圖片

          總結一下,當我們計劃對產品進行體驗優化時,不要急于啟動。

          首先,判斷產品當前所處的階段,找準推進策略;

          其次,通過交互行為5要素解析產品,挖掘體驗優化執行方法;

          最后,如果所服務的產品處于“高速快跑期”,可借鑒“推進3步走“的方法進行推進:

          1.提前規劃,建立全局視野,與PM對齊,判斷體驗問題項,是進行逐個優化,還是合并成獨立需求,統一優化;

          2.承接需求時,評估需求類型,對有設計發揮空間的需求,整合多維度策略,盡可能囊括體驗問題項優化;

          3.適時對合作流程做出調整,當前版本需求做到前置介入,中遠期需求做到提前規劃與需求擴容,最大限度完成體驗問題項優化。

          圖片

          最后,愿大家都能在體驗優化之路上優雅前行。

           


          作者:環鐵藝術家

          轉載請注明:學UI網》面對高速快跑的產品,如何優雅推進體驗優化

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


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


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



          超全面的設計底層理論,優秀設計背后離不開這些(上)

          seo達人


          圖片

          當沒有認知緊張時,用戶心流才會發生。當一個設計有效時,你才能體驗到認知上的輕松。如果沒有,你的“心流狀態”就會中斷(稍后會詳細討論),讓我們陷入認知緊張,于是“設計失敗了”。

          當基本設計原則被忽略時,這種情況很容易發生,導致設計無法“整合”。這些基本原則包括:平衡性、一致性和視覺層次、負空間、接近性、對比、統一、一致性、配色方案和排版層次等方面。(彩云注:很多人看到這些以為自己都懂,但實際設計時犯錯最多的也是這些問題)

          從神經科學的角度來說,當一個設計起作用時,我們會“感受到它”。其影響立竿見影。它發生在潛意識里,在一瞬間完成,是人的本能反應。我們不需要把它放在顯微鏡下分析它。

          優秀設計以簡潔和優雅而引人注目。喬納森·伊夫(Jonathan Ive)和迪特爾·拉姆斯(Dieter Rams)都可以算作這種設計思想的擁躉。

          人們常說,優秀設計背后的工藝是無形的。然而,這不是隨機發生的。不管人們是否注意到,設計的背后是遵循著大量而嚴格的原理去執行的。偉大的設計師不會在畫板上隨意地將各種元素組合在一起,這是有方法的。

          圖片

          為什么有些設計具有美的感受,而有些卻沒有

          相反地,當一項設計被認為“有些地方不對勁”時,人們就會下意識地覺得這個設計是有問題的。這樣的結果會給品牌或產品帶來不好的影響。當一個高端或奢侈品品牌受到高度關注時,這種影響尤其有害。這就是為什么你永遠不會遇到設計不完美的香奈兒(Chanel)商店的原因。

          “你對一件事的第一印象會建立起你隨后的觀念,如果一家公司在你看來不專業,你可能會認為他們做的其他事情都不專業?!狣aniel Kahneman,普林斯頓大學心理學教授

          圖片

          這不是一個精心制作的設計,會導致認知緊張。你會在這個網站上預訂你的行程嗎?

          我們都同意上面是糟糕的設計,就像建在沙子上的房子,一個忽視基本設計原則的設計將會崩潰。潛意識里,它會立即被認為是破碎的,無論是視覺上、精神上和情感上。

          人類的大腦是懶惰的、有偏見的,喜歡走捷徑。Daniel Kahneman稱之為“低維思維”。當人們看到某種設計時,它的“美學完整性”、視覺感知和神經科學之間存在著相互關聯。

          當一個設計是合理的,換句話說,它是令人愉快的、有效的,我們會迅速、直觀的判斷它是合理的。我們的心率降低,多巴胺水平增加,會有一種幸福和平靜的感覺。這就像我們聽到舒緩的音樂,會沉浸在一種每時每刻的“心流狀態” 中?!霸谶@種狀態下,人們會專注于一項活動,其他一切似乎都不重要”——來自于一個心理學概念,由 Mihaly Csikszentmihalyi在他的暢銷書《心流:最佳體驗的心理學》中寫道。

          圖片

          你更愿意住進哪個房間?

           

          設計原則在審美完整性中的作用

          蘋果的人機界面指南(Apple’s Human Interface Guidelines)幾十年來一直在談論“美學完整性”。它也可以被稱為“設計完整性”或“審美凝聚力”。

          蘋果對美學完整性的定義是“當一個設計的外觀和行為與其功能完美匹配時”(彩云注:我的理解就是所見即所得,符合用戶的心理預期)。換句話說,設計的構成是產品的一個組成部分。我們將研究決定設計組合成敗的設計原則——更多的是關于 UI,而不是關于 UX。

          美學完整性不僅僅是關于設計有多好看。它指的是具有明顯連貫性的設計:有效的結構和布局,是什么讓它產生效果。換句話說,它的元素在視覺層次、對齊、間距、平衡、對稱、重復、比例、強調、接近、對比、統一、一致性、配色、排版、負空間等方面都有出色的運用,這里僅舉幾個例子。

          這與“黃金比例”無關,黃金分割不能解決問題。斐波那契數列螺旋沒那么玄乎,給設計師帶不來驚人的設計。

          設計師們在安吉麗娜·朱莉或蒙娜麗莎的臉上畫出金色螺旋形時驚呼道:”果然是”黃金比例“(彩云注:但事實上有點故弄玄虛了)。當然,自然界中確實有神圣幾何學(黃金比例,又稱斐波那契螺旋,是基于此),依賴“黃金螺旋”作為設計原則是一種謬論,它已被多次暴露在其赤裸裸的荒謬中。

          圖片

          這是我的洗衣機,上面疊加了斐波那契螺旋。

          “審美的完整性”不是沒道理的。這個概念是基于基本的設計原則,是有成就的設計師實踐他們的藝術作品的經驗總結。

          讓我們來看看一些設計原則,以及它們為什么會使得你的設計更能更加有效。通常情況下,真正優秀的設計會結合這些設計原則。

           

          我們將探討以下這些最底層的設計原理:

          • 視覺層次感
          • 間距、對齊和網格
          • 平衡
          • 對比
          • 對稱
          • 重復
          • 幾率原則和三分原則
          • 引導線
          • 比例
          • 強調
          • 整體性
          • 親密性
          • 一致性
          • 顏色
          • 排版
          • 負空間

           

          一、視覺層次感

          視覺感知的基本規則對任何視覺設計都是至關重要的,因為它們指導著如何盡可能快地傳達信息。視覺層次是設計中信息的結構和優先級。它決定了人們接受和處理信息的順序,因為它以一種視覺方式引導他們。

          視覺層次感重在打造視覺優先級。通過巧妙地使用顏色、形狀、大小、間距、比例和方向,創造性地使用決定層次的視覺元素來傳達構圖的意義、概念和情緒。

          核心關注點是什么,你希望用戶首先注意到或開始閱讀的設計中最重要的元素是什么?我們想讓它成為焦點,然后其他部分的設計從這里展開。

          圖片

          一個具有良好視覺層次的網站會引導用戶關注重要的部分

          視覺層次對于每一種視覺設計都是至關重要的,無論是需要引導訪客眼球的首頁還是移動端UI的導航入口。用戶對每個元素的理解取決于組合中的其他元素及其上下文。

          建立視覺層次的一些技術是:位置、大小和比例、顏色和對比、間距和親密性、負空間、紋理、引導線和高度。在一個元素周圍使用豐富的負空間可以使它看起來更有意義。使用引導線可以創造移動,就像一個人的眼睛在設計上移動一樣。排版的層次結構也扮演著重要的角色,通過不同的大小和權重,我們可以讓更重要的文本元素脫穎而出并建立秩序。

          加分技巧

          • 使用一個隱形三角形連接設計中的三個重點區域(構圖)。
          • 注意古騰堡圖模式(Gutenberg Diagram)、F 模式(F-Pattern)、Z 模式(Z-Pattern)和層蛋糕模式(Layer Cake Pattern)的視覺掃描,并順應趨勢而不是反對趨勢。(彩云注:這里的這些模式彩云就不過多介紹了,感興趣的可以自行了解下)

          圖片

          沒有視覺層次的網站沒有明顯的興趣點。

           

          二、留白、對齊和網格

          設計中的對齊和間距通過空間上的連接傳達出一種秩序和組織感,這兩個原則都在設計背后發揮重要價值。設計師早期學到的基本知識之一是在網格上編排設計,然后對齊和分隔這些元素。

          左對齊、居中對齊、右對齊都沒錯,但你必須對齊,否則當元素沒有對齊時,設計就會給人崩潰的感覺。它給人一種不安的感覺。

          圖片

          沒對齊的話,眼睛看著很難受

          網格有很多不同的類型:列網格、基線網格、模塊網格、層次網格、像素網格等。不同設計使用不同網格,但最基本的是設計元素的對齊和間距。

          圖片

          (Illustration courtesy UX Engineer)

          網格可以被打破。一個死板的構圖可能會在視覺上無趣,除非一個元素從網格中脫穎而出。錯位或“打破網格”是賦予元素更多視覺權重的一個機會。當在設計中設置視覺層次結構時,它可以用來強調某些東西。

          圖片

          有時打破網格可以創造強調和移動

           

          三、平衡

          設計上有兩種平衡:對稱和不對稱。所有的構成元素:排版、顏色、圖像、形狀、圖案、留白等,都具有一定的視覺重量。有些元素很重,很吸引眼球,而有些元素很輕,感覺不那么重要。

          這些元素的放置方式能夠在對稱設計中創造出一種平等的順序感,或者一種稍微偏離平衡能夠創造出一種不對稱的設計。無論對稱還是不對稱,我們的大腦都被某種平衡感所吸引,因為它創造了和諧、秩序和美學上令人愉悅的結果。

          圖片

          多重原則:平衡、對齊和對稱在網站上發揮作用

           

          四、對比

          “對比”指的是使設計中不同的元素更容易區別開。強烈的對比可以在設計中強調一個區域,而微弱的對比可以弱化它,創造一個視覺層次。對比在設計中也扮演著重要的角色。對比不足會使文字特別難以閱讀,尤其是對視力有障礙的人來說。

          圖片

          在左邊的設計中,一些文字和背景之間的對比不夠。

          Web內容可訪問性指南 (WCAG)呼吁“文本的視覺呈現應該有至少4.5:1的對比度”,除了大規模文本,它應該有至少3:1的對比度。因此,設計師需要確保內容保持舒適易讀。

          其他UI元素(如各種顯示器和設備上的卡片、按鈕、文字和圖標)之間的適當對比也是必須的。如果UI元素之間沒有明顯的區分度,設計就容易產生混亂。

           

          五、對稱

          在格式塔原理中,對稱和秩序的法則也被稱為pr?gnanz,德語單詞“好身材”的意思。這個原理說的是,大腦會以盡可能簡單的方式感知模糊的形狀,這都是為了節省大腦能量。

          我們傾向于尋找一切事物的對稱性。幾項研究發現,面部對稱能提高人們對人臉吸引力的評價(盡管完全對稱的臉其實并不一定那么有吸引力)。該理論認為,這種偏好與選擇DNA最好的伴侶的進化優勢有關。

          對稱在自然界中也無處不在??纯匆恢缓?,一朵花,或者一只海星。

          圖片

          對稱

          同樣的原理也適用于數字領域,平衡對稱的設計更令人愉悅。

          圖片

          對稱性在應用中發揮作用。Uber Eats、Booking.com和Behance。

           

          六、重復

          重復是一致性的近親,是優秀可用性的標志。

          在設計中利用重復是件好事,因為我們的大腦總是在尋找模式、相似性和一致性。為什么?因為重復相同性質的元素需要更少的認知努力。

          我們更容易識別重復的模式,而不是每次看到新模式都要重新校準大腦。正如前面提到的,大腦作為一種生存機制是懶惰的,模式識別和認知捷徑意味著有意識地處理視覺信息所需的能量更少。

          例如,重復元素的形狀和大小、填充、留白、類型和顏色,也有助于更對稱、更好地平衡,做出美觀的設計。

          圖片

          The Athletic這個軟件就是用重復元素做設計的好例子。

          好了,為了照顧大家的閱讀體驗,再寫更多估計有很多人要開始沒耐心了。所以剩下的設計原則,我們下回再接著聊,敬請關注哈。

           

          原文:https://uxdesign.cc/design-principles-why-a-design-works-a572c5d2d92d

          作者:Miklos Philips

          譯者:彩云Sky

          本文翻譯已獲得作者的正式授權(授權截圖如下)

          圖片

           

          作者:彩云Sky

          轉載請注明:學UI網》超全面的設計底層理論,優秀設計背后離不開這些(上)

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


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


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



          蘋果設計為什么顯得高級?

          seo達人


           一、什么是極簡主義風格 

          圖片

          在上世紀初期,隨著工業制造體系的變革,人們也開始尋找更適合工業化生產的設計方法與審美體系,極簡的設計風格便應運而生。在今天,極簡主義早已演變成了一種潮流、一種文化,甚至是一種生活方式,成為了當今的主流設計風格。而它的設計理念大家應該都知道——“少即是多”。說到這里就不得不提一個名字——蘋果。它可以說是數字設計中極簡主義的先驅,也是這種設計理念的貫徹者。

          圖片

          極簡主義在設計上使用簡單的元素,突出核心內容。不但可以提升層次感,滿足設計需求,也能幫助用戶快速聚焦核心部分,突出主要功能。極簡主義現在被廣泛應用在UI、平面、品牌、工業設計等領域中,也在漸漸影響著人們的生活。

           

          二、極簡主義的特點 

          圖片

          那么極簡主義有哪些特點呢?我們可以一起來看看:

          1.大量的留白

          2.運用柵格來規整元素

          3.簡化配色

          4.突出內容

          5.可讀性較高的字體

          接下來就舉例說明這些特點。

           

          1、大量的留白

          在極簡主義當中,留白是必不可少的部分??赡苡械耐瑢W或認為留白就是白色,其實留白并不一定是白色,它可以是任何與背景相同的色彩。留白在視覺上可以營造平衡感,創造視覺焦點,將核心內容突出。通過這種方式讓用戶只關注必要的信息,只做必要的事情。

          圖片

          上圖就是運用留白設計的品牌網站首頁,通過留白直接突出主體,用戶即使不認識這個品牌也知道這是一個關于手表的網頁。

          圖片

          上圖就不是運用白色進行留白的網頁設計,依然可以突出主要信息。留白在使用中,一定要注意構圖的關系,使頁面整體保持平衡感。

           

          2、利用柵格來規整元素

          在極簡主義設計風格中,柵格系統可以讓簡單的設計更有條理。運用在頁面中,使信息和元素的展示更有邏輯性和規律性,使用戶查閱更順暢,也能使用戶從中更好的識別出主體內容。設計師運用柵格系統可以把有限的元素在整個空間中建立正確的層級性與關系,使整個設計更自然。

          圖片

          上面網頁就是運用了柵格系統進行布局,從圖片到標題、文案都保持精準的柵格化的對齊,使整個頁面都保持了協調感,使用戶在閱讀上也能遵循一定的規律與節奏。

          圖片

          如上圖即使是再簡單的頁面,通過柵格系統也能使整個設計保持一定的協調性。

           

          3、簡化配色

          極簡主義在配色的選擇上,像黑白這樣的色調在表現上更中性,更能體現產品的功能性,而且會給人干凈并且富有秩序感的視覺感受。但是黑白并不是唯一的選擇,通常會選擇一種飽和度較低的單色作為主色調,然后選取一到兩種點綴用來提亮貫穿整個設計,達到提升視覺層次感的效果。

          圖片

          圖片

          上面的兩張圖在配色上除了經典的黑白色之外,還采用紅色作為點綴色,并且貫穿了整個設計。整體的配色不僅簡潔而且體現出了層次感。

           

          4、突出內容

          設計的初衷本來就是對內容的設計,所以突出內容就是極簡主義設計最為核心的特點之一。因為其簡約的設計,可以讓用戶在第一時間就聚焦于內容而不是頁面其他元素,而且內容本身也可以當做元素進行設計,強化視覺效果,讓畫面擁有視覺沖擊力與張力。

          圖片

          圖片

          上面幾張圖就摒棄了其他元素,直接突出內容讓受眾第一時間就關注內容本身。

           

          5、可讀性較高的字體

          極簡主義設計希望元素清晰易于辨認,對字體也是同樣的要求。

          無論是襯線體還是非襯線體,一定要確保字體的可讀性,方便用戶快速感知文字內容。在風格上不要裝飾性太強,使用經典的字體就很好,在某種情況下適當的放大字體,確保用戶可以一目了然更能突出設計的簡潔、直觀。

          圖片

          圖片

          在上面幾張圖中,無論是襯線還是非襯線字體,都會利用文字大小和適當間距保證文字的可讀性,也不會對文字添加過多的裝飾性元素。

           

          三、極簡主義在設計中如何使用 

          1、移動端中的使用

          圖片

          圖片

          圖片

          上面幾張移動端的界面,基本上都是有一個主要的色調+圖片+大標題,以內容為主體加上大量的留白,整體都符合極簡主義的核心特點。

           

          2、網頁中的使用

          圖片

          圖片

          圖片

          上面這組網頁設計,也是采用了大標題+產品精修圖+單一色調的背景進行設計,摒棄了裝飾性的元素,以突出內容為主,運用柵格進行布局加大面積的留白,使頁面在簡約的同時體現了統一與品質。

           

          3、品牌中的使用

          圖片

          上圖就是我們熟知的YouTube,這些年品牌逐步摒棄了一些高光、漸變、投影等裝飾性元素,并且加入了播放按鍵圖標,向用戶傳達了YouTube的主要業務方向,整個設計更加簡約且一目了然。

          圖片

          上圖Instagram的logo也是向著極簡的方向發展。新版logo只保留了老版相機的特征以及彩虹色的背景,突出主要元素特征,既簡約又易于辨認。

           

          4、海報中的使用

          圖片

          圖片

          上面幾張海報就是以圖片或者某一獨特圖形作為主體內容進行突出設計,再加上文字與適當的留白進行柵格化的設計,很好的體現了極簡主義的設計風格。

           

          5、產品設計中的使用

          圖片

          圖片

          運用簡約的設計語言,突出產品特性與功能性。富有美感與品質性。

           

          四、如何打造極簡主義風格 

          看了這么多案例,是不是對如何進行極簡主義風格設計還是有點不知所措,那么我將從圖形、配色、構成、字體這幾個緯度來給大家闡述如何進行極簡主義風格設計。

          圖形:簡單的幾何圖形,扁平化的設計,去除裝飾性元素

          圖片

          上面的圖就是運用簡單的幾何圖形+扁平的設計,突出內容引導用戶進行操作。

          配色:以黑白灰為主,或者選取一種主色調加一到兩種點綴色

          圖片

          圖片

          上面兩張圖第一張就是典型的黑白灰的配色,突出內容,給人干凈和平靜秩序的感受,而第二張圖就是選用黃色為主色調,然后其他顏色為點綴色,突出功能具有引導性。

          構成:大量的留白與柵格化的構成形式

          圖片

          上圖就是利用留白與柵格來進行頁面的布局,大留白突出重點內容,柵格化的構圖讓設計更具有協調性。

          字體:非襯線體

          圖片

          雖然襯線字體也能體現出極簡主義的風格,但是非襯線體在視覺上更簡潔,在突出品牌上辨識度更高。

           

          五、極簡主義配色 

          設計中較重要的一環就是配色,下面我給大家分享幾組極簡主義色彩搭配,每組都有色彩風格對應的形容詞和配色數值,希望給大家帶來靈感。

          關鍵詞:自然,寧靜,沿海和平衡

          圖片

          關鍵詞:女性化,誘人,寧靜和熱愛

          圖片

          關鍵詞:大膽,自信,好玩和活力

          圖片

          關鍵詞:中性,平衡,寧靜和時尚

          圖片

          關鍵詞:舒適,寧靜,善良和原始

          圖片

           

          六、最后 

          圖片

          圖片

          上面介紹了這么多,那么極簡主義最核心的特點就是:以展示內容為主,去除了多余的元素、顏色,完全體現了“少即是多”的設計理念。極簡主義之所以受歡迎并且流行至今的一個原因就在于它突顯內容,為用戶呈現最重要的東西,讓用戶關注最主要的事情,簡化了界面使其更具功能與可行性。

          我們做設計歸根結底也是在為內容、商業服務,而極簡主義真正做到了內容至上,但是要想更好的為商業服務其背后一定是經過了深思熟慮的,就像小米新Logo一樣,看似簡單必定是由繁到簡的一個過程,而極簡主義也是去除多余元素化繁為簡的。所以與其說極簡主義是一種設計風格,不如說它更像我們想追求的化繁為簡的生活方式。

           作者:三木

          轉載請注明:學UI網》蘋果設計為什么顯得高級?


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


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


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




          數字化轉型時代下的設計:醫療x數字孿生

          seo達人


          一、疫情之下我們能做些什么?

          2019年底新冠疫情在國內出現,傳播范圍也隨著大量人口流動加速蔓延。新冠疫情爆發讓我國疾控部門開始對重大突發事件的應對能力、疾控水平逐漸重視起來。作為阿里云產業智能的設計師,也希望通過阿里云的數據與技術能力,在疫情之下找到自己的答案。

           

          1、要解決什么問題?

          為了熟悉疾控業務場景、流程、難點及其中涉及到的產品與技術訴求,我們走訪了省疾控中心信息中心。通過走訪我們發現,打通業務鏈路并為居民和醫院提供幫助是疾控中心亟待實現的目標。在傳染病監測預警中,涉及多維數據收集與分析,數據來源不僅包括醫療機構、流調數據、各類聚集性場所、交通工具等,環境數據的監測對研判傳染病的源頭與傳播途徑也至關重要。

          經過調研和梳理,我們拆解出3個主要痛點及目標:

          圖片

           

          2、用戶是誰?

          要解決疫情場景下的痛點,就需要明確我們是為”誰“在解決問題。疾控業務主要面向疾控中心與衛健委主管疾控的部門的工作人員,服務的對象則是每一個生活在城市里的你我他。管理部門需要對服務提供方進行監管,提供物資調配與診療輔助,對所有其他對象收集數據、發布預警、政策,對病例與密切接觸者進行流行病調查。服務提供方和服務對象需要向管理方同步就診數據與異常情況。所有對象及其之間的關聯,則是推演研判的重要依據。

           

          二、為什么通過數字孿生緩解這些痛點?

          人類歷史上,傳染病對人和區域帶來的影響是難以控制的、深遠的、不可逆的,而防控與治療措施的研究制定是高難度、高風險、低容錯的。數字孿生體可以讓疾控分析工作在一個與物理實體相映射的虛擬實體上開展,基于物理空間當前與歷史數據,在數字空間中通過全維度的數據監測和反復推演研判,找到并驗證疫情傳播發展的規律,以仿真、可控、低風險、高靈活度的方式進行模擬預測,提前識別未來可能發生的風險。從虛擬空間回到物理世界,對真實空間可以進行精準有效的「反控」,在最合適的時間,對最合適的對象,采取最合適的疫情防控措施。

          從客戶、媒介、技術角度,為疾控部門提供綜合性的解決方案:

          政府- 識別風險、提前干預

          疫情動態監測和趨勢推演,找出變化規律,盡早識別風險;給出防控處置措施建議,提前儲備資源,提高常態化疫情防控效率與能力。

          公眾 – 信息平等與信任

          預警傳染病危險因素,將健康教育建議精準推送給公眾,促進信息對等,加強公眾的安全感和對政府的信任。

          醫院 – 改善診療能力

          通過風險提示和診療推薦,改善醫生診療能力,優化醫療資源的分配。

          技術 – 數字孿生

          通過靈活可控和相對低風險的方式,在虛擬空間中開展多點觸發的疾控模擬分析和風險預測,形成突顯數據智能特點、客戶可感知的數字孿生能力解決方案,提升產品競爭優勢。

          產品 – 形態創新

          根據客戶真實訴求,通過數字技術打造多端聯動的產品方案,拓展產品類型與創新機會。

          圖片

          綜上,我們結合客戶價值挖掘出設計機會點:

          圖片

           

          三、構建疾控體系化構建數字孿生設計方案

          對客戶和用戶大量的調研后,對訴求進行歸納聚類,提煉為環境監測 –> 推演研判 –> 預警防控這三大主要模塊。

           

          1、交互設計

          對上述場景中涉及到的數據進行收集分類,可以分為面向政府監管 G 端、醫療機構 B 端與居民 C 端的數據,根據業務目標與描述對象性質,選取不同的可視化呈現方式。在與業務和算法同學溝通過程中,根據傳染病動力學模型確定設計方案中影響因子的選取與交互設計方案。從用戶使用產品的場景出發,我們在推演邏輯上采用「正向推演」和「逆向推演」相結合的方式。

          正向推演

          當用戶知道影響疫情的關鍵因素時,用戶可以從影響因子出發,選擇相關因素并指定作用對象或范圍,調整參數進行仿真模擬,對推演結果進行時間空間維度的對比。

          逆向推演

          當用戶明確了疫情管控目標,例如需要在3天內控制住疫情蔓延。可以采用逆向推演的方式,設置限定條件,通過知識圖譜展現影響因子和目標元素之間的關聯要素(即隱性影響因素),計算達到目標所需要的條件,即可得出精準高效的措施建議。

          圖片

          在設計影響因子相關交互操作時,我們結合傳染病相關專業知識與涉眾分析中的各類對象及其關系,盡量充分考慮社會、人文、自然等多維度要素,提供更多維度的調參可能。

          利用數字孿生核心技術,推導整體解決方案。

           

          2、結合孿生亮點,推導整體方案

          在環境監測場景中可以基于數字孿生對疫情傳播風險盡早識別,將監控關口前移。在模擬推演中,我們利用數字孿生,將來多維因素在區域地圖上整合起來,力求充分考慮各類因素的動態變化對疾病傳播的影響。由此,環境監測與仿真模擬作為數字孿生能力與疾控工作的契合點,成為重點優化交互方式、打磨各方面體驗、提升客戶與業務價值的突破口。

          圖片

           

          四、醫療數字孿生:沙盤推演 + 微鏡探查

          我們在產品/大屏側從兩個創新出點出發,提煉出沙盤推演+微鏡探查的概念方案。

           

          1、沙盤推演

          按比例還原并模擬疫情發生區域的自然環境、天氣因素、社會因素、人口因素、與社會因素。通過電腦端調整疫情影響因素,在沙盤中觀察疫情對地區生態/人文/社會等方面的影響。

          微鏡探查

          將產品類比成洞察疫情發展的顯微鏡,用戶通過上帝視角在產品中模擬探查不同因素對疫情發展產生的影響,對未來的疫情起到趨勢研判的效果。

          圖片

          圖片

          圖片

           

          五、不斷探索,積極前行

          作為數據智能與數字行業設計師,我們希望利用專業做出盡管可能微小但積極的改變,為業務、行業和社會帶來一些價值。在公共衛生領域,我們不斷在社會意義、客戶與用戶訴求、業務目標之間尋找契合點,探索數字孿生體驗設計的突破口。疾控工作涉及到的公共衛生與醫療知識、倫理抉擇、社會關系、經濟利益等交織在一起,極度復雜;但希望通過在行業轉型過程中加入數字孿生體驗設計的視角與方法,最終可以在促進疾病預防、公共衛生資源分配平衡,改善全民健康、生活質量與社會公平信任的艱巨道路上,增加一點點推動的力量。

           

          特別鳴謝:項目成員
          數字醫療團隊pd:達蓬 、基岡 、蔣夢華

          數字醫療研發算法:延妮
          阿里云設計中心設計師:項婉 、指耘、六衣


          作者: 阿里云設計中心

          轉載請注明:學U網》數字化轉型時代下的設計:醫療x數字孿生

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


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


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




          如何讓你的設計看起來更有說服力?試試網格系統!

          seo達人


          一、網格系統的組成

          在深入了解網格的類型和使用準則前,讓我們先來了解一下網格系統中涉及到的一些基本概念,比如列數、內邊距、外邊距等等。

          1、列

          圖片

          列(Column)是網格的基礎,用來表示內容放置的區域。每一列的寬度以百分比而不是固定的數值來衡量,這樣面對不同的屏幕尺寸,可以更靈活地進行設計。

          日常設計中,最常使用的是12列等寬的網格系統,適用于大多數的頁面和布局設計中。

          2、內間距

          圖片

          內間距(Gutter/Padding)是指每列之間的距離,也被叫做水槽。內間距能為頁面提供呼吸空間,避免內容之間過于擁擠。

          3、外邊距

          圖片

          邊距(Margins)是列與邊框之間的距離,邊距繞過內容有上、下、左、右四個方向,在設計中我們可以針對每一側設定和更改邊距。

          4、字段或模塊

          圖片

          字段或模塊是行和列的交集。這些模塊是頁面的基礎,所有設計元素都將適合網格中矩形卡片創建的這些空間單元。

          5、界面設計與網格

          如果說網格在過去對于印刷必不可少,那么今天網格在數字世界中仍是不可或缺的。

          圖片

          網格成為開發數字產品的關鍵工具,為在所有設備上提供最佳的用戶體驗。因此,無論屏幕大小如何,設計師都必須能夠在每個屏幕上通過最佳的方式組織內容。

           

          二、如何在設計中使用網格系統?

          網格是具有列、內間距和外邊距的結構系統,其目的是幫助設計師組織界面的內容。

          內間距的距離越窄,越會向用戶傳達「這些內容屬于同一組」的感覺。

          圖片

          同理,內間距越寬,看起來越像是不同類型的內容。

          圖片

          需要注意的是,內間距的距離不要太寬,或者比每一列的寬度還寬,容易導致內容之間的留白過大,造成視覺瀏覽上的不連貫。

          圖片

          此外,外邊距的間距遵循與內間距相同的規則??梢造`活調整外邊距,以便在內容和屏幕之間留出合適的間隔。

          圖片

          圖片

          和內間距一樣,屏幕中的外邊距也不能太寬,這樣會壓縮頁面中內容的展示空間,會讓頁面看起來很局促。

          圖片

           

          三、使用網格設計的四條準則

          網格的使用看起來很直觀,但在UX或UI項目中使用網格系統仍有一些需要注意的規則。

          1、將元素集中在每一列中

          上面說到,在設計中常用到的是12列網格系統。那么12列網格為什么被廣泛使用呢?主要原因在于12列網格更方便擴展不同的布局形式。

          圖片

          ▲ 12列網格可以一行排列兩個內容,各占6列網格;一行排列三個內容,各站四個網格;一行排列四個內容,各占3列網格;一行排列六個內容,各占2列網格。

          基本上,常用到的頁面布局形式在12列網格中都可以實現。

          圖片

          ▲ 在每個內容之間留出足夠的內邊距。這里需要注意的是,內容的兩側要與每一列的邊緣重合,而不是與內邊距重合。

          圖片

          ▲ 當內容居中顯示時,要始終在邊緣留出一點空間,防止頁面被內容填充的過于擁擠。

          2、不要將列數作為內容填充

          在網格系統下,設計應該填充整個內容的寬度,這樣會讓界面看起來更規范。

          圖片

          不要讓左右兩列沒有填充內容,讓列數作為填充,這樣會導致頁面的外邊距不統一,增加后期的開發成本。

          圖片

          3、可以嘗試脫離網格

          在設計中,使用從網格中溢出的圖像或元素也是可以的。

          圖片

          例如我們想填充一個全尺寸的背景色或者圖像,只需將圖像拉到網格之外就可以。在網格和邊距的示意下,開發人員也能夠快速理解界面的尺寸信息。

          4、注意內容之間的間距

          在網格上放置不同的元素時,確保元素之間的左右間距、上下間距都是一致的,這樣會讓整個界面看起來更規范。

          圖片

           

          最后

          除了能夠改善設計、減輕用戶認知負擔外,網格系統還能提升設計效率。有了網格我們可以快速衡量元素的間距、邊距的精度,簡化設計過程。

          另外,在規范的網格系統中,界面布局或內容上的修改也會變得更容易。

          慢慢來比較快,希望對你有幫助!


          作者:Clippp

          轉載請注明:學UI網》如何讓你的設計看起來更有說服力?試試網格系統!

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


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


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



          簡直不敢相信,加上這個元素,瞬間高級感爆棚!

          seo達人



          圖片

          這個問題還是比較普遍,曾經遇到很多同學也是這樣的,所以今天拿出來講講。

          一些特殊的欄目和模塊我們最好去花心思設計下,這樣可以大大提高UI界面的設計感。

           

          一、上下分割

          在封面設計中,可以使用簡單的上下分割,輕松做出有層次的封面。普遍同學存在的問題,都是直接找一張圖貼進去,如下這樣:

          圖片

          這種方式設計,完全體現不出你的設計,而只是找了一張別人的圖,況且這樣貼進去缺少一些特色,不管怎樣,一些關鍵重點功能還是需要設計一下的。

          比如,我們可以通過畫面分割的形式,對一些特殊的重點推薦歌單做個區別。

          圖片

          上面,使用了上下分割的形式,人物和背景上下都有交接,在加上文字版式,整個封面舊有了視覺張力。

          當然,還有其他的分割形式,但大思路是一致。

          圖片

           

          二、大字疊加

          同樣的在做一些特殊欄目設計時,除了使用分割形式,還有大字疊加,一樣可以做出視覺張力的封面。

          圖片

          在這里,我們可以將歌手摳出來,然后背景取色和人物同色系,再加上文字版式,效果就來了。

          這種風格其實很好學習,下面簡單來看看其他案例。

          圖片

          上圖設計思路,采用文字穿插與文字前后疊加的版式設計。

          圖片

          圖片

          蘋果音樂的首頁,一些重點歌單推薦,同樣使用了特殊設計。

           

          三、藝術字

          在封面中進行藝術字設計,難度略大, 但是效果做出來一樣很精彩,比如下面這種。

          圖片

          POP三個字放大設計,加一些藝術化效果,整個設計氛圍感就來了。

          圖片

          圖片

          除了上面這張對英文字體進行藝術化設計,還有稍微復雜一些的,比如下面這種。

          圖片

           

          四、全新設計

          全新設計一張封面,更加體現這個欄目的特色和亮點,也可以讓整個畫面視覺張力更強,當然對設計師能力要求也就越高,比如下面這種。

          圖片

          全新設計的好處,可以大大的吸引用戶的眼球。如果是一些新的欄目,新的模塊出現,是完全可以花費時間來設計。這種設計放在你的設計稿中,是完全可以拉開你和同事之間的差距。

          圖片

          圖片

          圖片

          好了,到這里差不多完事,今天的關于音樂界面的設計,提高UI設計感,你學會了嗎。

          好了,今天文章就到這里。

          原創不易,如果對你有幫助,記得給我點個贊,支持下我們。


          作者:劉濤導師

          轉載請注明:學UI網》簡直不敢相信,加上這個元素,瞬間高級感爆棚!

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


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


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



          ISUX「七月」行業設計趨勢速遞

          seo達人


          圖片

           

          本期摘要:

          (1)Facebook 開始在美測試NFT功能(2)Facebook Groups 引入頻道功能 (3)Niantic 正式推出社交應用 Campfire(4)twitter 內測多人共同編輯一條tweet的能力(5)Instagram Reels 短視頻功能更新(6)QQ音樂打造音樂版社交元宇宙(7)Meta Horizon Home 讓 VR 更具社交性(8)抖音上線桌面端(9)“中文梗博物館”出現在 VR 世界(10)#Me:現實社交帶進異世界的虛擬游戲(11)上大元宇宙:現實校園搬上虛擬世界(12)Hay:匹配后直接視頻聊天的社交應用(13)陌陌旗下 AR 跳舞 APP —— BonBon Jump(14)字節元宇宙 APP「派對島」全面公測(15)Turn Up:遇見音樂同好(16)vivo 無障礙功能,讓聲音也可以被「看見」

           

          一、Facebook開始在美測試NFT功能 

          Meta 產品經理 Navdeep Singh 近日在 Twitter 分享 NFT 功能的截圖,他表示公司開始允許部分美國創作者在 Facebook 上發布數字收藏品。從圖中可見,進入個人頁面后,會在頭像下方的看到〝數字藏品〞的頁簽,用戶可以在這個專屬頁簽中展示 NFT,這些藝術品也會有一個〝數字藏品〞的標簽 。

          用戶能在發文時附上想要分享的 NFT,如同一般貼文,可讓好友點贊、留言和分享,點擊后還會顯示有關該 NFT 的詳細資訊。 

          圖片

          圖片

           

          二、Facebook Groups 引入頻道功能

          Facebook 宣布將在 Facebook 群組引入全新的頻道功能,讓成員進行更集中的討論。

          管理員可以創建三種類型的頻道:聊天、Feed 和語音。聊天頻道能讓用戶在 Facebook 群組和 Messenger 上更加實時地留言、討論特定話題;Feed 頻道讓管理員圍繞不同形式的主題組織社區,成員們可以基于具體的興趣或話題進行討論;語音頻道則是允許管理員和成員隨時加入和退出語音對話,并且支持開啟攝像頭。

          圖片

          Facebook 宣稱正在測試新的側邊欄,有助于用戶快速找到喜愛的群組。側邊欄將列出個人所屬的群組、最新活動和新的帖子,支持用戶將喜愛的群組固定在側邊欄頂部。

          圖片

           

          三、Niantic 正式推出社交應用 Campfire 

          Niantic 宣布在特定地區推出社交應用 Campfire ,并計劃在今年夏天將 Campfire整合進公司旗下游戲。Campfire 是一個〝真實世界〞的元宇宙平臺,幫助用戶發現新的游戲與活動。 

          打開應用時,用戶會看到所在地區的動態地圖,包含好友和其他玩家以及附近正在進行的游戲與活動,從右上角的圖標能進入社區或游戲特定地圖。

          圖片

          除了游戲之外,Campfire 還提供豐富的社交功能,讓用戶與朋友保持聯系,并從動態地圖上發現附近的玩家、社區活動,從而結交新朋友。用戶可以組織各種活動,與朋友分享自己的位置,追蹤即將到來的聚會動態,開始小組聊天等。

          圖片

          在《Pokémon GO》中,小精靈訓練家可以通過消息與朋友共享位置,從而輕松快速高效地組建團隊。若是單人游戲,可以點擊地圖上的一個特定位置,添加信號彈(Flare),鼓勵大家一起參與游戲。

          Campfire 的特點是基于真實世界 AR 的社交網絡,目的是增強整體游戲用戶的粘性,同時有利于《Pokémon GO》、《Ingress》等Niantic旗下遊戲玩家之間的溝通。

           

          四、Twitter 內測多人共同編輯一條 Twitter 的能力 

          Twitter 已開始測試一項新的 “CoTweets” 功能,該功能允許用戶共同撰寫推文。CoTweets 正處于測試階段 ,美國、加拿大和韓國地區的部分用戶可體驗到該功能。

          圖片

          用戶可以向關注的好友發送 CoTweet 邀請,待對方接受后將創建一個 CoTweet,顯示雙方都是共同作者。此外,同一條 CoTweet最多只能兩人撰寫,因此每個 CoTweet 只能邀請一位共同作者。

          圖片

           

          五、Instagram Reels短視頻功能更新 

          Reels 是由 Instagram 推出的短視頻社交平臺,對標 TikTok,Instagram 之前也支持短視頻能力,Reels 重點為豎屏短視頻,努力提供更多全屏沉浸式內容。Instagram 宣布15分鐘以內的新視頻帖子將以 Reels 形式分享,相比之前的90秒時長大大放寬。

          圖片

          在拍攝能力方面推出雙向攝像頭的內容生成方式,讓用戶拍攝時能分享當下的反應。并推出模板功能,用戶通過上傳視頻和照片來填充模板生成內容。

          圖片

          另一個同樣雙畫面的功能由 Facebook Gaming 推出,Clips to Reels 功能提供游戲畫面和創作者攝像頭的兩個畫面,將游戲片段和錄播快速轉換為 Reels,支持添加背景音樂、自帶濾鏡和特效。

          圖片

           

          六、QQ音樂打造音樂版社交元宇宙 

          Music Zone 是QQ音樂為用戶打造的全新虛擬音樂社區,將其作為元宇宙領域的首次嘗試,希望為用戶帶來沉浸式互動體驗。

          用戶登錄QQ音樂 APP 后,可在 Music Zone 中設定專屬人物形象,并能獲取虛擬形象,其形象靈感致敬經典的火柴人 Mfer。

          圖片

          Music Zone 類似于超級QQ秀的QQ小窩,用戶可以獲得一個獨立的家,用戶可以隨意裝扮自己的家,并在墻壁上掛有虛擬播放界面和歌單墻,用戶點擊虛擬播放器進行歌曲的播放,訪問的人也能進行點播。

          圖片

           

          圖片

          Music Zone 提供了社交功能,用戶能在社區地圖上任意選擇一個家進行訪問,并對訪問對象的家進行點評,關注對象以及加好友。QQ 音樂的用戶享受到虛擬社交體驗的同時,還能進一步增強 QQ 音樂內的社交關系鏈,打造一個興趣社區。

          圖片

           

          七、Meta Horizon Home 讓 VR 更具社交性 

          Meta 公布 Quest 2頭顯將推出 Horizon Home 功能,借助該功能讓用戶和朋友實現虛擬串門。用戶可以從一些預設選項中選擇場景作為自己的家,可以是空間站、日本旅館或俯瞰山間的日落的露臺等等,甚至可以自己上傳場景。

          (點擊圖片前往原文觀看視頻)

          圖片

          創建完畢后,可以邀請朋友到自己的 Horizon Home 環境里進行和參觀、閑聊,甚至還能直接支持開啟多人游戲(游戲包括 Beat Saber、Demeo 和 Echo VR),滿足線上面對面社交化更強的游戲體驗。

          圖片

          扎克伯格還和攀巖運動員 Alex Honnold 一起在 Horizon Home 里觀看了 Alex Honnold 在攀登多洛米蒂山( Dolomiti )懸崖的360度紀錄片《 The Soloist VR 》,這一虛擬現實紀錄片中可 Meta Quest 頭顯的 Oculus TV 上觀看。

          (點擊圖片前往原文觀看視頻)

          圖片

          在 Meta 的設想里,VR 是一個社交平臺,Horizon Home 就是一個社交空間,玩家可以在其中與朋友一起閑逛、一起觀看視頻…就連 Dropbox、Facebook 和 Instagram 等軟件,之后也將在 VR 中作為 Horizon Home 中的 2D 面板應用程序運行,玩家不需要摘下頭顯就能進行訪問。

          圖片

           

          八、抖音上線桌面端 

          抖音推出了 PC 電腦版,讓用戶在電腦大屏上就可以刷短視頻,其實之前也可以通過抖音的網頁版在電腦上刷短視頻,但網頁版的功能相對過于簡單。

          (點擊圖片前往原文觀看視頻)

          PC 版客戶端和手機版抖音在風格上保持基本一致,默認采用深色效果,不過在右上角設置區域也能在深色和淺色兩種模式間互相切換。左側邊框區域是視頻分類區,這里分布著“直播”、“熱點”、“娛樂”、“游戲”等不同視頻的進入通道。

          (點擊圖片前往原文觀看視頻)

          PC 版抖音客戶端相比手機版而言,基于桌面場景在視頻瀏覽上做了差異化的體驗。一是能夠選擇“自動連播”,無需手動翻頁刷新自動播放下一個視頻,真正地解放了雙手;二是視頻播放能用鼠標、鍵盤快捷鍵進行操作,體驗更方便、自然。

          圖片

           

          九、“中文梗博物館”出現在 VR 世界 

          最受歡迎的 VR 聊天室應用 VRChat 上線了一個高質量中文場景“中文梗博物館”,由B站視頻作者“四跡”帶領網友創造的,收納了2010年前后互聯網在國內普及至今,于視頻網站和社交網絡流行的大量梗,并迅速成為亞文化圈層話題。

          與現實中的大多數博物館不同,進入中文梗博物館并不需要門票,只需要在 VRChat 中搜索名稱,跳轉并能直接進入。雖然是在虛擬世界中構建,這個博物館卻有著真實博物館一般的入口、展館分布、陳設乃至藏品展示,并不因非商業團隊制作而顯得質量低劣。

          (點擊圖片前往原文觀看視頻)

          展品來源算得上是包羅萬象。從簡單的聊天對話引出的話題,到圖片和短視頻等當今更流行的載體,再到影視劇、動畫漫畫的名場面,以及為中國互聯網行業蓬勃發展提供驅動力的電子游戲等。

          由于中文梗博物館是搭載在VR Chat平臺中的線上虛擬展會,用戶可以根據VR平臺提供的各類模板自定義自己的形象,觀展者甚至可以配合展廳中的梗,成為梗中角色或物件,和其他觀展者互動,提供社交破冰的切口。在溝通方面,用戶之間可以建立獨立聊天室,讓聊天內容不公放,確保私密性,也不會打擾到其他在觀展的玩家。

          圖片

           

          十、#Me:現實社交帶進異世界的虛擬游戲 

          #Me 由韓國游戲公司 Clover Games 研發,于7月7日上線,是一款二次元風格的3D元宇宙產品,在上線前全球預約人數已經超過100萬。

          圖片

          背景為世界突然間出現可以穿越到異世界的入口,玩家在編輯好自己的 Avatar 后進入世界,最大特色的設定是手機的網絡社交能力依然存在。

          (點擊圖片前往原文觀看視頻)

          游戲主界面整體氣氛像直播應用,有日夜系統。能與NPC視頻通話、互相關注,可以像現實生活中那樣拍照記錄,分享到社交媒體(風格像 Instagram)上。

          圖片

          玩家在世界中冒險,會有一個陪伴的小伙伴 “Campy” 作為游戲向導,并為玩家旅途的拍攝記錄高光時刻,讓玩家能合理地產生第三視角的內容。收獲粉絲認可,成為玩家重要的成就體系。

          圖片

          玩家通過完成任務可以解鎖不同的地點,也可以隨意在世界里逛逛,和路過的玩家輕互動,目前看還是偏重游戲輕社交。

          (點擊圖片前往原文觀看視頻)

           

          十一、上大元宇宙:現實校園搬上虛擬世界 

          上大元宇宙由上海大學上海美術學院蔣飛教授和學生們共同創作,名為SHU Metaverse,以上海大學寶山校區為原型的一個虛擬校園。

          圖片

          在疫情背景下,校園生活也受封控影響,一個還原高校的虛擬世界,讓師生們能在里面奔跑、互動、上課、聽講座、舉行畢業典禮等,也能做一些平常在校園中不可能做到的事情,如空中飛翔、養寵物、尋寶等。

          圖片

          上大元宇宙給疫情期間不能到校生活的師生們一個緩解壓力的平臺,在虛擬校園的云畢業典禮,帶給畢業生一份特殊的禮物。

          圖片

           

          十二、Hay:匹配后直接視頻聊天的社交應用 

          本周登上 App Store 中國區第一位的 Hay,是一款主打實時視頻的社交app,可以與全球范圍的人聊天。

          圖片

          圖片

          Hay 的 UI 采用像素風格,整個應用很輕巧,分聊天、匹配和個人三個 tab。自動匹配用戶不需要收費,系統會根據用戶的性別、年齡和興趣標簽去匹配,雙方同意后開啟視頻通話,但使用篩選條件匹配需要支付金幣。

          圖片

          為解決不同文化的語言障礙,視頻聊天時也提供文字聊天,對文字進行自動翻譯,保證雙方能持續交流。為了鼓勵用戶多使用 Hay,應用有每日簽到、飛行地圖、勛章三種激勵模式。

          圖片

           

          十三、陌陌旗下AR跳舞APP:BonBon Jump

          出門健身難,擼鐵枯燥無趣,網紅燃脂舞視頻跟不上……近日,陌陌想通過 AR 新產品「BonBon Jump」來解決這個問題。

          圖片

          這是一款使用了 AR 技術映射自己喜歡的3D形象,并跟隨跳舞健身 App。運動盒子,可以選擇不同舞種與音樂,選擇自己喜歡的音樂即可開始跳舞。

          圖片

          只需打開「BonBon Jump」投屏到電視,手機放在能夠掃描全身的位置即可開始。接下來你就可以穿著自己喜歡的虛擬3D形象,跟隨 AR 游戲指引進行舞蹈。通過「BonBon Jump」提供的 AI 識別技術,可以精準識別動作數據,實時打分,擁有更科學的運動保護和指導。

          圖片

          圖片

          另外真人動作演示,AI 動作識別結合 AR 玩法,可以讓燃脂舞跟練像玩游戲一樣簡單。運動計劃,可以根據身高體重,免費制定燃脂計劃,并進行記錄,讓運動更科學量化。個人中心,展示運動戰績以及高光時刻,讓運動變得有儀式感。

           

          十四、字節元宇宙 APP「派對島」全面公測 

          派對島 APP,早在2022/01/25就上線應用市場。目前,派對島已開始開放對外邀請,開始放大測試范圍了。

          圖片

          圖片

          派對島,是一個實時線上活動社區。派對島的 slogan 是:沒有人是一座孤島。在這個虛擬人社區里,創建你的個人形象后,可以參與和創建線上活動。讓你與其他同好輕松社交,找到趣味相投的人。同時,你也可以自己創建活動,邀請別人來參與。

          圖片

          這個小島上,有街心花園,有溫馨小屋。你可和小島上新交的朋友,一起 party。也能體驗新奇有趣的沉浸式聊天。與朋友和同好相遇在島上,和朋友相遇,聊天。

          圖片

           

          圖片

           

          十五、Turn Up:遇見音樂同好 

          上次介紹了網易云音樂旗下的音樂社交產品 MUS。其實早在2018年3月 Turn Up 就已經上線。截至目前,進入了29個國家和地區的 App Store 生活類暢銷榜  Top100。Turn Up 在音樂和社交的聯通上有很多可借鑒之處。

          圖片

          ① 首先,用戶需要對音樂資料卡進行完善。選出至少3位最喜歡的歌手、主頁播放歌曲為必填內容;然后通過多場景的音樂選擇,提示用戶填寫資料卡片,資料越詳細匹配到心儀用戶的幾率越高。比如:最無法忍受的歌手、適合約會的歌曲、將在婚禮播放的歌曲、將在葬禮上播放的歌曲等。

          ② 系統會根據用戶填寫的歌手和單曲,來判定用戶喜歡的音樂類別,并將具有相同音樂偏好的用戶放在同一匹配池。

          • Swipe,用戶可以如使用 Tinder 一般,對自己感興趣的用戶進行右滑、對不感興趣的用戶進行左滑。
          • 音樂盲盒,直接向自己感興趣的用戶發送消息或者嘗試猜出對方的音樂盲盒。用戶需要在30秒內以“4選1的選擇題模式”根據歌曲節選片段猜對歌曲名稱,完成猜歌任務后系統會自動顯示猜歌結果,用戶可以根據自己的答題情況初步判定彼此的音樂品味是否相投。

          圖片

          • 線下活動,Turn Up 也會為每一個線下活動設立一個匹配池,用戶可以在匹配池左右滑動尋找感興趣的用戶。這就相當于將“線上”和“線下”進行了串聯,線上好友在不久后就可以在線下碰面。

           

          十六、vivo 打造的無障礙功能,讓聲音也可以被「看見」 

          我國是全球聽障人士最多的國家,聽障群體總人數有將近 3000 萬人,聽障群體日常需要面對很多非?;镜膯栴}。

          針對聽障人士最基本的生活場景,vivo 推出了「vivo 聽說」和「無障礙通話」功能。這些功能讓原本生活中只能靠「聽」的話語變成「看」得見,為所有人提供了多一種獲取信息的方式。

          兩個功能使用的主要技術是語音識別技術和語音合成技術,都是我們平時常常會用到基礎技術。

          圖片

          開啟功能后,每次接電話時就會彈出對話框。電話另一頭的語音會被翻譯成文字,而這一頭輸入的文字,也會轉錄為語音播給對方聽。同時,用戶還可以設置常用語。打車、收快遞和外賣等重復類場景可以更快捷應對。

          「vivo 聽說」則是為線下對話場景而設。以前,我們有把語音轉換成文字的應用,也有把文字變成語音的應用,但「vivo 聽說」把兩個功能結合起來,因為這樣才是一個完整「對話」。

          點一下屏幕底部的「耳朵」,開始「聽」,實時將語音轉錄為文字。點一下旁邊的「鍵盤」,輸入想說的,讓文字「說」出聲。

          而且,「vivo 聽說」還能小框化,用戶可以一邊使用其它應用一邊「收聽」其他人說的話。

          以上就是2022年7月ISUX行業設計趨勢速遞,喜歡記得收藏轉發,以備不時之需查看。

           

          原文地址:騰訊ISUX

          作者:ISUX設計

          轉載請注明:學UI網》ISUX「七月」行業設計趨勢速遞

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


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


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




          一次教你16種宋體字的變化!

          seo達人


          (點擊圖片前往原文查看視頻)

          (點擊圖片前往原文查看視頻)

           

          如果不喜歡看視頻也沒關系,這里還有貼心的圖文版詳細過程,下面一起來看一下都是哪 16 種。(視頻中只有 15 種,最后一種是我臨時加上去的。)

          圖片

          開始我們今天的正題,逐一來講解一下。

           

           

          圖片

          宋體當中的筆畫美感是比較重要的,而如果對于字體沒有太多了解的話,是比較難刻畫出精致宋體筆畫的,所以我們可以對筆畫進行一定程度的簡化,當然主要是對于橫豎筆畫的簡化,全部做成直線的形態。

          圖片

          其次則是撇捺點的筆畫,可以簡化成一個帶有曲線的三角形,同時把邊緣處切平處理??雌饋頃啙崿F代。

          圖片

          這樣我們就得到了一組簡化過的筆畫,其實這一步主要的思路就是把筆畫處理的更幾何,自然也就更簡化了。

          圖片

          下面就可以用這些筆畫來進行拼字了,選擇思源宋作為結構參考。這里我把思源宋拉的瘦高了一點,大家也可以根據自己想要的感覺去自行調整。

          圖片

          最后,適當調整布局,兩行錯排,添加一些小文字進行排版即可。

          圖片

          這里結合最終的排版,添加了一點點連筆和筆畫延長的處理,后面會單獨講連筆的形式。

           

           

          圖片

          斷筆這一方式已經老生常談了,在字體設計中的使用頻率非常高,常規的斷筆方式大家應該都是會的,就是對筆畫與筆畫有接觸的位置進行斷開即可,那其實也可以嘗試斷開的更多一些,把所有接觸的筆畫都進行斷開。

          圖片

          當然這個方法也可以和簡化做同時使用,依然選擇思源宋墊底,搭建字形,這里我是拉寬了一些。

          圖片

          再來對整體進行斷開,還是相同的方法,但氣質完全不一樣了。

          圖片

          最后添加排版,這一組就完成了。

          圖片

          接著來看第三種方法。

           

           

          圖片

          這一方法有點類似于斷筆的加強版,只是略微有點不同,那具體做法就是把整條橫筆全部省略掉,只保留筆畫末端的修飾。

          圖片

          首先依舊是搭建結構,這一部分并沒有任何區別,大家可以自由的設定筆畫造型,以及筆畫的粗細,來達到自己想要的感覺。

          圖片

          下面就很簡單了,把字體中所有最細的橫筆給刪掉,保留末端的小三角特征即可。

          圖片

          最后也可以根據字義適當增加一點意境,我這里加了一些模糊效果。

          圖片

          這里稍微多說幾句,有些字并不能把所有橫筆全都省略掉,因為會比較嚴重的影響識別,比如日字,干字,等一些字里面只有橫豎筆畫的字,我們就不能對橫筆全部省略。

          圖片

          這種情況就要適當去保留一些橫筆了,根據識別情況,進行還原橫筆的多少即可,識別低就多還原一些橫筆,識別夠高則可以多省略一些的。

          圖片

          這兩個字真不是故意的,腦子里就只想到了這兩個字比較適合…

           

           

          圖片

          這也是一個非常好用,非常實用的方式,連筆,其實連筆的方法無非就那么幾種,最常用的就是根據手寫的習慣和規律進行連筆,再一個則是順勢而連,當然也有一些逆向連接和非常規的連筆手段,但那需要一定的積累和經驗了,今天我們主要談的就是基于手寫習慣這一方式。

          方法略有一些不同,首先我們要先根據墊底字進行畫草圖來嘗試可以做連筆的位置,以及連筆的造型。這里可以進行大量的嘗試,選擇整體看起來比較舒服的姿勢再往下做。

          圖片

          我們來稍微分析一下草圖,首先第一組是不太合適的,因為王字旁的變形過于繁瑣,我們再替換進宋體筆畫的時候,很可能會完全糊掉。

          圖片

          下面再來看第二組,連筆的走勢是沒什么問題的,但略微平淡了些,且少字的連筆形態不是很好看,所以可以作為備選項。

          圖片

          再來看一下最后一組,這一組是可行的,連筆的走勢比較飄逸,且王字旁的連筆并不是那么常規,所以可以用這一組來作為參考。

          圖片

          這里的筆畫設定的比較細,而且較為鋒利,因為想到玫瑰帶刺,少年也帶要帶點刺,所以做了一個這樣的設定,大家做不同的主題可以設定不同的筆畫粗細和細節處理。

          圖片

          接下來直接用畫好的草圖墊底拼字就可以了,這一組我也是把字拉的瘦高了一些,也是因為「少年」這個詞,如果是「玫瑰大叔」的話,可能我就會做的短粗胖一些了。

          圖片

          圖片

           

           

          圖片

          這一方法實際上就是結合了簡化和連筆的方式,但氣質還是有明顯的區別的。

          圖片

          這里在筆畫上我簡化的不算特別多,橫豎筆畫設定的粗細較為類似,撇捺點這一類筆畫在起筆和收筆處還是保留了一些角度,并沒有完全切平。

          圖片

          首先還是搭建結構,不管做什么變化,都要在結構穩定的基礎上去做,不然字體會越變越亂的,一直使用思源宋呢,是因為可以免費商用,即使改動不大也不用擔心版權問題,如果大家有基礎,可以選擇其他墊底字。

          圖片

          這里的連筆形式絕大多數都是基于手寫的規律而連接的,就不再重新畫草圖分析了。

          圖片

          最后再簡單排個版,加個英文和一點小裝飾即可。

          圖片

           

           

          圖片

          這一方法是比較簡單且很容易出效果的,常規的宋體結構很容易就看膩了,這個時候我們可以考慮用楷體的結構,但依然使用宋體的筆畫,最終效果就是下面的樣子了。

          圖片

          首先還是要稍微設定一下筆畫的造型,這種形式不用設定太復雜的筆畫造型,常規一點就可以了,因為結構并不是常規的宋體,所以設計感也并不體現在筆畫上。

          圖片

          下面選擇一個稍微正一點的楷體來墊底參考結構,這里我選的是華文楷體,然后拉高了一點。

          圖片

          這里也可以稍作一點變動,比如口字部分下方的橫筆替換成提的形式是比較常用的方法,愿字上邊的一撇延伸進下邊,從而省略掉橫筆的一部分,也有結合前面的一些知識點,大家可以靈活去處理。

          圖片

          最后簡單排一下就好了。

          圖片

           

           

          圖片

          共性這一概念之前有單獨開過一篇文章來寫,所以這里就不贅述太多了,簡單來理解,這里用到的共性就是筆畫上的統一,我們可以從一組字當中尋找相同位置,且相似或相同造型的筆畫,進行夸張處理,這樣就得到了一組有特征,但整體又很統一的字形了。所以我們還是得先畫草圖來尋找共性筆畫。

          圖片

          嘗試過后,發現這一組字當中,適合做共性筆畫的要么是撇的筆畫,要么是豎筆延長成豎撇的形式,像第一組,撇筆畫的位置在每個字當中并不是很統一,所以不是很好的選擇,而第二組則要好得多,維度壁字下邊是強行做的這種處理,有些不和諧,但整體來看是沒問題的,所以這里選擇第二種,延長豎筆。

          圖片

          下面還是老樣子,墊底,搭建結構,就完了,說實話寫到這我有點膩了,但還是要繼續寫下去,既然說了是 16 種,那就得整完…

          圖片

          正常搭建好結構后,就可以按照草圖階段的想法來進行延長筆畫了。

          圖片

          然后,排版,就好了。

          圖片

           

           

          圖片

          這個算是偏技法類型的方式了,毫無難度,一看就會,學了肯定不會廢。常規的描邊形式我們都會做,一鍵轉換就好了。

          圖片

          在這個基礎上,把筆畫的邊緣剪斷,然后做一點延長或是交叉的處理,這樣就能讓字體具備一定的形式和設計感了。

          圖片

          然后還是排版,字體其實不排版的話,大多數看起來都會比較單薄,而且字體單獨出現的情況也比較少,所以盡量還是要排一下的。

          圖片

          沒什么難度,幾下就完事了,很快,希望你們每次都這么快。

           

           

          圖片

          這個方法其實不算是設計字體的方法,更多算是字體的排列布局的方式,主要就是要對一組字做一些大小變化,從而讓整體看起來比較有節奏感。但這里要注意一個問題,字雖然有大小變化了,但筆畫粗細是不變的。

          首先我們要對所做的字進行大致的分析,哪個字應該大,哪個字應該小。一般來說,筆畫多的字我們可以做的大一點,筆畫少的字就做得小一點。

          圖片

          且上中下或上下結構的字則可以做的瘦高一些,左中右以及左右結構的字則做的寬一些。這是基于漢字的基本結構而有的規律,當然你也可以自己去設定規則。

          圖片

          那其實還有一個點需要注意,就是對齊的位置,要么是底對齊,要么頂對齊,要么居中都在一條水平線上,具體要看整體排出來的美感來選擇。

          圖片

          其實三種都是可以的,因為整體的節奏是沒問題的,“小大大小小”。這里我選擇最后一種居中對齊的形式,開始搭建字形。

          圖片

          可以看到,這里我也做了大量的簡化,甚至橫豎筆畫我都是用鋼筆畫的等粗線條…我承認偷懶了。所以這種方法可以與前面很多知識點相結合,能做出很多有意思的宋體字,最后排版也比較簡單。

          圖片

           

           

          圖片

          這個方法有點類似給筆畫加裝飾,但不需要那么夸張,我們只需要在正常字體的基礎上,對筆畫稍稍加一點改變就可以有不同的效果和氣質。

          圖片

          搭建字形的步驟我就不磨嘰了,還是一樣的方法,正常做完就這樣,雖然這里我換了一種形式的筆畫,但還是比較常規,沒什么意思。

          圖片

          在這一基礎上,稍稍對筆畫邊緣加入一點類似毛筆字拖出來的墨跡形式,整體就變得好玩多了。

          圖片

          這種小細節不一定要加在所有筆畫上面,大家可以選擇性的添加一些即可,全都加了反而無趣了,最后添加上排版即可。

          圖片

           

           

          圖片

          民國時期的美術字可以說是已經達到了巔峰,現在大家做的很多變化以及形式,有很多都是借鑒于民國時期,這里先稍微看幾個例子。

          圖片

          可以看到,變化形式非常豐富,S 形狀的筆畫,口字部分的變化,星星元素,幾何元素,各種連筆造型等。那具體做法也比較簡單,我們只要在正常搭建好結構之后,適當替換一些民國字的特征筆畫進來即可。

          圖片

          最后添加排版,雖然是借鑒了民國字的筆畫,但這里看起來并不老氣,還是非常好用的。

          圖片

          需要注意的是這里調整的更多的其實還是撇捺點這一類的筆畫,橫豎筆畫還是比較少做變動的。

           

           

          圖片

          虛擬連筆,實際上就是基于常規連筆的一個延展而已,只不過這種形式的適用范圍也比較廣。

          那做法其實就是用稍微細一點的線條,來勾勒出連筆的走勢而已,只帶出局部,并非真正的連接上。(ps:這個方法借鑒了岳昕老師的字。)

          圖片

          最后再加上偷懶式排版。

          圖片

          這里再稍微多說幾句,這里面的筆畫我是用鋼筆畫的兩種粗細的線條,而撇捺的部分采用的是豎筆粗細,然后用寬度工具把收筆的部分給拖窄一點就好了,也是個偷懶神器。

          圖片

           

           

          圖片

          常規的字體在視覺上看著都是比較接近正方形的,所以我們偶爾可以對字體的字面進行夸張處理,非常寬扁又或是非常瘦高,都會很直觀的給到視覺感受,這樣看著就比較陌生,那相應的也就有了設計感。

          圖片

          這個就不做案例了,調整完字面后可以和前面所有的方式做結合。

           

           

          圖片

          宋體的筆畫修飾一般都不會很大,所以當我們嘗試把這些修飾放大處理的時候,那設計感自然也就有了,放大特征的對象主要就是橫筆的末端,和豎筆的起筆或收筆處,當然也包括撇的起筆,甚至是連筆的特征都可以去放大處理。也是一個一秒就學會的方式。

          圖片

           

           

          圖片

          這也是一個專門開過一篇文章來講的方式,西文中用在宋體中的表現更為優秀,因為筆畫特征較為特別,且西文的數量極為龐大,具體做法就是通過拆分西文的筆畫,以提取出橫豎撇捺點等中文筆畫。

          圖片

          乍一看好像英文的最大特征并不能結合多少,這時候就要去思考問題了,像英文中的一些細線的變化非常相似連筆的形式,所以我們可以在中文當中去尋找一些可以做連筆的位置,來借鑒英文的特征結合進去。可以結合墊底字大致畫一下草圖進行嘗試。

          圖片

          不需要畫的很細致,自己能看懂就行,這組字可以做的瘦高一些會更能凸顯英文特征的氣質,所以我們可以適當調整一下,就可以直接開始拼字了。

          圖片

          還是很簡單的,大家只需要多注意西文筆畫與中文筆畫的契合度,以及把曲線刻畫的流暢一些就問題不大了。

          圖片

           

           

          圖片

          這里主要是對于古籍碑帖的一些提取與借鑒,相對來說要難一點點,我們先來看一下碑帖。

          圖片

          首先我們要做的就是提取筆畫,其實主要就是橫筆的造型要提取出來,其余的筆畫都可以通過橫筆來進行延展。那橫筆的起筆部分造型還是很好提取的。

          圖片

          其次是收筆,但這里的收筆造型并不容易提取出一個明確的造型,所以這里我直接就做成了最簡單的三角形。

          圖片

          其次就是對于豎筆的延展了,豎筆的部分我們可以直接把橫筆豎起來,這樣能最直接的保證筆畫造型的統一,相應的撇的造型也有了,至于捺和點的造型,使用正常宋體的造型就可以了。

          圖片

          下面直接把碑帖墊在下面使用楷體的結構,然后宋體的筆畫,和前面講到的宋楷結合是一個意思。

          圖片

          當然也可以把它改成正常宋體的結構,筆畫處理成平直的就好了,但結構上會有一些變動,大家可以參考字庫來調整視覺上的平衡。

          圖片

          這個方法的可塑性是比較強的,因為會涉及到比較多的主觀處理,下面我再放幾個之前做的這種類型的字。

          圖片

          圖片

          圖片

          圖片

          好了,那這期教程就到這了,我們下期再見,告辭老鐵。


          作者:猴子

          轉載請注明:學UI網》一次教你16種宋體字的變化!

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


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


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



          日歷

          鏈接

          個人資料

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

          存檔

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