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

          首頁

          15個優質加載動畫設計,讓等待成為一種享受

          seo達人


          1.Orb animation WIP

          設計師:Aleksey Tsvetkov

          亮點:神秘的煙霧特效

          這一款設計利用了加載動畫中慣用的旋轉圓環,再加上煙霧特效,讓整個loading動畫神秘而吸睛。而且,黑白的色彩搭配,更是強化了煙霧的效果,讓用戶不知不覺被動畫而吸引,從而忘卻等待的時間。所以,用戶體驗也是極佳的。

          因此,在你的Web或app加載動畫設計中,也可添加類似的煙霧效果,讓簡單常見的圓環,柱狀或條形動畫,也能脫穎而出。

           

          2.Loading Micro Animation

          設計師:Nick Buturishvili

          亮點:結合網頁產品特色

          作為一款專為酒類網站設計的加載動畫,設計師結合產品特色,將其酒類產品制作流程以動畫的形式展示出來,減緩用戶可能產生的負面情緒的同時,又能讓用戶更加生動直觀地了解公司或產品。

          所以,在你的動畫設計之中,也可結合產品,公司甚至品牌特色,添加產品制作流程,動態產品展示以及公司文化展示等等,留住用戶的同時,加深他們對產品,公司甚至品牌的印象,提升產品知名度。一舉三得,何樂而不為呢?

           

          3.Avanti e indietro loader

          設計師:Vitaly Silkin

          亮點:圖形的前后位置變換,加之漸變色彩的精彩應用

          這款加載動畫,集中采用了圖形交替變換位置實現動態變化,簡潔直觀。漸變色彩的使用也使整款設計,更加的美觀舒適。對于豐富用戶枯燥乏味的等待時間,也是不錯的嘗試。

          所以,在你的設計中,也可利用類似圖形左右,前后,上下等等位置依次變換的方式,同時結合發光,流體以及背景色彩對比之類效果,讓整個動畫兼具視覺效果和趣味性。

           

          4.Loading Screen Animation – Hourglass

          設計師:Makito Ninomiya

          亮點:形象的動態沙漏計時,以及文本與動畫的結合

          這款加載動畫,除了采用了更加形象貼切的動態插畫沙漏,拉近與客戶的距離。還選擇了動畫與文字的結合方式,安撫用戶的同時,也能盡量獲取用戶理解,實現與用戶的情感層面的交流。

          所以,在你的設計中,也可適當的采用一些微文本設計,獲取用戶共鳴的同時,也能提升用戶體驗。

           

          5.“bouncy” – B&W loading animation 9

          設計師:Lilian Tedone

          亮點:簡單的形狀,跳躍以及旋轉的完美結合

          整款設計簡潔清爽,舒適而不失趣味。簡單形狀,跳躍以及旋轉的完美結合,讓整個動畫設計更加靈動而富有感染力。對于減緩用戶等待時的枯燥乏味之感,效果也是立竿見影的。

          所以,在你的設計中,也可效仿這款設計,利用有限的簡單圖形,添加旋轉和跳躍等動效,配合顏色和陰影的變化,讓整個動畫設計簡單靈動,豐富多變,視覺效果也是絢麗吸睛。用戶體驗當然也不會差。

           

          6.Melting loader

          設計師:Vitaly Silkin

          亮點:巧妙的流體融化特效和發光特效

          這款加載動畫,采用了如水流動般的流體特效,給人以如冰融化般的視覺效果。同時,黑色背景與藍色的搭配,也使整個動態曲線具有了黑夜發光般的效果。著實有趣而極富特色。此外,曲線的無限延伸,對于平復用戶情緒,打發等待時間,也是不錯的策略。

          所以,在你的網頁或軟件加載動畫中也可采用類似的流體或水滴特效,利用背景與形狀的色彩的對比,制作出發光的效果等等,讓你的設計更加與眾不同。

          7.Loader of things

          設計師:UI8

          亮點:多層圓環嵌套以及3D立體效果的應用

          此款設計,采用了多層圓環嵌套,簡單而流暢。3D立體效果的應用,也使整個動畫更加直觀大氣。非常值得效仿。

          所以,在你的設計中,為增加加載動畫的吸引力,也可采用類似圖形嵌套的方式。當然,采用3D立體呈現,對于增強整框設計的視覺效果,提升用戶體驗,效果也是非常顯著的。

           

          8.Preloadeer Animation

          設計師:Rodetyo Prast

          亮點:可愛的插畫風以及與節日特色的有趣結合

          此款加載動畫不僅采用了美觀獨特的插畫風,而且還結合圣誕節主題,添加了極具圣誕特色的馴鹿作為其主體,可愛而富有童趣。 非常適合一些以兒童為對象的在線課程(尤其是繪畫),在線兒童購物以及類似兒童網站或軟件,制作一些圣誕專欄時,使用的加載動畫。

          所以,在你的設計中,也可適當結合各種節日元素,習俗,故事甚至經典人物,讓設計更加豐富多變的同時,也能使其極具趣味性和地方特色。

          當然,添加一些產品特色,也能讓設計更具獨特性??傊@些些設計切入點的使用在轉移用戶用戶注意力,減緩其因等待而產生的焦慮情緒,提升用戶體驗,效果也是極佳的。

           

          9.Loader Animation

          設計師:Burhan Khawaja

          亮點:多屏展示與色彩變化,以及旋轉動效的極佳結合

          此款加載動畫,不同于一般設計師慣用單屏展示各類動畫,以吸引用戶駐足的方式,而是采用不同比例多屏展示的方式,結合動態漸變色彩的應用,以及正反旋轉動效的對比嵌套,使整個動畫設計,華麗炫酷,優質吸睛。

          所以,在你的加載動畫中,也可采用多屏展示方式,結合色彩,旋轉以及形狀之類的動態變化,讓整個設計更加華麗而吸睛。

           

          10.Loading screen visual for app

          設計師:Nguyen Tran

          亮點:美觀而炫酷的科幻視覺效果

          此款專為iOS或Android手機軟件或網頁設計的加載動畫,采用黑色背景搭配淺藍色旋轉地球和進度條的設計,創造出熒光效果的同時,美觀時尚,又帶有科幻色彩。極具視覺效果。

          所在你的設計中,也可采用類似色彩的對比,動態進度條的添加等等,制造出科幻炫酷的iOS或Android加載動畫。

           

          11.Loading animation

          設計師:Alex Sailer

          亮點:快速旋轉與數值的變化設計,極大地提升了用戶體驗

          頁面加載時,用戶等待最不希望遇到的情況就是,加載頁面毫無變化,用戶在一片茫然中等待。而此款設計,正好抓住用戶這樣的心理,添加快速旋轉的色條和數值的變化設計,讓用戶直觀的感受到網站或軟件后臺正在飛速的運轉,處理相關問題。而且也易于用戶評估可能需要的加載時間,從而極大的提升了用戶體驗度。讓用戶有計劃,有目地等待。

          所以,在你的設計中,也可適當的效仿此類應用數值的變化,尤其是進度條與數值變化的組合,留住用戶,提升用戶體驗。

           

          12.U3D loading animation

          設計師:Alex Sailer

          亮點:動態展示正在加載地內容,配合背景顏色的變換,可愛,有趣且吸睛

          此款加載動畫,采用直接動態展示正在加載的網頁或軟件內容的方式,利用可愛有趣的sticker吸引用戶,而且根據不同sticker的主題色,相應變換背景色,也讓整個動畫更加多變而吸睛。非常有特點。

          所以,在你的設計中也可通過,直接展示加載內容的方式,激起用戶繼續閱讀或瀏覽的興趣,讓動畫更加的實用,而且視覺效果也會更佳。

          例如,在制作個人在線作品集網站的時候,加載動畫,就可直接介紹作者相關情況,動態展示一些作品的截圖或一些設計師個人的生活或工作照片展示等等,讓用戶獲得更多的信息,從而忘卻等待的乏味和無趣。

           

          13.Spinning Spiral Geometry

          設計師:Danny Perry

          亮點:色彩條的旋轉變換

          多色的色彩條旋轉本就十分炫酷吸睛,再結合多樣的旋轉方式,整個動畫設計就會更具變化,從而提升吸引力。

          所以,在你的設計中也可采用這種色彩條與旋轉的結合方式進行設計。讓你的設計更具特色。

           

          14.Loading animation icons

          設計師:Zach Roszczewski

          亮點:各類圖標的組合變換

          此款加載動畫,則采用簡單圖標的組合和變化,簡潔而不失趣味。

          所以,在你的設計之中,當沒有特別的設計點子時,直接選用軟件或頁面中的高頻使用的圖標,結合旋轉,色彩以及位置的變化,也可創作出極具特色的加載動畫。

           

          15.Glowing loading cube

          設計師:Graig Mederios

          亮點:采用產品或公司logo以及發光的效果,引起用戶共鳴

          此款設計,直接采用逐步構建產品或公司3D logo的過程,非常直觀而炫酷,對于加深用戶印象,提升產品或公司知名度,作用顯著。而且,直接使用其logo, 對于激起用戶共鳴,效果也是不錯的。此外,制作的發光效果,對于吸引用戶注意力也是非常有用的。

          所以,在你的設計中,也可結合產品或公司logo進行設計。

          總之,無論你是需要創建和設計,網頁,Android或iOS軟件加載動畫,希望這里羅列和分析的15款最新的Web和軟件加載動畫設計能對你有所啟發。

           

          Mockplus助你輕松快捷地創建,檢測和評估各類網頁和軟件加載動畫

          無論一款加載動畫如何炫酷吸睛,其終究只是Web或軟件界面設計的一部分,只有將其回歸到網頁或軟件之中,才能真正的檢測和評估其可行性和有效性。所以,作為設計師的你,急需一款即能夠幫助你盡快制作出Web或軟件原型,同時又能夠簡單快捷的將你的動畫GIF嵌入這些原型,并輕松快速地檢測和評估其實用性和有效性?Mockplus, 作為一款集設計和協作為一身的原型工具,不僅能夠助你快速的制作原型,更能助你更好的檢測,分享和評估各類網頁和軟件加載動畫:

           

          Mockplus助你簡單快速地制作加載動畫軟件和網頁原型

          1.利用MP封裝的強大項目和頁面示例,快速制作出能夠嵌入加載動畫的原型

          盡管,加載動畫需要嵌回到對應的軟件或網頁才能更加直觀準確的評估其功能,但并不意味著必須從頭一步一步重新制作相應的原型用以測試。事實上,Mockplus封裝了強大而豐富的項目和頁面示例,能夠幫助你簡單下載導入,即可根據需要改進所需項目原型,從而盡快的開始加載動畫功能的檢測和提升工作。

           

          2.利用MP強大的組件庫和圖標庫,輕松快捷地手動制作所需web/app原型

          當然,作為專業而嚴謹的設計師,希望能夠手動制作更加貼切優質的web/app原型,以求更加精準地檢測加載動畫的有效性和可行性?不用擔心!Mockplus提供的強大組件庫和圖標庫,快速靈敏的交互設計以及多樣的彈出窗口/頁面設置等等,都能助你輕松快捷地手動制作所需原型。此外,Mockplus許多新增功能,對于簡化設計過程,也是非常有效的。

           

          3.利用GIF組件直接嵌入加載動畫

          完成所需Web或軟件原型之后,你可以簡單的拖拽Mockplus的GIF組件,直接將需要的加載GIF文件添加到任何希望的原型界面或位置,簡單方便。

           

          Mockplus助你簡單便捷地測試和評估加載動畫的可行性和有效性

          1.8種測試和分享方式,方便盡快獲得設計師和用戶對于動畫的反饋

          Mockplus提供了8種多樣的測試和分享方式,方便設計師根據需要及時的測試和分享制作好的原型和加載動畫,從而更加快速的獲取設計師或用戶的反饋。

           

          2.團隊協作功能,對于設計師協作編輯和改進加載動畫效果也是極佳的

          希望通過團隊協作,獲得更多的設計靈感和建議?Mockplus提供團隊協作功能,方便設計師根據需要共同編輯和改進加載動畫。而且,其一鍵創建,同步和分享,通知審閱以及評論功能,對于設計師快速地實現原型加載動畫有效性和可行性的檢測和評估,作用也是極佳的。

          總之,無論你是需要盡快制作出Web/app原型,還是希望在原型中檢測和評估加載動畫的可行性和有效性,Mockplus都能滿足你的需求。

           

          結語

          加載動畫,作為設計師用于留住用戶的重要平臺之一,無論是一個小小的加載進度條,文案,按鈕,背景圖片,動效甚至色彩的選擇和搭配,都對增強web和軟件趣味性和獨特性,提升用戶體驗發揮著至關重要的作用。所以,在具體的設計中,設計師不僅需要將其看作與軟件功能和界面一樣重要的部件進行設計,同時也可結合網站,軟件產品特色,創建一個能供用戶暫時放松,娛樂甚至開懷一笑的場所或模塊。

          總之,無論設計師設計的初衷是什么,為設計和創建最優質的加載動畫,最好選擇一款最佳的原型工具(例如以上介紹的簡單快捷的Mockplus),以便將設計的所有細節快速地轉化成直觀可視的交互原型,切實地測試和評估,這款加載動畫設計能否達到你所期望的,甚至更好的效果。

          總之,希望這里介紹的15款最新優質加載動畫設計能對你有所幫助。

           

          原文地址:Mockplus

          作者:jongde

           轉載請注明:學UI網》15個優質加載動畫設計,讓等待成為一種享受

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          「北京2022冬奧會·阿里巴巴云展廳」幕后設計大揭秘

          seo達人


           

          ①數字冰雪

          在北京冬奧會的云展平臺上,我們打造了“阿里巴巴云展廳”虛擬展廳,用數字化的方式呈現冰雪與科技之美、鋪設競技與溫暖的賽道。
          1月25日,北京冬奧會倒計時10天之際,奧運史上首個云展廳“北京2022云展廳“正式上線,這是一個集奧運合作伙展示與線上趣味互動為一體的云聚合平臺,由阿里巴巴集團提供技術和運營支持,為公眾打造一個與奧運會零距離接觸的線上會場!

          圖片

          -展廳廣告圖

          同期,由阿里云設計中心和達摩院XR實驗室攜手制作的【阿里巴巴云展廳】也同步對外,借由虛擬現實技術,為觀眾呈現一個精彩紛呈的阿里冬奧線上空間。本次北京2022云展廳于1月25日上線后將一直陪伴公眾直至3月13日北京冬殘奧會閉幕。

           

          冰雪數化

          〇 空間質感

          在項目伊始,我們希望能在這次的項目中實現傳統虛擬展廳與沉浸式數字空間的平衡,在有效傳達信息的同時能讓用戶獲得耳目一新的體驗。因此在整體設計風格上,我們根據北京冬奧會的特點,在最初的設計基調上融入了冰雪、冰絲帶和戶外運動等元素,同時輔助溫暖的橙色、科技元素來展現阿里巴巴集團的品牌心智。比如,展廳的質感選擇上我們采用了冰雪、玻璃與金屬相結合的搭配;在造型上則會以幾何和曲線為主的簡潔構造來體現運動感與科技感;而在整個展廳的采光設計中,我們以偏冷的自然光為主,與隱藏于結構中的橙色燈光相輔助,共同營造了明亮干凈的視覺氛圍。

          圖片

          -空間質感設定

           

          〇 體驗設計

          同時在體驗設計層面,我們從冬奧會展廳面向的用戶角度出發,將展廳設計為線性的瀏覽方式,以此來簡化操作和提升體驗。用戶進入云展廳后,會依次經過【讓精彩每天出彩】、【云上奧運@北京2022】和【阿里巴巴以電商服務全球奧運粉絲】三個展廳,其中每個展廳都會通過轉場視頻來銜接,使得用戶的觀展體驗更加順暢。

          圖片

          -導覽路線圖

          這也使得我們在思考展廳的空間設計的過程中,將不同的展廳通過戶內外場景結合的方式依次連接在一起,這讓觀眾的動線更加順暢的同時,也使得展廳能夠更加通透自由和富有層次。

          圖片

          -空間設計總覽

          展廳1- 【讓精彩每天出彩】

          圖片

          -展廳1-初始視角

          圖片

          展廳1-室內場景

          圖片

          展廳1-室內場景

          圖片

          -銜接展廳一和展廳二的走廊

           

          展廳2 -【云上奧運@北京2022】

          圖片

          -展廳2-入口

          圖片

          -展廳2-虛擬轉播臺

           

          展廳3 -【阿里巴巴以電商服務全球奧運粉絲】

          圖片

          -展廳3 – 初始視角

          圖片

          -展廳3 – 奧林匹克官方旗艦店

           

          · UI設計

          除此之外,UI界面的設計上我們采用了2D與3D空間結合的方式
          1. 空間層-在3D空間中展示最關鍵的一級信息(圖片、視頻、標題性文字),讓用戶像真正線下逛展般沉浸游覽;
          2. UI層/內容層-在2D空間中通過醒目的標簽綁定3D空間中位置信息來展示次要的二級信息,用戶點擊標簽后可以看到該展位的詳情內容;
          1. 聲音層-為了配合UI視覺層的信息立體展示,我們植入虛擬人IP通過聲覺層穿插講解,給用戶打造聲光電立體沉浸的信息可視方案;

          圖片

          -多層級信息結構圖

          圖片

           

          -虛擬IP聲音層講解

          · 技術亮點

          相較于傳統三維全景展廳,我們本次采用了達摩院XRlab自研的三維渲染引擎,它強大的能力允許我們在視效和內容上做更多創新。在該引擎的加持下我們引入了基于真3D技術的虛擬云小寶講解員,它可以在不同展位間移動,為觀眾帶來生動的講解。我們也在本次展廳設計中引入更多動畫效果來豐富觀眾云逛展的體驗,例如虛擬轉播臺的設計。

          -亮點1 — 全景技術與動態真3D的結合

          針對本次展廳受眾群體,我們打造了一個“動畫引導+觀眾主動探索”結合的沉浸式展廳。觀眾進入云展廳后,我們會設置一個最佳視角的視窗來引導參觀流程。當觀眾準備進入下一個展廳時,視角將自動匹配到轉場動畫的第一幀,以此來達到順暢的觀展體驗。

           

          動畫引導+全景探索

          -主動引導型展廳結構

           

          最終線上發布的效果

          -PC端體驗錄屏

           

          體驗二維碼

          圖片

          -識別圖中二維碼即刻體驗

           

          冰雪之約

          全面體驗時代,數字世界,虛擬空間成為了商業數字化轉型的潮流和必須。
          阿里云設計中心的數字巡展產品致力于在虛擬/現實空間中運用最先進的表現技術對物理世界轉譯、重構,并進行沉浸式表現。不僅能有創造力地實現具有多元、豐富、有趣的視覺表現力的場景,還能用豐富的游戲化交互形式在保證趣味性的同時將信息準確傳達給用戶。
          借助2022北京冬奧會的舞臺,阿里巴巴為奧運打造首個云上展廳,將全景技術、真3D漫游、虛擬IP等前沿技術與創新設計結合形成全域XR綜合營銷體驗鏈路,未來也將會有更多的企業、商業場景等待我們的發掘和探索。
          數字巡展,虛實之間,沉浸生活。

          圖片

          -數字巡展產品海報

           

          過往案例

          -阿里巴巴云棲大會·互動導覽

          -阿里云金融峰會·云上數艙

          -達摩院數字展廳·云游達摩

          -人工智能實驗室線上展廳·云游AI

           

          原文地址:阿里設計中心(公眾號)
          作者:阿里設計中心
          轉載請注明:學UI網》「北京2022冬奧會·阿里巴巴云展廳」幕后設計大揭秘

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          【軟件界面設計】近期觀察到的 UI 設計表現技巧

          seo達人



          01、不一樣的優惠券疊加設計

          優惠券在電商購物場景中運用普遍,如何提高優惠券的關注度和使用率是至關重要的探索。特別是在多個優惠券疊加的場景中,如何在交互層面和視覺引導層面進行突破,作為設計師來說都在不斷嘗試新的解決方案。

          最近發現得物(毒)將多個優惠券設計成左右滑動的動效形式,方便用戶關注到更多不一樣的優惠券。將有效期設計成失效的倒計時,營造時間緊迫感,提高用戶的關注度和優惠券的使用率。

          [優化輸出圖像]

           

          02、突出品牌感的輪播 Banner 設計

          輪播圖在產品設計中較為普遍,以推廣營銷活動為主。除了在 Banner 設計本身進行創意發揮以外,在 UI 布局層面也是設計師探索的方向。

          得物(毒)在最近的一次新年活動中,利用品牌展示和輪播 Banner 相結合進行布局呈現,不僅突出活動主題,也強化了活動品牌的曝光度。除了自動輪播之外,也可以點擊品牌卡片切換,操作也是非常便利。Banner 底部卡片的展示也能讓用戶在當前視野中瀏覽到其他品牌,提高了更多品牌的曝光度。

          圖片

           

           

          03、多種分類下的輪播設計

          單輪播設計較為普遍,當我們遇到按照不同類別輪播類別內的內容時,如何處理好類別的樣式和輪播的呈現方式呢?相信這個設計解決方案是一個不錯的思路。

          網易云音樂 APP 播客欄目中,隨心聽 FM 除了卡片輪播以外,下方設計了音樂類別的選擇,模擬調頻場景設計,操作不僅非常便利,感官體驗也是非常不錯。背景顏色也會隨著類別切換進行微變化,帶給用戶非常自然的視覺過度。

          [優化輸出圖像]

           

           

          04、通過手勢拖拽隱藏紅點提示

          紅點效應從強迫癥已經開始過度到治愈期,不過針對信息列表較多的部分,紅點提示太多也是非常干擾用戶體驗的。

          在 MOMO 陌陌 APP 消息欄目中,如果你覺得紅點提示消息過多時,可以通過拖拽紅點隱藏顯示,無需挨個刪除或者閱讀。配合微動效的設計表現,帶給用戶非常流暢自然的操作體驗,借助手勢交互的設計提升用戶體驗。

          圖片

           

          05、右滑手勢探索新的世界

          手勢交互設計在產品中逐漸得到應用,可以在有限的空間里面探索更多的互動體驗,帶給用戶更加便利的操作體驗。

          最近研究手勢交互的時候,發現 MOMO 陌陌 APP 首頁右滑即可開啟新功能,探索新的世界,吸引用戶前往這個小宇宙去探索。

          圖片

           

          06、刷新設計的情感化表達

          把簡單的功能做到極致,把重復的動作做到更有情感化。想要抓住用戶的情感共鳴,就要在細微之處帶給用戶更有情感化的體驗。

          喜馬拉雅 APP 在下拉刷新時,不是固定的文案提示,針對這個動作設置了不一樣的文案提示。每一次刷新都會展示不一樣的文案,讓用戶感受到這是一個有溫度的產品,情感化設計的表達提高了用戶的情感共鳴。

          圖片

           

          07、融入春節元素的金剛區設計

          春節元素融入到 UI 設計中近期出現了很多案例,在金剛區圖標設計中的表現尤為突出,帶給用戶情感化的場景代入感。

          自如 APP 就將春節中的元素融入到金剛區的圖標設計中,帶來的感官體驗也是非常不錯的。運用到的元素涉及鞭炮、福字、元寶、紅包、糖葫蘆等等,結合中國紅營造出濃厚的春節氛圍。

          圖片

           

          08、醒目的引導提示設計

          針對新業務或者新功能的新手引導設計,有助于提高用戶對于內容的熟悉度,也能降低摸索學習的成本。

          記賬城市 APP 在打開應用時,會在底部彈出新增的一些功能或者交互玩法。通過俏皮可愛的卡通形象以對話式的形式傳遞內容,降低了用戶的學習成本,一目了然且不會形成對主功能區域的干擾。

          圖片

           

          09、用設計為北京冬奧會加油

          最近比較熱門的話題就是北京冬奧會了,各大品牌都在不同的渠道通過各種形式進行曝光,借助營銷策劃或者單純的加油祝賀,為北京冬奧會的舉辦增添色彩。

          高德地圖 APP 在地圖主頁添加火炬元素突出冬奧主題,點擊會展開“點燃昂揚斗志,中國隊加油”。保持當前結構的基礎上,通過元素的添加達到主題的突出,既不干擾用戶操作,也能通過情感化的設計與用戶產生共鳴。

          圖片

           

           

          10、游戲化的簽到積分設計

          簽到掙積分獲取相應的獎勵,在產品中較為常見,特別是電商類產品。隨著這種形式的普及,起初的新鮮感逐漸減少,有差異和創意的表達方式才能吸引用戶的關注度。

          得物(毒)結合游戲化的形式表達簽到和領取積分的設計,通過積分換取優惠券和禮品等。積分采用極光的形式表達,不足的情況下可以通過“找極光”獲取,激發用戶的參與度。

          圖片

           

           

          小結

          從感官體驗的角度體驗產品,總結了在 UI 設計視覺層面的解決方案,有助于提高 UI 設計師的視覺表現能力。對比相同功能的不同視覺表達,總結優秀的設計呈現方案,希望這個欄目可以帶給你更多幫助!

           

          原文地址:黑馬家族(公眾號)
           
          作者:黑馬青年
           
          轉載請注明:學UI網》【軟件界面設計】近期觀察到的 UI 設計表現技巧

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          【軟件界面設計】這個風格的詳情頁,我真的很喜歡??!

          seo達人


          艾美特官方旗艦店 丨 石墨烯取暖器 
           
          圖片
          圖片  
          圖片   
           
          圖片 
           
          圖片
          圖片圖片圖片圖片 
           
          圖片  
          圖片 
           
          圖片
           
          圖片
          ps:案例來源于網絡,僅做交流分享,侵權必刪  
            
           
          原文地址:三個小美工(公眾號)  
          作者:three  
          轉載請注明:學UI網》【軟件界面設計】這個風格的詳情頁,我真的很喜歡??!

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          量化用戶研究:可用性測試

          seo達人


          WHAT? 什么是用戶研究?

          用戶研究聽起來是個非常大的學科和話題,沒有具象的描述和切實的研究方法就顯得虛無縹緲,讓人有種霧里看花的感覺。用戶研究和用戶體驗一樣,在國外市場得到驗證、認可并被不同行業的企業所接受,而國內市場處于萌芽階段,只有部分行業的頭部企業對其有較為清晰的認知和應用。

          那么怎么定義用戶研究?首先,用戶研究的目的是了解用戶,對用戶有更清晰、具象的畫像,是一系列研究方法的概括型的名稱。聚焦互聯網行業,什么崗位的同學最需要關注和學習用戶研究方法?與用戶、數據打交道的崗位需要對相關用研方法和分析方法有不同程度了解和應用能力,例如,用戶研究員、市場研究員、數據分析師、產品經理、體驗設計師、交互設計師等等。作為體驗設計師或交互設計師,可以通過研究方法對用戶目標、需求和能力的系統研究,用于指導設計、產品結構或者工具的優化,提升用戶工作和生活體驗。

          圖片

           

          HOW? 怎么做用戶研究?

          研究中包含的用研方法有很多,可以根據實際場景和資源選擇適合的方法,目前常用的實用性、可操作性比較強的四大方法:可用性測試、網站訪客(埋點數據)、用戶調查、A/B Test。在設計過程中的每個階段,用戶研究是都需要做的工作,但很多時候由于工期較短,deadline在前,設計師在產品設計初期沒有辦法做到較為完善的用戶研究,那么這部分工作就會被延后,在驗證階段研究任務就會變得比較重,后期的優化對此依賴性也比較強??捎眯詼y試是設計師在驗證階段相對比較能貼近用戶的用研方式,在測試過程中通過觀察用戶行為,從即時的反饋中更容易獲得貼近真實的定性數據,用對話溝通的方式深度挖掘用戶遇到的問題,從而鎖定優化重點。

          圖片

           

          1、了解可用性測試

          1.1 可用性測試的優勢

          可用性測試是確定用戶是否完成目標的核心方式,它與其他用戶研究方法有許多相同的測試指標,并且能夠得出較多可用的定性數據,可以收集的數據類型也比較多,例如,完成率、出錯數、任務時間、任務水平的滿意度、測試水平的滿意度、尋求幫助的次數和可用性問題清單,這些數據極大的便利了后續的分析工作,幫助多維度的判斷產品的狀態、用戶的滿意度、體驗問題等等。

           

          1.2 可用性測試的類型

          可用性測試可以分為兩種測試類型:形成性測試(Formative Test)和總結性測試(Summative Test)

           

          1.形成性測試:主要作用于查找與修復可用性問題,提供及時反饋便于改進,是設計師重點參與的測試類型

          • 通常以小樣本量的定性調查
          • 數據以問題描述和設計建議形成輸出
          • 采用頻率和嚴重性為指標量化問題,追蹤那些用戶用到什么樣的問題,衡量完成任務時長,并判定他們是否成功的完成任務等

           

          2.總結性測試:用指標度量可用性,用來評估效果,其中又分為基準測試和比較測試

          圖片

           

          1.3 可采集的數據

          樣本量:通常大于30,當數據量小于10可通過統計學方法計算得到有效統計分析結論

          代表性:樣本能夠代表預期要描述的用戶群,若存在不同用戶群組中有重要差異因素的使用分層抽樣(Stratified Sampling)的方式

          隨機性:考慮所有重要變量,設計理想樣本,合理合并用戶群組

          測試數據:現場/遠程測試,觀察記錄用戶用戶行為,與用戶互動深入挖掘問題

          完成率:即成功率,完成=1、失敗=0,完成率=完成任務用戶數/用戶總數

          可用性問題:根據問題出現的頻率和影響程度評估嚴重性、優先級

          任務時間:任務完成時間、直到用戶失敗所用的時間、任務總時間

          出錯數:嘗試任務產生的無意識的出錯數量,診斷失敗原因,預判可能出現的場景

          滿意度評分:使用標準化可用性問卷,回收數據計算得出

          復合分數:復合型總結可為用戶體驗提供更好的總體描述

           

          2、可用性測試問卷

          經過長期的研究和市場驗證,目前已沉淀出很多標準化的可用性問卷,不同的問卷的評估針對性不一樣,可以滿足大部分用研需求。使用標準化的問卷是因為這些問卷是經過大量的使用后驗證校準后產生的,是被認可具有通識性的衡量標準,這些問卷都具備客觀性、重復性、量化、經濟、溝通、科學的普適性的優質屬性。

           

          2.1 標準化的可用性測試問卷

          問卷類型主要可以分為以下兩大類:

          圖片

          列表中的問卷大部分是需要繳納一定的費用后才能使用,但其中系統可用性整體評估問卷、軟件可用性問卷、場景后問卷是標準可用性問卷中可以免費使用的。應用廣泛且被專家推薦的測試問卷是:軟件可用性問卷主要針對系統或功能進行整體評估,問題設計精煉清晰,使用快捷方便;單項難易度問題追求的是心理測試的簡單和適用性,有5分和7分制,7分制的可靠性更高;主觀腦力負荷問題是在線測試,靈敏性更好。綜合評估下,軟件可用性問卷(Software Usability Scale,SUS)是設計日常中最合適最經濟實用的測試問卷。

           

          2.2 軟件可用性問卷(SUS)

          軟件可用性問卷是可用性測試結束時的主觀性評估問卷,應用廣泛,測試后該問卷使用占比約43%。整個問卷共10題,每題為5分制,奇數項為正面描述,偶數項為反面描述,可以通過修改問題文案聚焦測試范圍;如有需要可以將偶數項的問題調整為正面描述,但數據驗證調整為正面描述的問卷結果與包含負面描述的問卷差異不大,不影響問卷的測試結論。在完成測試任務后,用戶需快速完成各個題目,不進行過多思考,若用戶因某些原因無法完成其中某個題目,則視為選擇中間值。

          圖片

           

          2.3 可用性、易用性抽取

          問卷整體可以抽取部分題目作為子測量表來作為單獨的問卷有針對性的進行可用性和易學性測量,可用性由問卷中1-3、5-9題構成,易學性由問卷中4、10題構成。研究表明使用子測量表對量表的可信度的減低可忽略不計(0.92  → 0.91),并且使用子測量表可減少答題時間。

           

          2.4 分值計算

          得分計算:范圍在0-4,每題進行轉化分值;奇數題(正面):原始分減去1,(x-1);偶數題(負面):5減去原始分,(5-x)

          • SUS總分= 所有轉化過的分值相加 * 2.5, 多樣本算SUS總分均值
          • 可用性總分=所有轉化過的可用性分數相加*3.125
          • 易用性總分=所有轉化過的易用性分數相加*12.5

           

          3、統計學描述方法

          可用性測試因為耗費時間較長,能夠參與測試的用戶資源稀缺,回收樣本量小能夠收集到的樣本量一般會比較小。樣本量小的情況下這個樣本量所能概括的整體是范圍比較大的,會存在較大誤差,那么在較為嚴謹的報告中,可能需要對所得分數和除測試樣本外的分值預期進行描述,這時候會涉及到統計學中常用的描述方式,即通過置信度及置信區間來描述,根據置信區間的下邊界看軟件是否低于行業標準。

           

          3.1 相關概念

          置信區間是指在一定概率下包含樣本位置總體參數的這部分數值區間,通過計算置信區間來描述測試結果的概率。置信區間寬度和樣本量之間是一個逆平方根的關系, 樣本量越小,誤差越大,未知樣本數據可能所在的區間更大。

          置信度就是說,你測得的均值,和總體真實情況的差距小于這個給定的值的概率,應該是1-α;換句話描述,即我們有1-α的信心認為,你測得的這個均值和總體的實際期望很接近了(測得的均值就是總體期望是很草率的,但是說,我有95%的把握認為我測得的均值,非常接近總體的期望了)。研究員可以選擇0%-100%之間的任意數值的置信度,通常設為90%或95%(最常用)。

          臨界值是在原假設下,檢驗統計量在分布圖上的點,這些點定義一組要求否定原假設的值。

          圖片

           

          3.2 置信區間計算

          置信區間= (樣本平均值-誤差幅度)~(樣本平均值+誤差幅度)=(x -(x- μ))~(x +(x- μ))

          • x = 樣本平均值
          • 誤差幅度=臨界值*(樣本標準差/樣本量的平方根),即:(x – μ) = α* (s / sqrt(n))
          • α=臨界值(Excel函數=TINV(1-置信度,樣本量-1))
          • μ=被檢驗的基準值(行業標準)
          • s=樣本的標準差(Excel函數=STDEVP(N1,N2,..))
          • n=樣本量

          tips:臨界值可以通過所設置信度和樣本量在t分布表中查找相應的值

          圖片

           

          3.3 可用性測試策劃應用

          在做可用性測試前,需要進行很多準備,過程中也需要記錄很多相關的信息,初步嘗試的設計師可以參照以下步驟完成可用性測試的整個流程:

          • Step1: 確定調研目標(目的、用戶、時間、環境)
          • Step2: 確定測試任務(任務內容、測試方案、SUS問卷地址),任務內容可以通過抽取用戶體驗地圖(User Journey Map)流程中的觸點設計,保證流程的完整性和任務的關聯性

          圖片

          • Step3: 引導測試用戶完成可用性測試,過程中記錄測試時間、用戶遇到的問題、發生的頻率等等,記錄類型可以根據測試測中點進行記錄

          圖片

          • Step4:  用戶填寫SUS問卷,回收問卷分數進行計算,得出SUS分數、可用性分數、易用性分數的均值作為本次測試的結論

          圖片

          圖片

          • Step5: 作為補充,可以計算SUS樣本分數的置信區間,預期未被測到的目標用戶對產品的評分可能落在的區間,區間下限可橫向對比,看是否低于行業標準。可以描述為“樣本分數標準誤差約=5.34,置信區間為63.78~69.12;有95%的把握認為測得的均值接近總體期望,未測樣本分值將落在63.78~69.12之間,符合行業標準預期”。
          • Step6: 通過測試過程中觀察用戶行為,探討用戶提出或下意識忽略的問題,并進行問題的記錄和分類
          • Step7: 用戶訪談記錄問題進行解析,對問題的嚴重程度進行評級,選出問題較多的部分并提供可能的解決辦法進行優化

          圖片

          • Step8: 根據以上結論對測試進行總結性分析

           


           

          原文鏈接:酷家樂用戶體驗設計(公眾號)

          作者:藜漫

          轉載請注明:學UI網》量化用戶研究:可用性測試

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          如何又快又好地設計B端表單?先學會這些表單設計樣式

          seo達人


          基礎表單 

          平鋪所有需要填寫的信息,適合內容項較少、內容項無法按照相關性分組的表單。

          圖片

           

          分組表單 

          單次任務的表單頁中需要填寫內容眾多,且不同內容之中存在一定可分類歸納性。

           

          1) 標題分組

          表單項較多(超過了7個設置項)的情況下建議分組,分組標題能夠引導用戶完成表單填寫。但分組內設置項要有強關聯性,否則不能歸為一組,不能因為字段多為了分組去分組。

          圖片

           

          2) 卡片分組

          7-15個設置項,用標題分組不足以給信息做層級區分,為了讓用戶在操作時更聚焦,同時也需要給用戶更明確的操作引導,即可使用卡片分組。

          卡片分組之間關聯性更弱,分類更明確,多個設置項,多個分類。

          圖片

           

          3) 基礎分步表單

          如果每個組之間有邏輯先后順序,那么推薦使用分步表單,利用步驟條告知用戶完整流程和進度。

          通常在最后提交前讓用戶再次確認信息,并在流程結束給與明確的結果反饋。適用于具有明確的線性邏輯的任務和用戶在操作完成后就不再參與的復雜表單。

          圖片

           

          4) 標簽分組式表單

          如果每個組既沒有邏輯先后順序,也沒有關聯性時,推薦使用標簽分組,適用于表單內容過多,為減少加載時間將表單分頁展現的情況。

          圖片

           

          高級表單 

          1) 動態增減

          建議條目表單數≤3項,并且每個輸入框不需要單獨的標題使用。

          圖片

           

          2) 可編輯表格

          建議條目表單數2~5項時使用,以使得每行內容可被完整呈現。

          圖片

           

          3) 折疊面板編輯

          建議條目表單數在6~8項時使用。

          圖片

           

          4) 規則樹

          應用于規則編輯場景。適用于頁面中需要添加一個或多個對象,且每個對象都需要添加或編輯多組數據的情況。

          圖片

           

          5) 語句式表單

          讓用戶在預設的結構來完成語句,常用于設置、編輯規則類表單,表單讀起來更友好更人性化。

          圖片

           

          最后 

          希望通過前兩部分表單內容的學習,能讓大伙對B端表單有一個初步的認識和理解。

          在表單設計的第部分,將會為大伙分享實操性的方法來提升表單體驗,并能夠運用到實際工作中。

          如果想學習更多關于「B端表單設計」的內容,記得及時關注接下來的文章推送。

          慢慢來比較快,如覺得有幫助,請關注公眾號,點個贊&在看,謝謝!

           

          原文地址:Clip設計夾(公眾號)

          作者:Cassie

          轉載請注明:學UI網》如何又快又好地設計B端表單?先學會這些表單設計樣式

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          你的擬人化LOGO真的應該再有趣一點

          seo達人

          咕嚕嚕

           

          圖片

           

           

          昨天晚上又夢到出去旅行了,是的,作為一名底層設計師,這已經是我連續工作的第 29 天,沒辦法,在如今這個內卷嚴重的時代,想要吃得飽,吃得香,總是需要舍掉一些類似于毛發的東西。
          如果不出意外,今天又是上班的一天,日復一日,再復一日,不知休息為何物。正當我打開電腦準備開干的時候,手機收到一條消息。  
           

          圖片

           

           

          不知道你們 tu 沒 tu,反正我是 too 了,雖然略微惡心,但是這突如其來的幸福感還是填滿了我的身體。我想做點兒什么事情來慶祝一下,思考了一陣子,我慌了,因為我不知道該干啥了……長期的做圖已經填滿了我的生活,好的,不掙扎了,我們做個 logo 慶祝一下吧……
          由于此刻我的心中只有給我發消息的猴子哥哥和他帶給我的滿滿幸福感,所以我們就做個猴子比心的 logo 吧,話不多說,開整!  
           
          圖片  
           
          我們先去網上找一堆猴子的卡通形象參考,目的不是為了直接抄他們的,而是看一下猴子的形象特征是什么。  
           
          圖片  
           
           
          我們可以看到猴子的基本特征就是臉部的兩個圈圈組成的一個類似于屁股的造型,我們先提取出來最基本的造型,正好這個造型可以由心形替代,我們優化一下。 
           
          圖片 
          然后我們去網上找一下比心的常規動作,好像應該差不多就下面兩種,我們選擇左邊肢體動作更豐富的。
          圖片
          好了,我們把剛才我們畫好的頭部直接安到我們找的這個圖片上,直接圖形化出來!我們盡量處理的幾何化一些,這樣圖形感更強烈。
          圖片 
           
          動態畫好之后還缺少面部表情,我去私聊猴子哥哥他昨天晚上過的怎么樣,他扔給了我一個非常隱晦的表情包,好吧,就他了。同理表情的處理也不要過于復雜,能用圖形代替的就用圖形代替。
          圖片
          畫到這里肯定是還差點意思的,有很多地方都缺點兒東西,比如下面部分切割的太生硬,身體部分空間太大,缺少一些點睛之筆,我靈光一閃,突然想到他為什么給我發那個表情,好的,有床,有制服,安排! 
          圖片
          像這些輔助小元素肯定不能畫的太具體,否則會影響整體的形象,所以我們把床簡化成了一個橢圓,制服的話直接簡化成一個小領結點綴一下即可,加上排版,我們看下成品。
          圖片
          發給猴子哥哥看了之后他很滿意,也很開心,但是同時提醒我別再做圖了,那么好吧,我試試離開電腦……  
           
           
          圖片 
           
          掙扎了一會兒,準備起床收拾一下屋子,但是真的是太亂了,衣服、襪子、碎發、衛生紙群魔亂舞,無從下手……沒辦法,我太懶了,最終還是決定叫一個家政服務來幫我收拾一下,等待的時候突然想起了最近在回看的哈利波特,里面每戶魔法家庭都會有一個小精靈幫忙打理家事。  
           
           
          圖片  
           
          我相信每一個設計師都有一個巫師夢……算了,這輩子是不能擁有了,我們就用小精靈擬人化一個家政服務形象來做一個 logo 吧…… 
          圖片
          我們找到多比小精靈的高清無碼照片,先看一下他的特征點是什么。 
           
          圖片  
           
           
          我們可以看到他的最強烈的特征點就是大大的耳朵,只要把耳朵畫的大,再搭配一個好看的臉型,小精靈的形象就出來了,我們先按照圖里的基本形象畫出來,然后注意不要完全和你的參考一摸一樣,否則很容易就會陷進去。 
           
          看下面的圖,我們甚至改變了耳朵的走勢,但仍然沒有丟失小精靈的基本形象。 
           
          圖片 
           
          確定了頭部基本形象之后,我們就可以對他進行擬人化動作提煉了,前面我們擬定的方向是家政服務,但是我找了很多掃地的圖片,動態都非常普通,畫出來肯定效果不好,于是我們轉換思路,只要有掃帚的話,不一定非得是掃地吧? 
           
          腦子不知道為什么不自覺地閃現出陳學冬「哈利波特騎著掃帚飛」,行~那就讓我們的小精靈像哈利一樣騎著掃帚吧。 
           
          圖片 
           
          找到比較合適的參考之后,我們用頭部替換大法,按照參考把基本的動態畫出來,由于這個動態比較有標志性,我們最好不要畫的和他一摸一樣,否則很容易被說抄襲,我們可以更改一下方向,然后不騎著掃帚,拿著就行,順便把上面的手比個耶。
          圖片 
           
          OK,基本的形態畫好了,我們找一個大眼睛的開心表情給他加上!
          圖片  
           
           
          畫到這里我們可以看到,雖然整體是挺好看的,但是和我們擬定的家政服務行業好像并沒有什么關系……
          沒關系,我們用空間彌補大法,將空間不合理的地方添加一些簡單的行業相關元素。 
          圖片 
           
          有了這些點睛的小裝飾,也就有了家政服務的感覺,ok,定稿,看一下成品。
          圖片
          這時候,家政小姐姐來了,我把這個 logo 給她看,說你看我畫的你可不可愛,她看了看我,又看了看手里的掃把,問我:家里有刀嗎?  
           
           
          圖片  
           
          一番折騰之后,終于出門了,路過了一家銀行,門口寫著存定期送 iPhone13,好家伙,這便宜能不占?我自信滿滿的拿出我的 8 看了看微信余額,嗯,手機一點兒也不卡……  
           
           
          圖片  
           
           
          里面的銀行接待員看我過門而不入,熱情的告訴我現在存定期可以換 13 ?。∥艺f我知道啊,我不缺手機啊……扎了一萬個心,害,這時候我特想擁有一只嗅嗅(來自電影神奇動物,它會把一切閃閃發光的金銀珠寶裝進自己的口袋里然后然后帶給你……發家致富小能手呢?。?nbsp;
           
          圖片  
           
           
          他看我眼神發光有點冒口水,再次問我真的不來拿個手機嗎……沒辦法,太熱情了,進去看看吧。叫了號之后慢慢的等待,閉眼一思,嗅嗅對我那么好,我要給他畫個 logo!
          圖片
          和之前一樣,我們還是先觀察一下嗅嗅的基本形象特征。    
           
          圖片  
           
           
          大腦袋,鴨子一樣的長嘴以及毛茸茸的身體,ok,我們按照之前的思路畫一下。 
           
          圖片 
           
          面部定好之后我們接著給他找動態,我們觀察一下銀行里面標準服務禮儀姿勢,相比較右邊比較正式的姿勢,左邊伸出一個手服務的動態更生動形象。
          圖片
          定好動態,我們就把頭安到里面,然后畫一下大概的姿勢,接著進行優化,注意最好畫的圓圓可愛一下,否則丟失了卡通 logo 的特點。
          圖片 
           
          和之前一樣,我們針對于空間較為空曠的身體部分加入行業特征,給嗅嗅穿個小襯衫。
          圖片  
           
           
          我們需要注意的是畫行業特征部分的時候也要結合 logo 整體的感覺來刻畫,像襯衫的領口一般都是比較堅硬立體的,我們也可以處理的圓滑一些。
          圖片
          好了,終于到我的號了,銀行柜員熱情的問我要存多少錢,我決定反將一軍:你看我這個 logo 值多少錢… 
           
           
          圖片  
           
          不瞞各位,作為一個資深五迷老師,一直以來就有一個搖滾文藝青年的夢想,咱就是說也就是設計方面的才華實在太過于突出,要不然早就搖……餓死了。
          好的,雖然夢想很豐滿現實很骨感,但是吉他班是沒少報,正好今天有時間,就去上一下吉他課吧!  
           
           
          圖片  
           
           
          事實證明這一塊的飯確實不好吃,雖然我比較笨,但是老師還是經常鼓勵我:你要是能學會,豬都能上樹哦!哇你這彈的,真的和豬一樣!這么長時間了,就算你是頭豬,也應該會了吧! 
          ……
          好吧,你可以罵我,但是你不能罵豬啊,既然這樣,那就做一個豬彈吉他的 logo,讓他知道什么天外有豬! 
           
          圖片 
           
          設計思路和之前的一樣,就不過多啰嗦了,老方法,先去找一些豬的形象參考。
          圖片 
           
          然后根據你自己的喜歡去改變他的造型,只要不影響識別性就好。 
           
          圖片 
           
          豬豬畫好之后,我們去找彈吉他的姿勢參考。
          圖片 
           
          根據參考我們先把頭按上,然后畫出基本的身體走勢,可以稍微改變一下參考的方向,做的更有趣味一些。
          圖片 
           
          畫好之后我們再去填補一下不太舒服的地方,該刪減的刪減,該增加的增加,甚至可以給他加一個小星星,代表搖滾巨星。 
           
          圖片  
           
           
          畫到這里看似可以了,但其實還是可以有優化的地方,俗話說,沒有舞臺就沒有巨星,我們給圖形增加一個淺色圓形背景,使形象更整體更生動,這里可以把豬的部分五官突出出來,不至于太呆板。 
           
          圖片
          圖片 
           
           
          我拿著這個 logo 去給吉他老師看:“這個 logo 就送你了,以后你拿著他告訴大家,我們吉他社,就算是豬,也可以學會!”老師覺得很有道理,高興之余就把我的學費免了!
          你看,還是做設計香吧,什么夢想不夢想,有飯吃才是王道呀……  
           
           
           
           
          圖片  
           
           
          這一天整的,光做圖了……不行不行,得搞點兒娛樂項目?。?,掏出手機,把朋友們約出來搞幾盤狼人殺!
          圖片 
           
          不得不講這個游戲真的太費朋友了,玩的太次不行,沒兩下游戲就結束了,大家會罵你是個坑比,玩的太好也不行,大家說沒看出來你小子原來心機這么重……被搞了幾局心態之后,我決定還是回到自己的舒適區,做個 logo 吧……
          你看,別說你沒有思路,或許你此刻正在干的事情就可以作為一個方向呢? 
           
          圖片 
           
          這個游戲的精髓就是狼人的反復橫跳和偽裝,那我們的思路就是以狼為基本形象,給他做一個反復橫跳的動態,再加一個人的面具,可以可以,老方法,先找一波參考。 
          圖片 
           
          然后我們根據參考找到狼的基本特征,把臉部畫出來,并給他套上一個面具,wow,人性的陰暗面起來了呢。 
          圖片  
           
           
          好了,我們來找一下反復橫跳的動作,說是反復橫跳,其實就是跳躍就好啦,我們找一個不是特別夸張但肢體還算豐富的圖片。
          圖片 
           
          參考墊底,把頭安上,畫出基本動態,然后就是根據這個動態走勢將狼的身體部分畫出來。
          圖片
          光是這樣肯定還是不夠的,手單純的這樣舉起略顯癡呆,既然是帶有懸疑感的游戲,我們就讓他拿個放大鏡吧,正好把空間填補下。 
          圖片 
           
          好像是可以了,但是能不能再豐富一下呢,讓他更貼近狼人殺這種年輕人群體的卡牌類游戲的感覺,我們再根據一些空間可以填補的地方,增加一些細節。
          圖片 
          填補完空間之后可以看到,雖然沒加動效,但是整個 logo 感覺動起來了,反復橫跳的感覺也有了,這就是填補空間的魅力嗎!
          其實這些操作目的就是為了使圖形更整體的同時更貼近我們所設定的行業。
          圖片 
           
          不知道為什么,這個 logo 畫完之后,大家覺得我心機更重了……  
           
           
           
          圖片 
           
          累了一天,終于到深夜了。相信大家都已經馬上準備睡覺了吧,太好了,我終于可以開始看書學習了。

           

          好吧,確實是有點裝 13 了,要是真能看進去,那至于現在還在干底層設計嗎!真的,這個社會誘惑太多了,現在還能堅持每天看書的真的都是怪物吧,嗯?怪物看書?
          wc?!為什么靈感又來了呢……那就做吧……
          圖片
          設計步驟和之前講到的案例都是一樣的,我們不多說,直接開整,這次我們不先畫腦袋了,直接把參考拼湊在一起,然后畫一個草圖。
          這里我們嘗試用正負形的方法去設計,具體設計方法可以去回看之前的正負形教程。 
           
          圖片
          有了草稿就更好說了,我們直接標準化制圖出來就好啦~
          圖片
          我們在畫毛發的時候一定要注意它的一個走勢節奏感,而且不要畫的太多,切記它只是一個點綴。
          圖片
          果然還是做設計帶來的滿足感令人舒適呀,比看書什么的容易多了,好了好了,可以準備入睡了! 
             
           
          圖片 
           
          如果你想問不是睡覺了嗎怎么還有案例,那你就忽略了作為一個設計師最終的歸宿是什么了,你的客戶會讓你這么輕易的就結束這一天嗎?
          這不……他來了……
          相信大家并不會產生同情心,因為基本上每個設計師都經歷過吧……沒辦法,上帝發話了,除了起來接著肝,還有什么辦法呢?
          帶著一萬個不情愿的情緒,2個小時后,終于搞完了,然后…… 
           
           
          ????????????????????
          在電腦前靜靜地發呆了 5 分鐘后,我冷靜下來了,作為一個設計師,這件事情不是很正常嗎?忘記保存很丟人嗎????好像是挺丟人的……理性地講,遇到這種事不要怪你的軟件和電腦,只能怪你自己。
          好吧,事情已經發生了,不如看的開一些,化悲痛為靈感,我們常把自己比作設計獅,就做一個獅子愛做設計的擬人化吧…… 
           
          圖片 
           
          我們按照前面講到的設計步驟找一些獅子的卡通形象參考,然后用幾何化的形式給他畫出來。 
           
          圖片  
           
           
          那怎么能表現出愛做設計呢?一般容易傳遞出愛的動態就是擁抱了!我們把 PS 拿過來,簡單的給他畫一個擁抱的動作(下圖左)但是這樣單純的抱著它似乎并不能體現出我們對于設計的熱愛之情,不如我們把腳也畫上,四肢都抱著它,這個姿勢(下圖右),就挺舒服! 
           
          圖片 
           
          ok,我們把它圖形畫出來。
          圖片 
           
          又到了填補空間的時候了,我們如果把 PS 放上去,那似乎又對 AI 不公平了,我們應該雨露均沾,既然實在選不出要放啥,那就放個問號吧,同時我們把獅子的尾巴也加上。
          圖片
          圖片  
           
           
           
          有了這個 logo,以后軟件應該就不會崩潰了吧?
          算了,繼續給客戶改圖吧,最后,讓我們把「我愛設計」打在公屏上…… 
           
           
          圖片
          圖片  
           
           

          設計步驟:

          1.確定基本的形象和擬人化的方向;
          2.通過參考來提取形象的基本特征和賦予的肢體動態;
          3.圖形化處理;
          4.加入簡單的行業元素填補空間;
          5.細節刻畫及配色排版。  
           
           

          總結:

          其實擬人化的 logo 創作思路真的很開放,它可以是你生活中遇到的一些事情,看到的一些事物,都可以積累起來當做你的素材。
           
          我們在設計的時候只需要按照上面案例中所講到的步驟,先把基本的形象和繪制出來,然后去把形象直接安放到一個合適的動態里面,最后添加一些行業元素豐富一下空間就可以了。
            
           
          但其實很多同學在設計的時候都容易畫的和參考太像了,我們在刻畫的時候只需要抓住形象的基本特征點即可,其他的地方都可以自己快樂的發散來做,這才是設計的有趣之處嘛!
          希望大家不要過度依賴參考,多多的去發散自己的思維,做出有趣生動的擬人化 logo!
          好了,真的要睡了,設計師的假期,也可以過的很精彩呢……感謝大家聽我啰嗦,晚安朋友們。

           

          原文地址:胡曉波工作室(公眾號)

          作者:告白天

          轉載請注明:學UI網》你的擬人化LOGO真的應該再有趣一點

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          形狀跟設計有關系嗎? 有關系

          seo達人


          四個等距離圓點用線相交形成的正方體為四邊形。
          圖片 
           

          以點為中心,以直徑為距離旋轉一周所形成的封閉曲線叫做圓,也是中心對稱圖形。

          圖片

          這些形狀本身并沒有什么含義,但跟設計有關系嗎?

          有關系。 

           

           

          圖片

           

           

          同一張圖片正方形的視覺看起來穩固,但視線卻不容易有著重點,顯得呆板沉悶。

          圖片

           

           

          16:9的長方形能讓觀看者有沉浸的體驗感,視線也顯得寬廣,符合人眼的生理需要。(人的眼球視野基本是橢圓形,兩個橢圓形相加從中裁出的矩形就是16:9的長方形,更符合觀賞)

          圖片

           

           

          這也就為什么在生活中數碼設備、影院熒幕、書本、海報的大部分尺寸都以長方體為主的原因。

          圖片

           

           

          而圓形雖沒有長方形的視線寬廣, 但卻有著獨具一格的聚焦特點,能讓視線完全集中在圖形內部,體現出一種東方特質的藝術美感。

          圖片

          圓的使用場景不僅與生活息息相關,例如湯圓、剪紙、圓桌、太極、建筑等有關。

           

          「在東方」

          「在中國」

          更代表著團圓與美好寓意

          圖片

           

          二十四節氣「以圓為形,以氣為本」

          中國傳承千年的優秀文化

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

           

          原文地址:修先森撩設計(公眾號)

          作者:修先森

          轉載請注明:學UI網》形狀跟設計有關系嗎? 有關系

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司




          UI 場景下的春節氛圍設計

          seo達人


          目錄

          一、應用圖標設計

          二、金剛區圖標設計

          三、底部標簽欄設計

          四、導航欄設計區域

          五、頂部視覺區域

          六、背景氛圍強化

          七、模塊分類強化

          八、閃屏氛圍營造

          九、功能區域置換

          十、運營設計營造

           

          一、應用圖標設計

          應用圖標是用戶接觸產品的第一個環節,也是視覺差異化體現的重要部分。在春節主題氛圍中也是表現豐富多樣,從不同的方向體現出春節的濃厚氛圍。

          主要的處理形式會圍繞春節主題文案、生肖卡通形象、主題皮膚、春節元素和顏色等。以春節主題文案舉例,通常是春節祝福語和營銷結合的文案為主,設計在應用圖標底部居多,將圖形適當向上位移進行視覺平衡。也有一些產品結合自身圖標因素,將文案設計在頂部位置,也是為了保持整體結構的穩定性。

          圖片

          除了文案表達以外,配合生肖卡通形象也是較為常見的手法,可以是局部元素的裝飾,也有是作為皮膚使用的。比如今年是虎年,利用老虎的形象或者局部元素表達也是層出不窮。

          圖片

          無論是文字表達還是圖形結合,應用圖標上的表現都是在主題活動中優先考慮的場景,這是被用戶在眾多產品中發現的第一眼。

           

           

          二、金剛區圖標設計

          金剛區就像百變金剛一樣,將各種功能和業務聚集在一個區域,便于用戶進行快捷操作。在金剛區圖標上面進行設計發揮是最為普及的,春節期間眾多產品都在各種形式上面進行發揮,呈現出很多優秀的設計案例。

          最為簡單的做法就是將帶有春節主題的文案融入到圖標設計中,這個形式適用于各類節假日和活動主題中。表現手法也是非常簡單的,配合元素點綴和色彩渲染,很容易體現出主題氛圍。

          圖片

           

           

          保持圖標造型不變,在外形輪廓背景中融入春節元素也是一個可行的方向。比如將燈籠作為圖標背景,配合元素裝飾和色彩搭配,呈現出的春節氛圍也是非常濃厚的。

          圖片

          也有結合春節元素對金剛區圖標進行設計重構,帶來的感官體驗也是非常不錯的。運用到的元素涉及鞭炮、福字、元寶、紅包、糖葫蘆等等,結合中國紅營造出濃厚的春節氛圍。

          圖片

           

           

          將春節元素點綴到圖標中也是一種不錯的選擇,或者配合春節主題顏色進行搭配,也能夠營造出濃厚的新春氛圍。

          圖片

          金剛區圖標設計是營造氛圍的最佳區域,不會對業務布局和產品結構造成影響,能夠根據氛圍的要求作出靈活的調整。

           

           

          三、底部標簽欄設計

          底部標簽欄是用戶進行功能模塊切換最頻繁的區域,通常營造氛圍和金剛區一樣,都是非常直觀和效果顯著的區域。

          將春節元素融入到底部標簽欄圖標設計中,帶來的感官體驗是非常不錯的??梢允菃蝹€的春節元素,也可以是元素的局部裝飾,都可以非常直觀的傳達給用戶,突出春節活動氛圍。

          圖片

           

          也有將春節主題文字融入到圖標設計中,一種是直接結合字體設計和春節元素表達;一種是結合外輪廓背景,字體作為圖標部分鑲嵌入背景中。文字的識別性有助于用戶更快理解,傳達氛圍也是非常直觀高效的。

          圖片

           

          如果不想改變太多,也有一些產品只是在中間凸起模塊圖標上面進行氛圍設計,也能傳遞春節的氛圍。這樣的設計解決方案最大限度的保留了原本的設計內容,屬于弱氛圍營造,也能達到一定的氛圍營造目的。

          圖片

           

          除了在圖標設計上面營造以外,也能在底部標簽欄背景上面營造,配合中國紅營造出來的氛圍也是非常濃厚的。也可以是配合顏色和元素進行營造,比如煙花效果也是不錯的選擇。

          圖片

          底部標簽欄設計區域的氛圍營造效果非常顯著,無論是背景層面的營造還是圖標設計上的創新,都能帶給用戶非常直觀的體驗。

           

           

          四、導航欄設計區域

          導航欄+狀態欄通常是品牌色或者白色居多,也有少數產品會使用其他顏色進行設計。在春節期間這個區域也是作為氛圍營造的不錯選擇,除了利用中國紅作為顏色層面的選擇以外,也有結合春節元素進行設計表達的。

          圖片

           

          除了靜態的設計表達以外,也有結合動效的表達提高吸引力,突出春節濃厚的氛圍。(比如:途牛旅游)

          圖片

           

           

          五、頂部視覺區域

          頂部視覺區域和導航欄區域比較類似,不過頂部的范圍更大一些,運用的場景更多一些。除了首頁以外,在其他主界面也可以使用這個區域,帶來春節氛圍的營造。

          首頁 Banner 區域是頂部視覺區域面積較大的板塊,結合 Banner 進行背景營造,帶來的視覺效果也是非常突出的。

          圖片

           

           

          除了根據 Banner 效果營造以外,也有只是營造背景層面的形式,將背景顏色營造出春節的氛圍,效果也是一目了然。

          圖片

          在其他的主界面中頂部視覺區域也可以進行營造,比如個人中心的視覺營造,帶給用戶的感官體驗也是非常的直觀。

           

           

          六、背景氛圍強化

          除了在局部的區域進行背景的氛圍強化以外,也有將大面積背景進行春節強化的。通常是通過顏色來強化,比如通過中國紅來烘托春節氛圍,也會在背景中裝飾一些春節元素,進而增強氛圍感。

          圖片

          背景強化適合卡片式布局,更能襯托出空間感,強化視覺效果。

           

           

          七、模塊分類強化

          在大視覺模塊區域強化表現是較為突出的,為了體現精細化的表達,在細節的設計中也會加以注重。

          細分模塊的設計嵌入可以弱化視覺比重,也能達到融入春節主題的目的。比如在模塊分類的設計中,將春節主題字體替換到類別中,作為活動欄目的表達,也是非常不錯的設計表達。

          圖片

           

           

          八、閃屏氛圍營造

          閃屏和啟動頁本身屬于相同的表達,都是為了緩解用戶啟動應用時,等待過程中所產生的焦慮感。不過隨著閃屏廣告的概念,被區分呈現出來了。

          體驗了很多產品,發現還是閃屏廣告居多,以營銷活動為主的案例較多。單純突出春節主題表達的很少,以春節主題配合營銷活動設計比較多些。

          圖片

          不過啟動頁的位置作為主題氛圍營造是值得考慮的方向,作為品牌情感化的延伸是非常不錯的選擇。

           

           

          九、功能區域置換

          功能區域在這個環節我是作為整合而存在,指的是下拉刷新、空狀態、加載、主按鈕等等。在一些重點區域強化春節氛圍是很多設計師的首選,也有一些會在細微之處深入挖掘。

          下拉刷新對于一些內容更新頻繁的產品來說,是用戶操作非常頻繁的功能。通常情況下,是結合文案提示、默認動效、品牌元素、吉祥物動效等進行表達,而春節期間很多產品也嵌入了春節活動,將功能區域進行置換。不僅可以達到刷新的目的,也能帶給用戶春節的氛圍感。

          圖片

           

          在一些主按鈕比較突出的產品中,也會在按鈕的設計上面融入春節的元素,在細微之處帶給用戶氛圍感。

          圖片

          以上案例僅為列舉,功能區域置換是一個可以探索的方向,不僅可以達到突出主題的目的,也不會影響功能的操作。

           

           

          十、運營設計營造

          運營設計通常都是最活躍的,不會放過任何一個主題的參與,春節這樣的大節日更是重點參與的對象。

          在春節期間通過各類活動的設計突出春節氛圍,讓用戶在感受氛圍的同時促進消費。除了在視覺效果上呈現出豐富多樣的表達,在互動玩法上面也是費盡了心思,帶給用戶更多趣味和年味。

          圖片

           

          運營設計的營造主要是在專題活動的表達上呈現,也會配合 Banner 設計或者其他插入式廣告,還有彈窗廣告的結合也是較為普遍。

          圖片

           

          小結

          春節隨著時間的推移已經過去,本文梳理了在春節期間觀察到的移動端 UI 層面的變化,總結案例是為了探索大家的設計解決方案,積累更多不一樣的設計思路。案例主要以感官層面的為主,希望這些視覺表達層面的思路,可以帶給你更多靈感。

          本文主要是個人觀察所感,不足之處望大家自行補充,我們互相進步。

           

          原文地址:黑馬青年(公眾號)
           
          作者:黑馬青年
           
          轉載請注明:學UI網》UI 場景下的春節氛圍設計

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司


          愛美有度——檸檬愛美品牌LOGO升級

          seo達人


          項目背景

          檸檬愛美依托百度龐大的流量與移動生態服務優勢,在“精準搜索+精準推薦”雙引擎下,用百度大腦結合大數據建立精準用戶畫像,通過下探業務目標、挖掘用戶訴求,結合百度APP生態,搭建搜索場景下的醫美科普內容服務平臺。

           

          1. 業務戰略升級

          近年來,醫療美容行業增速迅猛,行業亂象頻發,亟需提升整個行業服務質量和品質。本次業務戰略升級圍繞內容建權威專家科普解讀,打造用戶放心、安心的醫美服務保障品牌。目前設計價值重申迫在眉睫,品牌logo也應配合戰略方向優化升級,助力品牌心智打造。

          圖片

           

          · 設計趨勢變化

          隨著時代的變化,人們需求的變革,極簡化、扁平化已成為近幾年的品牌logo設計趨勢。品牌升級的背后除了商業模式的變革,也是順應新的設計流行趨勢變化。

          圖片

          2. 問卷調研

          · 設計問卷

          項目初期,我們采取一對一的訪談方式去了解產品背景和訴求,尋找設計抓手。通過精心設計的、有場景帶入的問題,讓參與者在放松的狀態下把他對產品定位等關鍵信息準確表達出來,這里需要注意的是邀約參與者必須包含各業務方向的產品決策人。過程中也對醫美行業、大環境的洞察分析以及目標受眾、競爭對手、產研方向等做了探討。

          圖片

           

          · 定量分析問卷結果

          通過分析問卷結果,我們與業務方達成了本次品牌升級的目標,希望通過品牌logo升級,傳遞出權威科普、服務保障、科技醫美的品牌定位。

           

          3. 概念探索

          通過前期調研我們已經有了明確的業務定位,但是我們所提供的服務要給用戶建立什么樣的心智印象?什么樣的品牌傳播能產生用戶共鳴?我們如何處理電商與內容的品牌關系?都仍是未知,這也恰好是品牌需要解決的問題。

          帶著這些疑問,我們收集并查閱了大量用研、品牌資料,我們通過金字塔模型從產品的功能屬性、實際價值、情感價值、產品個性、品牌精髓5個緯度逐一進行關鍵詞的發散與收攏,幫助我們進一步清晰檸檬愛美品牌“模樣”。

          圖片

          為了盡可能提煉出既符合產品理念又有用戶共鳴,且引發互動的品牌理念。我們將金字塔中的關鍵詞分別對應圖形參考案例,面向業務方發起了第二輪調研,在調研討論的過程中,我們不斷完善聚焦概念,“愛美有度”這個概念方案也一步步浮出水面。

           

          4. 方案設計

          · 概念鎖定

          經過長達1個月的不斷嘗試,逐步明確概念如何轉化成可執行方案。最終我們鎖定在“愛美有度”,“度”這個兼具名詞與動詞屬性,具有更大的想象空間和豐富的情感屬性。不僅暗指百度醫美垂類品牌,更傳遞的是平臺價值觀:內容有信度、服務有溫度、科技有態度的涵義,天然帶有積極的導向意義。

          圖片

           

          · 草圖繪制

          在草圖繪制過程中,最大的挑戰在于“檸檬”與“度”的圖形詮釋。首先我們需要一個不落入俗套的檸檬外形。其次“愛美有度”品牌概念如何通過圖形元素能讓用戶感知,又能精準的傳遞“權威保障”信息。

          手繪的方式簡單快捷,可以很高效的對齊大部分的設計共識。期間大家發散了很多想法,嘗試了很多方案。經過兩輪手繪下來,主體定格在“手托舉”的檸檬外形,虛形恰好是檸檬,建立品牌專屬記憶點。造型飽滿圓潤,充滿能量且呈向上趨勢,象征求美者的美好希冀,也體現了“愛美有度”的設計理念。讓受眾能感受到品牌傳遞的權威、專業、信賴。

          圖片

          圖片

           

          · 提案設計

          總結各階段結論,最終形成設計提案主線。采用視覺沖擊力強的圖片輔以文案,精準傳遞logo方案表達的設計概念,最終方案定稿。

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

          圖片

           

          寫在最后

          品牌升級不僅僅是換個logo那么簡單,而是產品定位和策略發展落地中的重要一環。本次檸檬品牌logo設計,我們無時無刻都在思考如何更好地了解用戶,貼近產品,傳達理念。希望通過本次升級,用戶能感受到檸檬愛美品牌為了更好的服務用戶敢于突破,力求革新的決心和信心。

           
           
          原文地址:百度MEUX(公眾號)
            
          作者:陪你一起變美的
           
           

          轉載請注明:學UI網》愛美有度——檸檬愛美品牌LOGO升級

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

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

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

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

          UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司



          日歷

          鏈接

          個人資料

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

          存檔

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