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

          首頁

          交互設計原則之格式塔定律

          博博

          在做交互設計或者視覺設計時要遵循一些既有的原則,其中非常重要的一條就是【格式塔定律】

          一、什么是格式塔原理?

                  格式塔心理學誕生于1912年,是由德國心理學家組成的研究小組試圖解釋人類視覺的工作原理。他們觀察了許多重要的視覺現象并對它們編訂了目錄。其中最基礎的發現是人類視覺是整體的:我們的視覺系統自動對視覺輸入構建結構,并在神經系統層面上感知形狀、圖形和物體,而不是只看到互不相連的邊、線和區域?!靶螤睢焙汀皥D形”在德語中是Gestalt,因此這些理論也稱做視覺感知的格式塔原理。

                 格式塔學派主張人腦的運作原理屬于整體論,“整體不同于其部件的總和”。例如,我們對一朵花的感知,并非純粹單單從對花的形狀、顏色、大小等感官資訊而來,還包括我們對花過去的經驗和印象,加起來才是我們對一朵花的感知。

                 格式塔心理學家認為這些原則之所以存在,是因為頭腦具有天生的傾向,可以根據某些規則感知刺激中的模式。(是不是覺得hin神奇)

                 比如,這是著名的“人臉花瓶幻覺”圖。如果以黑色為背景,白色為圖形,則是一個花瓶;如果以黑色為圖形,白色為背景,則是兩個人的側臉。它也反映了圖形和背景對一幅圖的影響。

          二、格式塔原理分析

          1、接近性原理
          接近性原理說的是物體之間的相對距離會影響我們感知它是否以及如何組織在一起。互相靠近(相對于其它物體)的物體看起來屬于一組,而那些距離較遠的則自動劃為組外。             

          接近性原理的應用1--將相關元素彼此靠近放置

          使用不同數量的空格來合并或分離元素是傳達有意義的分組的關鍵。例如,在Ant Design的標題區域中,“ 搜索”功能與站點的主要導航位于同一行。但是,主導航和搜索之間的多余空格表示它們屬于不同的組,因此具有獨特的功能。對于使“ 搜索”功能在主菜單的其余部分中脫穎而出,此空格至關重要。


          但是,在較小的屏幕上,無法保持此間距。為了避免將這些區域視為一個整體,頁面收縮寬度的時候,搜索后的文字隱藏了。




          接近性原理的應用2--構建清晰的結構

          應具有固定或鎖頭標題的網站特別可以從使用獨特的背景顏色或清晰的邊框中受益,從而有效地將標題與下面滾動的頁面內容區分開。此外,大頁腳的單一統一背景色  可有效地表示該區域中的所有鏈接都屬于一個組。

          創建清晰的邊界是一種強大的視覺提示,可以壓倒其他分組原則,例如接近性或相似性。因此,當需要包含幾種不同類型的UI元素或無法調整對象之間的空白量時,它是一種強大的工具。我們做頁面時如果需要把兩個元素放成一組與其他元素區分,那么我們可以用線框畫出邊界來達到目的。

          2、相似性原理

          如果其它因素相同,那么相似的物體看起來歸屬于一組。接下來從形狀、顏色、尺寸上來說明相似性原理,這也就是我們平時做視覺設計時的原理,比如我們設計稿宣講時可能會被開發、產品以及測試同學問到“為什么用這個形狀?為什么這里用這個顏色?為什么這兩個尺寸不一致?等等,細細體會這個相似性原理就會給我們答案,讓我們在畫設計稿時能夠有理有據。


          A相似性原理之形狀:

          在上圖中,我們頭腦中自然而然的會分成“四列”,也就是圓形一列,三角形一列,然后再圓形一列,三角形一列,而不會看成“三行”


          B相似性原理之顏色:

          應用共享的顏色來表示某些項目是相關的,因此可能具有相似的功能,這很有效。通用顏色往往比其他特征(例如形狀)更加突出,因此可以用于組合不同類型的元素并傳達它們確實相關。        

          在用戶界面設計中,顏色通常用于指示常用功能。例如,使用單個鏈接顏色作為與用戶交流可點擊內容,鏈接顏色應僅保留給交互式文本和其他可單擊元素,因為用戶會意識到所有具有此特征的項目都是相關的,并且以相同的方式工作。因此,鏈接顏色不應用于關鍵字,不可點擊的標題或實際上不可點擊的附近圖標。

          如上圖,就是一個用色的反面例子,“ 消息中心”中的所有按鈕均為綠色,因此用戶必須花時間確定哪個是提交表單的主要按鈕。(此外,“ 提交”按鈕離消息區域很遠,并且根據Fitts的定律,這種缺乏接近性也會降低用戶的速    度。)

          相同顏色的按鈕將被視為具有相同的重要性級別。因此,應為主要操作性按鈕保留單獨的顏色,以幫助它們在輔助按鈕中脫穎而出。

          C相似性原理之大?。?strong style="margin:0px;padding:0px;outline:none;box-sizing:inherit;">大小也可以用來表示關系。大小相似的對象可能被認為是相關的,通常具有相同的重要性。

          在用戶界面中,我們經常使用大小來強調內容或按鈕中最重要的部分。相同的大小表示相同的視覺突出度,并且在所有其他條件相同的情況下,將共享該屬性的所有元素連接在一起。一致地使用大小會創建視覺層次結構,并使頁面易于掃描,因為人們可以立即看到并理解這些類型分組。

          例如,在產品列表頁面中,每個單獨的產品列表都以相同的大?。ê拖嗤男螤睿╋@示。這種一致的視覺樣式告訴我們該區域中的所有物品都是產品。共享大小將其與其他不同的UI元素分開。當某項商品在此列表中以不同的大小或形狀出現時,就會突出顯示為不屬于產品分組。下面這個產品集合的促銷以單個產品列表大小的兩倍顯示。


          下面是我最開始嘗試的招聘系統首頁的改版:

          根據上面的相似性原理和接近性原理就可以很容易看出來,這個頁面結構和邏輯不清晰:

          1.待處理和招聘日程兩個模塊之間的區分不夠清晰:因為這兩個模塊右側應用了同樣的形狀和顏色的按鈕(相似性原理),讓用戶在心理上產生聯想,同時這兩個模塊之間只靠間距來區分,區分的太弱了(接近性原理)

          2.招聘日程頭部日期與下面的面試安排卡片聯系太弱:因為面試卡片用了非常強的邊界區分的線條(接近性原理-構建清晰的結構)確實在面試模塊之間構建了清晰的結構,與此同時卡片與頭部的日期之間看起來沒有什么關聯。

          3.首頁的選中效果太弱,分析這個頁面的層級,左側首頁選中才應該是最重的,能讓用戶第一眼就知道在系統中的位置,很顯然目前來看很容易忽視首頁這個位置,關注點被吸引到了快捷入口。這并不是我們想要傳達給用戶的。

          根據格式塔原理中的相似性原理和接近性原理,對頁面的結構進行了調整,就看起來清晰多了。

          所以,我們在制作完設計稿后,可以應用格式塔原理,分析下最終呈現給用戶的結構和邏輯是否清晰。而這也是做視覺的理由和底氣。


          3.連續性原理

          視覺傾向于感知連續的形式而不是離散的碎片。

          連續理解起來是很簡單的,但連續卻解決了非常復雜的問題。通過找到非常微小的共性將兩個不同的環連接成一個整體。在引導頁中經常會用到這個。

              

           4、封閉性原理

          視覺系統自動嘗試將敞開的圖形關閉起來,從而將其感知為完整的物體而不是分散的碎片。

          閉合可以實現統一整體,這不難理解。但是有一個非常有趣的現象值得我們去觀察和思考,就是不閉合時候也會實現統一的整體,更確切的說,這種現象是一種不完全的關閉。這些圖形與設計給人以簡單,輕松、自由的感覺。所以,完全的閉合是沒有必要的。最著名的應用便是蘋果公司的logo,咬掉的缺口喚起人們的好奇、疑問,給人巨大想象空間。

          5、對稱性原理

          我們傾向于分解復雜的場景來降低復雜度。


          6、主體/背景原理

          我們的大腦將視覺區域分為主體和背景。主體包括一個場景中占據我們主要注意力的所有元素,其余則是背景。這個原理經常會在海報設計中應用,這也是為什么我們做海報,做平面時,一定要制作好背景,背景的氛圍很重要。


          文章來源:站酷   作者:ZZiUP


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

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

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

          2022年,B端設計的趨勢有哪些?

          lanlanwork


           

          視覺趨勢

          1. 3D設計風格

          雖然 3D化 的視覺風格早已到來,但是在B端市場上,3D風格在此之前依舊表現的十分克制。

          隨著 C4D、Blender 這些 3D 建模軟件的不斷普及,再加上互聯網上關于 3D 建模教程的增多,你會發現 3D 風格的視覺表現,是一個 B端視覺設計師 的基本要求。

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

           

          圖標

          因為在B端產品當中,圖標本身就是非常難以去表現,比如“物聯網,大數據”。

          許多的抽象詞匯,很難通過一個具象的事物進行表達,而在企業官網當中,在視覺表現上的要求又十分的高。因此你會發現,在視覺風格上的選擇,往往只有 3D 圖標 + 插畫 這一條路。

          圖片

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

          圖片

           

          可視化大屏

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

          圖片

           

          2.新擬態

          雖然新擬態是在前兩年的產物。這個設計風格背后,遭到了很多設計師的質疑與排擠。

          但是隨著這個風格的不斷成熟,感覺它在B端視覺領域(特指的是 官網 ),是非常受到歡迎的,因為整體的風格,與官網的設計形式趨同。

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

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

          圖片

           

          3.開源的設計系統

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

          比如 Arco Design 的組件用法 https://arco.design/docs/spec/link

          圖片

          就清晰的講清楚了每一個組件的使用方式,以及注意事項,仔細閱讀這里面的內容,其實就是B端設計的入門學習。

          而未來,國內的環境,開源的系統也會越來越多,大家可以針對這幾大類不同的設計系統,進行對比,或許會有一番收獲。

           

          產品趨勢

          超級app

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

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

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

          圖片

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

          圖片

           

          低代碼定制化

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

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

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

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

          圖片

          因此你會發現,其實低代碼就是在解決一件事,圍繞著某一個業務場景,通過平臺的持續完善優化。

          讓所有的功能都能圍繞這個業務展開,其中包括:權限、時間軸、流程、表單、公式等等,能夠解決很多特殊的業務場景。

          而低代碼會涉及到設計思路上的轉變,以及低代碼編輯器的出現,如何去設計如此復雜的配置流程,如何能夠讓用戶能夠快速上手,如果你能夠有比較完整的思路,這些都會成為我們設計的新機會。

           

          行業細分

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

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

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

          圖片

          因為B端產品,在底層邏輯上是不能允許趨同的產品出現,如果你和別人的產品一樣,其實是沒有辦法在目前的市場上立足。

          因此你會發現,雖然產品形式都會比較相同,但是B端市場十分廣闊,大家都在去尋找自己產品的差異化。

          當然市場是瞬息萬變的,這里也只是簡單聊聊我自己的看法,希望對你有所幫助。最近拖更確實比較厲害,準備之后幾天給大家抽些書,可以多留意留意公眾號的文章。

           

          原文鏈接:CE青年(公眾號)

          作者:CE青年

          轉載請注明:學UI網》2022年,B端設計的趨勢有哪些?

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

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

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

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

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


          11本值得一讀的設計書

          lanlanwork


          01.

          超越平凡的平面設計之
          《版式設計原理與應用》

          圖片

          這是一本很經典的版式設計書籍,內容主要包含排版、色彩搭配,通過這本書你可以學到如何選擇合適的字體?如何裁剪圖片?如何設計封面?如何排版?如何配色等知識。設計師在這本書里分享了很多案例的設計過程和優化過程,包括畫冊設計、折頁設計、唱片設計、網頁設計等等,清晰的展示了他的每一步都是怎么思考的,邏輯非??b密。
          雖然里面的案例已經有些歷史,但是其設計的方法和理念在今天仍然受用。 
           

          02.

          《超越Logo設計》

          圖片

          這是一本有超級多干貨的logo設計書,作者在書里不僅分享了31條logo設計的實用秘訣,還分享了如何談業務?如何與客戶合作?怎樣提高過稿率?如何做好前期的準備工作?如何構思?等問題,它能加深你對logo設計以及logo設計之外的知識的了解。
           
           

          03.

          《文字怡人》
          圖片
          這本書由日本著名平面設計師高橋善丸所寫,雖然設計的是日文,但由于日文中也有很多漢字,所以中國設計師也能從中學到很多東西,另外我推薦他的原因是,通常到達一定高度的設計大師,都不會放下身段去寫一些設計技能、設計方法的書,大多都在講理論,這也使得設計師們錯過了很多向大師學習設計執行的機會。
          而高橋善丸給了我們這樣一個機會,這本書主要是通過分享他的各種字體設計案例,來講述不同的字體設計技巧,并且這些字體設計案例并不是作為個人練習單獨存在的,而是作為真實案例運用在書籍封面設計和海報設計中。
           
           

          04.

          《設計中的設計》

          圖片

          這本書很多設計師應該都熟悉,由日本當代平面設計大師原研哉所著,出版至今已經被加印了近二十次,足以證明這本書有多牛。
          很多年輕的設計師認識原研哉可能是通過小米的logo和KURASHICOM的logo這兩個案例,甚是還會因此對他的設計理念冷嘲熱諷,如果你讀了這本書,我相信你一定會對他有新的看法。在我看來,他對設計的認識已經超越了絕大多數人,也遠遠超出了技術層面,但他又不像很多大師把設計做成了藝術,而是始終圍繞設計的本質:信息傳達,來做研究和深化。
          什么是設計?什么是視覺傳達?設計的目的是什么?無印良品的地平線系列海報是怎么誕生的?等等問題,你都可以在這本書里面找到答案。
           
           

          05.

          《超級符號就是超級創意》
          圖片
          該書由華與華的創始人華杉所寫,華與華是一家知名的戰略咨詢公司,在設計圈里的爭議很大,他們的設計作品可能不太受設計師的認可,但是華與華的方法確實影響了中國的整個策劃圈和設計圈。
          初讀這本書時,其中的很多觀點也給了我一種醍醐灌頂的感覺,作者在書中分享了什么是超級符號?如何打造超級符號?現代商業設計中有哪些問題?如何建立企業戰略?等知識。
          蔥爺當時讀的是左邊黃色這本,現在最新的是右邊藍色這本,據介紹是新增了50頁,包含華與華最新的案例和跨年演講等內容。
           
           

          06.

          《香港新生代平面設計訪談》

          圖片

          這本書是我去年才讀的,書中收集了港澳地區共12位新生代知名設計師,他們來自平面設計、品牌設計、網頁設計、字體設計、服裝設計、IP設計等多個不同領域,年齡跨越了70后到90后,每個人都有許多經典的代表作,每個人都拿過很多榮譽,他們的故事和發展經歷也很精彩。
           
           

          07.

          《設計工作室生存手冊》

          圖片

          幾乎每一個設計師都有成為自由設計師,或者是創建設計工作室的夢想,所以這本書值得每一個設計師讀一讀。讀完這本書你將會了解設計師的工作和職責是什么?如何獲取客戶、篩選客戶?如何收費?如何與客戶簽訂合同?如何管理團隊?如何與人合作?等多個很實際、很實用的問題。
          這一本薄薄的小書,原本是作者寫給他兒子的,文風幽默風趣,言辭犀利,快人快語,讀起來很帶勁??赐暌院笥浀靡潇o冷靜,別立馬急匆匆跑去辭職創業。
           
           

          08.

          《田中一光自傳》
          圖片
          田中一光是日本平面設計領域國寶級的人物,也被譽為無印良品之父、日本設計中心之父,創作過很多經典的案例,獲獎無數。這本書詳細講述了他從小到大的經歷,以及怎樣一步一步成為了享譽全球的設計大師。
          老實說,讀自傳通常不能讓你學到什么具體的技能,所以這不是一本教你怎么做設計的書,讀名人自傳的主要作用是讓你對某些事情、某些行業產生興趣,并可以把對方作為學習的榜樣。讀完田中一光自傳這本書,我深深地“愛”上了他,他的人品和設計才華都深深的吸引了我,讓我一度想去買他的其他書籍,并把它作為我人生的榜樣。
           
           

          09.

          《日本版式設計原理》
          圖片
          這本書的內容形式應該是很多設計師都會喜歡的,即:改稿,作者通過展示50個設計案例修改前和修改后的對比效果,從而向大家解釋了如何正確的布局?如何正確地使用文字?如何進行正確的色彩搭配?如何正確地使用圖片?這四大塊內容。
          另外,這本書里展示的案例也是非常接地氣的商業作品,而不是自嗨稿,所以其中的設計思路和設計技巧可以很容易用到你的設計工作中去。
           
           

          10.

          《平面設計中的網格系統》
          圖片
          這本書是瑞士知名設計師約瑟夫·米勒-布羅克曼所著,他是第一批把網格系統運用到平面設計中的設計師,網格系統是版式設計中很重要的一個工具,可以使排版更加有章可循、更嚴謹,在這本書中,作者不但介紹了網格的繪制、網格的分類、網格的使用,甚至還把網格延伸到了建筑設計中,想了解網格系統的人可以讀一讀。
           
           

          11.

          《design360雜志》
          圖片
          圖片 
           
           
          這個年代還會看雜志的人應該已經不多了,看設計雜志的那就更少,然而這本2005年誕生于廣州的《design360》卻能夠存活至今,并且有超過3萬忠實的讀者,可以說是亞洲最優秀的設計雜志之一了。你既可以購買它的某一期,也可以按年訂閱,一年共6期,每一期的內容都不同,包含了平面設計、插畫、產品設計、建筑設計、景觀設計、設計組織、工作室訪談等內容,這本雜志除了可以拓寬你的知識面、加深你對設計的認知以外,你還可以從中認識到很多國內外的優秀設計師和設計工作室。  
           
          圖片
          以上11本書是我個人覺得不錯,值得一讀的設計書,當然并不是設計師必讀,也不是適合所有人,因為我覺得根本就不存在哪一本書是必讀的,但如果你想對設計有更深入的了解,想提升自己的設計認知,選擇一兩本自己感興趣的書讀一讀,肯定是有好處的。沒必要買太多,不然肯定避免不了吃灰的命運。 
           
           

          原文地址:蔥爺(公眾號)

          作者:蔥爺

          轉載請注明:學UI網》11本值得一讀的設計書

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

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

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

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

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



          未來情感化界面設計

          博博

          情感化設計在我們的決策過程中起著至關重要的作用




          情感化設計在我們的決策過程中起著至關重要的作用,因為加入情感化的設計可以改變與產品交互的人的整體現實。


          人類是一種情緒驅動的物種,我們選擇某些產品并不是因為它們有意義,而是因為我們認為它們會讓我們感受到不一樣的感覺。也正因如此,在未來的界面將在產品設計的基礎上使用情感的概念,人們使用的經驗將基于智商(IQ)和情商(EQ)。


          本文試圖展望未來,看看我們將在未來十年內設計哪些接口。我們將仔細研究三種情感化界面設計的互動:


          • 語音

          • 增強現實(AR)

          • 虛擬現實(VR)


          未來情感化界面的實際例子


          界面如何?即使我們還沒有回答這個問題,我們也可以討論接口可能具有哪些特性。在我看來,我確信我們最終將擺脫充滿菜單,面板,按鈕的接口,并轉向更“自然的界面”,也就是情感化的界面。未來的界面不會被鎖定在物理屏幕上,而是會集合五種感官的力量。因此,他們需要較少的學習曲線,理想情況下,根本沒有學習曲線。


          情商情緒在商業中的重要性


          除了使體驗更自然并減少學習曲線之外,為情感設計還為產品創造者帶來了另一個好處:它提高了用戶對產品的采用率??梢岳萌祟悓η榫w的行動能力來創造更好的用戶參與度。


          真實的語音界面


          使用語音作為主要界面的產品正變得越來越流行。我們中的許多人使用Amazon Echo和Apple Siri進行日?;顒?,例如設置鬧鐘或預約。但是,目前市場上可用的大多數語音交互系統仍然具有自然的局限性:它們不會考慮用戶的情緒。因此,當用戶與Google Now等產品進行互動時,他們對與機器進行通信具有強烈的溝通感 - 而不是真正的人。系統可預測地響應,并且他們的響應是腳本化的,與這樣的系統進行有意義的對話是不可能的。


          但是目前市場上有一些完全不同的系統,其中一個是Xiaoice,一個社交聊天機器人應用程序。這個應用程序的核心是情感計算框架,該應用程序的基礎是,首先與用戶建立情感聯系。Xiaoice可以動態識別情緒,并在與相關響應的長時間對話中吸引用戶。結果,當用戶與Xiaoice交互時,就像是與真人交談一樣。


          Xiaoice的局限在于它是一個基于文本的聊天應用程序。很明顯,你可以通過基于語音的交互來實現更強大的效果(人聲具有不同的特征,例如可以傳達強大的情感譜的音調)。


          我們中的許多人已經在電影“她”(2013)中看到了基于語音的互動的力量。Theodore愛上了Samantha(一個復雜的操作系統)。這也使我們相信,未來基于語音的系統的主要目的之一將是用戶的虛擬伴侶。這部電影最有趣的事情是西奧多沒有薩曼莎的視覺形象,他只有她的聲音。要建立這種親密關系,必須產生反映一致性格的回應。這將使系統既可預測又值得信賴。


          技術離Samantha這樣的系統還有很長的路要走,但我相信語音優先的多模式接口將是語音接口發展的下一章。這樣的接口將使用語音作為主要交互方式,并在創建和建立連接感的上下文中提供附加信息。


          為Brain.ai設計的語音界面示例(圖片來源:Gleb Kuznetsov)


          AR體驗的演變


          增強現實(AR)被定義為現實世界之上的數字覆蓋,并將我們周圍的對象轉換為交互式數字體驗。我們的環境變得更加“智能”,用戶對手指尖上的“有形”物體產生幻覺,從而在用戶和產品(或內容)之間建立了更深層次的聯系。


          使用AR重新構想現有概念


          AR的獨特之處在于它為我們提供了與數字內容進行物理交互的非凡能力。它允許我們看到以前無法看到的東西,這有助于我們更多地了解我們周圍的環境。此AR屬性可幫助設計人員使用熟悉的概念創建新的關卡體驗。


          例如,通過使用移動AR,可以創建新級別的飛行體驗,允許乘客查看有關其班級或當前航班進度的詳細信息:


          AR在空中客車A380的飛行體驗中。(圖片來源:Gleb Kuznetsov)


          AR幫助我們找到通過空間的方式,并一目了然地獲得所需的信息。例如,AR可用于為您當前的位置創建豐富的上下文提示。被稱為技術SLAM(小號 imultaneous 大號 ocalization 甲 ND 中號 apping)非常適合此。SLAM允許實時映射環境,并且還可以將多媒體內容放入環境中。


          為用戶提供價值的機會很多。例如,用戶可以將他們的設備指向建筑物,并在其屏幕上了解更多信息。它可以顯著減少工作量,并通過允許導航和訪問實現輕松的情感體驗。


          在上下文中提供其他信息(圖片來源:Gleb Kuznetsov)


          我們周圍的環境(例如墻壁或地板)可以成為交互場景,過去僅限于我們的智能手機和計算機。


          你在下面看到的概念正是如此; 它使用物理對象(白墻)作為通常使用數字設備傳送的內容的畫布:


          交互式墻的概念 - 在現實世界之上的數字覆蓋。(圖片來源:Gleb Kuznetsov)


          避免信息過載


          我們中的許多人都看到了名為“超現實”的視頻。在這段視頻中,物理和數字世界已合并,用戶被大量信息所淹沒。



          技術允許我們同時顯示幾個不同的對象。當它被誤用時,很容易造成過載。


          信息過載是一個嚴重的問題,對用戶體驗產生負面影響,避免它將成為AR設計的目標之一。精心設計的應用程序將使用AI的強大功能過濾掉與用戶無關的元素。


          高級個性化


          當系統實時地根據用戶的需求和期望來管理內容或功能時,就會發生數字體驗的個性化。許多現代移動應用程序和網站使用個性化概念來提供相關內容。例如,當您訪問Netflix時,您看到的電影列表會根據您的興趣進行個性化。


          AR眼鏡允許創建新的個性化水平,即“高級”個性化水平。由于系統“看到”用戶看到的內容,因此可以利用此信息提出相關建議或在上下文中提供其他信息。想象一下,你很快就會戴上AR眼鏡,轉移到你視網膜的信息將根據你的需要量身定制。



          從增強現實走向虛擬現實,創造沉浸式體驗


          AR體驗具有自然的局限性。作為用戶,我們在內容和內容之間有明確的界限; 這條線將一個世界(AR)與另一個世界(現實世界)分開。這條線引起了AR世界顯然不真實的感覺。


          您當然可能知道如何解決這個限制,即使用虛擬現實(VR)。VR并不是一種新的媒介,但只是在過去的幾年里,技術已經達到了允許設計師創造身臨其境體驗的程度。


          沉浸式VR體驗消除了現實世界與數字之間的障礙。當你戴上VR耳機時,你的大腦很難處理你收到的信息是否真實。關于VR體驗如何在最近的將來看起來的想法在電影“Ready Player One”中有很好的解釋:



          以下是設計人員在創建沉浸式虛擬環境時需要記住的內容:


          1.寫一個故事


          有意義的VR有一個強大的故事的核心。這就是為什么在你開始設計VR環境之前,你需要為用戶旅程寫一個敘述。一個稱為“故事板”的強大工具可以幫助您。使用故事板,可以創建故事并檢查所有可能的結果。當您檢查故事時,您將看到何時以及如何使用視覺和音頻提示來創建身臨其境的體驗。


          2.與角色建立更深層次的連接


          為了讓用戶相信VR中的所有內容都是真實的,我們需要創建與用戶所扮演的角色的連接。最明顯的解決方案之一是在虛擬場景中包含用戶手的表示。這種表示應該是實際的手 - 而不僅僅是一個操縱的復制品。考慮不同的因素(如性別或膚色)至關重要,因為它會使交互更加真實。


          用戶可以看到他或她的手,看他們看起來像一個角色。(來源:leapmotion)


          也可以將現實生活中的一些對象帶到VR環境中以創建此連接。例如,一面鏡子。當用戶查看鏡像并在反射中看到他們的角色時,它可以在用戶和虛擬角色之間實現更真實的交互。


          虛擬現實用戶會查看虛擬鏡像,并將自己視為VR環境中的角色。致謝:businesswire。


          3.使用手勢代替菜單


          在設計沉浸式VR體驗時,我們不能依賴傳統的菜單和按鈕。為什么?因為通過顯示菜單來打破沉浸感相對容易。用戶會知道他們周圍的一切都不真實。設計師不需要使用傳統菜單,而是需要依賴手勢。設計界仍然在定義使用手勢的通用語言,參與這項活動是有趣和令人興奮的運動。棘手的部分是讓用戶熟悉并可預測手勢。


          Hovercast VR菜單試圖將現有的交互概念重用于VR體驗。不幸的是,這個概念可以打破沉浸感。新媒體需要新的互動模式。


          4.與VR環境中的元素交互


          要創建一個感覺真實的環境,我們需要讓用戶能夠與該現實中的對象進行交互。理想情況下,環境中的所有對象都可以以允許用戶觸摸和檢查它們的方式進行設計。這些物體將充當刺激,并將幫助您創造更加身臨其境的體驗。觸摸對于探索環境非常重要; 嬰兒在頭幾天獲得的最重要信息是通過觸摸獲得的。


          5.VR


          VR中分享情感有一個真正的機會,成為一個新的社會體驗水平。但為了實現它,我們需要解決一個重要問題,即將非語言線索帶入交互中。


          當我們與其他人互動時,我們獲得的信息的重要部分來自肢體語言。驚喜,厭惡,憤怒 - 所有這些情緒都在我們的面部表情中,在面對面的互動中,我們從眼睛區域推斷信息。當人們在VR環境中進行交互以創建更真實的交互時,提供此信息非常重要。


          好消息是頭戴式設備(HMD)將很快涵蓋情感識別。幾乎任何人與人之間的互動都將受益于VR中的面部表情。


          在VR空間分享情感(來源:MITReview的 Rachel Metz )


          6.為VR環境設計聲音和音樂適合


          音頻是沉浸式體驗的重要組成部分。如果不為環境設計聲音,就不可能創造出真正身臨其境的體驗。聲音既可以用作背景元素(即風的環境聲音),也可以用作方向性的。在后一種情況下,聲音可以用作提示 - 通過播放方向性(聲音來自哪里)和距離(可以將用戶的注意力集中在特定元素上)。


          在為VR設計音頻時,制作聲音3D至關重要。2D聲音不能很好地用于VR,因為它使一切都太平。3D聲音是您可以在周圍的各個方向聽到的聲音 - 前方,后方,上方和下方 - 遍布整個地方。您不需要專門的耳機來體驗3D聲音; 可以使用HMD的標準立體聲揚聲器來創建它。


          頭部跟蹤是良好聲音設計的另一個重要方面。讓聲音以逼真的方式表現至關重要。這就是為什么當用戶移動他的頭部時,聲音應該根據頭部運動而改變。


          7.預防暈車


          動是VR的主要痛點之一,這是一種在視覺感知運動和前庭系統的運動感之間存在分歧的情況,而讓用戶在體驗VR時保持舒適至關重要。


          有兩種流行的理論導致VR中的暈動?。?


          • “感覺沖突”理論:根據這一理論,暈動病的發生是由于預期的運動和實際經歷的運動之間的感覺上的不一致。

          • “眼動”理論:在“ VR書:虛擬現實的以人為本設計 ”一書中,杰森杰拉德提到暈動病的發生是因為保持場景圖像在視網膜上穩定所需的不自然的眼球運動。


          以下是一些提示,可以幫助您防止用戶接觸到病箱:


          • 身體運動應與視覺運動相匹配。有時即使是小的視覺抖動也會對體驗產生巨大的負面影響。

          • 讓用戶在移動場景之間休息(這在VR體驗非常動態時尤為重要)。

          • 減少虛擬旋轉。


          結論


          當我們考慮產品設計的現代狀態時,很明顯我們只是處于冰山一角,因為我們僅限于平面屏幕。


          我們正在目睹人機交互(HCI)的根本轉變 - 重新思考數字體驗的整體概念。在接下來的十年中,設計師將打破玻璃(我們今天所知的移動設備時代)并轉向未來的接口 - 復雜的語音接口,先進的AR和真正的沉浸式VR。當談到創造一種新的體驗時,必須要明白我們唯一的邊界是我們的大腦告訴我們它必須始終如一。



          文章來源:站酷   作者:Pursuer設計


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

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

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


          如何培養設計美感,這個方法掌握了,想不進步都難??!

          lanlanwork


          1.從大量閱讀開始

          為什么我們讀小學時候,每天很早去學校晨讀,目的通過這樣刻意練習加深學習記憶。

          長久以往,我們對文字理解,對寫作文就會構建起豐富的背景知識。

          那么在設計中也是一樣的,在前期,一定要每天堅持大量的閱讀,培養你的眼界。

          閱讀什么呢?我覺得可以針對性一些,比如:

           

          a.大量看UI設計作品

          網上因為作品有好有壞,如果你早期無法判定好的作品,可以去看一些獲獎的作品,比如kdesignaward、Adobe設計大獎,IF設計大獎等。

          圖片
          圖片
          Bomapp(kdesignaward)
          圖片
          DuerOS(百度車聯網)kdesignaward

           

          b.創意性網頁UI作品
          圖片
          圖片
          圖片

           

          c.品牌設計作品
          圖片
          圖片

           

          d.插畫設計作品
          圖片
          圖片

           

          e.版式設計作品
          圖片
          圖片
          圖片
          當然不止這些,比如你還可以看看一些裝置藝術、科幻藝術、三維作品、攝影作品、文化類作品,總之早期一定要堅持大量閱讀。
          我們大量閱讀是為了建立豐富的背景知識庫,積累越多,你的審美自然也會跟隨提高,當然做設計的想法就會有更多。

           

          2.什么情況下知道,我的審美提高了?

          前期大量閱讀了很多作品,這時候你需要把牛逼的作品收集起來,等半個月后,再去看看之前搜集的作品,如果發現有部分很丑,那么恭喜你又往前走了一步。

          成長是需要一個過程,切忌操之過急,關鍵是需要自己動手去執行,不能等著被改變。

          圖片
          https://www.pinterest.com/Tonyrosie666/_saved/

          我們可以去建立一個圖板,雖然很多人有這樣做,但是真正做到復盤,然后去刪除之前采集的人很少。

          如果不去復盤,不去思考,進步當然會緩慢,抱怨也是沒用的。

          低頭趕路,也不要忘了抬頭路,我們要隨時知道是朝著正確的方向努力。

           

          3.學習一些理論

          當看了大量的作品,對美有些認知,但是你還是不知道怎么表達美?這時候,你需要學習一些理論的支撐。

          我們通過閱讀大量作品構建審美認知,通過閱讀書籍、文章理論構建審美體系。

          比如,德國工業設計師迪特·拉姆斯提出好設計十項原則:

          好的設計是創新的
          好的設計讓產品更加實用
          好的設計是美觀的
          好的設計使產品更易理解
          好的設計師謹慎克制的
          好的設計是誠實的
          好的設計是經典永恒的
          好的設計是細致的
          好的設計是保護環境的
          好的設計要盡可能簡單

          又或者:

          我們可以從形、色、質、字、構、動等6個維度去拆解,又或者可以利用格式塔心理學來進行設計質量的評估,比如我們常說的相似性、親密性、連續性、焦點歸一等。

          再比如,當你看到一個吸引你的設計作品,你可以這樣思考吸引你的點在哪?

          比如:是圖形運用很巧妙還是質感表達很新潮?又或者色彩創意很棒,一般一個好的設計都會滿足形、色、質、字、構等,至少要3個以上維度。

          當然還可以通過看書積累對設計美的表達,總之就是要大量輸入,構建豐富的知識庫。

           

          4.推薦一些網站

          提升審美必須每天堅持看,這個是毋庸置疑的事情。這里,推薦一些我常常去看的網站。

          a.savee

          圖片
          https://savee.it/

           

          b.pinterest

          圖片

          https://www.pinterest.com/

           

          c.designweek

          圖片

          https://www.designweek.co.uk/

           

          d.designcollector
          圖片

          https://designcollector.xyz/design

           

          寫在最后

          提升設計審美,前期大量閱讀只是一個開始,我們還需要做的是不斷思考總結。

          同時還需要學習設計理論,這些我們可以通過看書或者和別人交流,在討論過程中,你自然知道他們是怎么評價這個設計的。

          路漫漫其修遠兮,學習是一個長期的過程,培養審美也是。

          積小步,成大步,沒有一蹴而就的成功,一切都是量變的積累。

           

          原文地址:功夫體驗設計(公眾號)

          作者:Tony

          轉載請注明:學UI網》如何培養設計美感,這個方法掌握了,想不進步都難??!

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

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

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

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

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



          提高用戶體驗的10個優秀案例

          lanlanwork


          一、特殊場景下的差異化設計

          根據用戶使用場景和特殊情況出現時,產品會結合變化呈現不同的功能或者服務,這種差異化的設計更能體現情感化設計的一面,提高用戶對于產品的認可度。

          騰訊新聞 APP 在東航事故出現時,在底部操作欄新增了祈禱的圖標,方便用戶表達祈禱的心情。特殊情況下的差異化設計滿足了用戶的情感需求,也體現出了產品的溫度,帶給用戶更強的粘性。

          圖片

           

          二、優化指引路徑提高操作效率

          通過提取本機號碼一鍵登錄減少了繁瑣的注冊流程,提高了登錄的效率,減少用戶的操作路徑。在登錄時都需要用戶同意一些條款協議等內容,當用戶未勾選時通常都是提示用戶,指引用戶選擇后操作。這樣的設計增加了用戶的操作路徑,使用體驗不是很好。

          網易云音樂 APP 在同樣問題出現時,提供了一個彈窗進行指引,用戶無需重復操作,直接點擊“同意并繼續”即可完成登錄。在用戶誤操作出現時,無需用戶過多的操作路徑,給出了更高效的操作解決方案,提高了用戶使用體驗。

          圖片

           

          三、溫馨提示降低用戶的過度依賴

          隨著互聯網時代的到來,太多的娛樂產品占據了我們的時間,過度依賴和使用耗費了大量時間。特別是短視頻的走熱,刷視頻容易帶來過度依賴,影響用戶的視力等健康問題。

          抖音 APP 作為用戶量龐大的短視頻產品,提高用戶體驗至關重要。為了降低用戶的過度依賴,提示用戶注意休息,特意設計了溫馨提示。用戶可以設置提示時間和進行管理,APP 也會定期提示用戶。溫馨的設計提高了用戶對產品的好感度,也能輔助用戶做好時間管理,以免過度依賴而影響休息時間。

          圖片

           

          四、隱藏式設計提高版面利用率

          對于用戶來說希望內容具有較高的可見性,提高內容的曝光度才能被關注。在控制內容的優先級時,通過隱藏式設計可以滿足更多內容的呈現,不過需要做好隱藏內容的引導,提高隱藏內容被發現的概率。

          網易云音樂 APP 在云貝中心簽到設計中使用了隱藏式設計,將簽到相關的附屬內容隱藏在展開卡片中,為更多主要內容提供了展示空間。為了提高展開的交互設計,在每天初次訪問時會默認展開,然后再收起隱藏,這個動態的指引提高了這個交互動作的曝光度。利用隱藏式設計滿足了產品需求,通過動作引導提高了用戶知曉度,是一個具備較好體驗的設計解決方案。

          圖片

           

          五、更人性化的模式設計

          隨著用戶群體的跨度增加,為了帶給不同年齡段用戶更好的體驗,眾多產品都針對不同用戶提供了定制化模式。特別是針對老年用戶而進行適老化設計,還有針對青少年兒童設計的時間管理等,不同模式滿足了更多不同年齡段的用戶需求。

          比如優酷 APP 在個人中心設計了“模式切換”,點擊可以設置長輩模式、青少年守護、兒童守護。針對不同年齡段對于產品的使用需求進行定制化,帶給用戶更加人性化的使用體驗。

          圖片

           

          六、定制化的播放頁模式設計

          不同用戶對于產品的使用需求有所差異,固定的模式雖然可以減少產品的開發成本,但是單一的體驗不夠人性化。針對不同用戶提供更多選擇,可以帶給用戶更加人性化的體驗。

          MOO 音樂 APP 為了滿足不同用戶對于播放頁的體驗差異,設計了播放頁模式定制化切換,用戶可以選擇以專輯封面或者背景大圖進行展示。為了直觀的方便用戶做出選擇,模式設計以可視化的圖形展示,便于用戶更快的做出選擇。定制化的模式雖然把繁瑣的事情留給了產品開發者,卻把更好的體驗帶給了用戶。

          圖片

           

          七、縮放預覽滿足對細節的體驗

          隨著短視頻走進更多用戶的視野中,短視頻的形式也是越來越豐富,滿足不同用戶的使用體驗至關重要。特別是圖片形式引入短視頻平臺,對于細節的體驗因人而異,縮放畫面滿足對于細節的體驗才能更加人性化。

          抖音 APP 無論是針對視頻還是圖片形式作品都可以縮放預覽,配合縮放的手勢交互帶給用戶放大細節查看的體驗,滿足了不同用戶對于細節的需求。手勢交互也是產品設計師需要多多探索的方向,更加便捷的操作有助于提升用戶對于產品的使用體驗。

          圖片

           

          八、滿足用戶好奇心的設計

          用戶從小白到依賴是一個逐步探索的過程,好奇心的用戶會點擊嘗試任何的功能,甚至連一個圖標或者 LOGO 都希望獲得彩蛋。作為設計師來說設計出來的每一個元素都需要考慮用戶體驗,給予反饋式的設計才能滿足好奇心的驅使。

          愛奇藝 APP 首頁左上角的 LOGO 展示你有注意到嗎?有沒有嘗試去點擊體驗,作為好奇心驅使特意嘗試了一下。點擊之后會跳轉到皮膚等設置的頁面,為該功能的曝光新增了首頁入口,用戶也可以通過個人中心“裝扮”進行設置。該設計解決方案不僅滿足了用戶點擊的好奇心,也賦予了 LOGO 展示功能化的作用。

          圖片

           

          九、可以標記和疊加的點贊設計

          點贊設計在眾多產品中均有體現,這是用戶表達對于內容的喜歡,以此來增加作者和用戶之間的互動性。為了吸引用戶點擊和帶來差異化的體驗,點贊設計也被腦洞大開,在表情化、疊加點贊、點贊標記、微動效等方向不斷探索。

          小宇宙 APP 在播放頁中對音頻進行點贊時,可以多次疊加點贊,點擊之后會針對音頻播放進度條進行點贊標記,反復點擊也會使得進度條紋增高,以此來強化點贊的程度。該設計解決方案不僅豐富了點贊的設計,也能通過標記和進度條紋的高度讓用戶記住關鍵的部分,方便后續回顧的時候知道哪些時間段是重要內容,提高用戶對于產品的使用體驗。

          圖片

           

          十、差異化的短視頻推薦設計

          作為新聞資訊類產品來說,大部分用戶的習慣還是圖文結合的閱讀形式,不過隨著短視頻的出現,改變了一部分用戶的閱讀習慣。通過短視頻獲取新聞資訊、搜索指定內容、學習生活技巧或者專業技巧等均可實現,改變了用戶的閱讀習慣和獲取內容的形式。

          央視新聞 APP 作為新聞資訊類的專業平臺,在滿足用戶閱讀新聞的同時,也跟進了短視頻觀看新聞的體驗。在底部標簽欄以舵式導航的形式作為短視頻新聞入口,點擊之后會有推薦視頻展示,差異化的推薦設計不僅提高了內容的曝光度,也吸引了用戶的關注度。

          圖片

           

          小結

          本期為大家總結了提高用戶體驗的十個優秀設計解決方案,體驗、分析、總結是為了掌握別人的設計經驗,積累設計靈感并運用到項目設計中。靈感的積累離不開總結,探索細微之處的差異化對于 UX 設計師而言至關重要。

          本期分享到此結束,僅為個人角度的體驗總結,希望可以帶給大家更多靈感啟發。

           

           

          原文地址:黑馬家族(公眾號)
           
          作者:黑馬青年
           
          轉載請注明:學UI網》提高用戶體驗的10個優秀案例

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

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

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

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

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

          To B端界面設計要點

          博博

          To B端界面設計要點精彩分析,希望能幫到在B類產品項目中的你:)

          寫在前面

           

          B端產品和C端產品作為兩種很不一樣的產品形態一直服務著廣大的用戶。它們各有各的作用,有很多B端產品還是一個非常龐大的系統工程,甚至有很多的公司就是專注于開發B端產品,我從業以來曾經參與過很多的(兩位數)B端產品項目,有的是從0到1的開發,也有的是在原基礎上更新優化,下面就從我個人的設計經驗整理出一些觀點。

           

          什么是B端和C端產品


          概念:B端面向商家和公司,組織;C端面向普通的大眾用戶; 

          B端是指:business--泛指生意,商業,公司和組織; To B即是面向商家和公司,組織,是給專職專業的用戶使用的產品,例如微信公眾平臺給制定的公眾號持有人使用,某公司的指揮調度系統,某停車管理系統,以及相關的后臺管理系統等。C端是指:consumer--消費者,顧客,用戶,是指被設計為能給普通大眾使用的產品;To C即是面向普通的老百姓用戶,例如微博,QQ,微信,新聞客戶端,淘寶等;

            

          幾乎男女老少都會使用的微信


          面向專職崗位人員使用的后臺管理系統


          兩者的不同點


          C端產品追求極致的體驗,;B端產品追求簡約、高效的完成工作 

          C端產品是為了滿足用戶某一主要的、固定 的核心需求,因此設計的目標是圍繞著這個核心需求,簡單直接解決用戶的需求,追求的是極致的用戶體驗,因為對C端產品而言,產品不好用,體驗不好,用戶就流失了,也就沒有盈利的可能了。

          B端產品的目標是幫助用戶把大量的復雜的工作,整理歸納,使得他們能高效便捷的完成工作,追求的是產品的簡約實用,提高效率,能很好的處理工作,有時候為了達成業務目標,甚至不惜犧牲部分用戶體驗。


          To B端界面的設計應該要重點注意什么


          很多新手設計師在接到新的需求的時候會沒有頭緒,不知道如何開展工作,在不了解業務的前提下很多時候被產品牽著鼻子走。那么問題來了,是拿到產品給過來的原型之后就開始設計了嗎?又或者沒有原型只有一些簡單的描述,又該如何開展呢。以下是我的幾個建議


          1,要了解業務

          因為B類產品不同于C類產品,并不是大多數人日常都會很普及用到的,所以就需要設計師主動的去了解行業,了解業務需求,不同的行業有不同流程和規則,甚至是一些特殊的需求;啟動用戶群體調研和用戶使用場景調研,有條件的可以開展用戶問卷調研甚至面對面訪談,整理出用戶的使用流程,調研后要求設計師自己能非常清楚這個產品的作用、用戶人群、和在特定的使用場景下的使用目標、和不同情境下的操作流程等。

           

          2,交互流程設計

          B端產品往往包含了比較復雜的業務,那在復雜的業務背景下如何通過設計來提高用戶的工作效率,這就對設計師有比較高的要求。在交互流程上要整理出一些操作路徑,要考慮它們的層級關系,先后順序,行業習慣等。通過操作體驗給用戶留下明確的印象,可以降低用戶的學習成本,提高產品的易用性。

           

          To B端界面的視覺設計


          ①、界面布局,分固定的和自適應的分辨率兩種,一般來說自適應的布局比較適合操作和展示內容比較多的系統,固定的寬度的分辨率的布局一般多用1200px以適應適配更多低分辨率的顯示器,現在的大屏幕設備非常普及了,很多系統轉為以1400px的寬度來設計,至于用哪一種的布局要取決于產品的功能了。

          界面布局視覺上的區分;當我們設計一個系統的主頁到時候,B端產品通常會分為很多功能模塊,即便產品經理會提供原型給UI設計師,他們有時候往往會在原型按照他們的想法來布局,這時候設計師需要主動地去了解業務去弄清楚各個模塊的主次之分。通過調研后,整理歸類任務模塊,按照業務流程和規則來區分模塊優先級。(圖例)

          ②、顏色,B端系統的界面顏色也非??季?,按照系統的功能特性來定,一般常規的系統界面都是以白色底色配以一種主色調的顏色來搭配的;第二深色的底色界面,深色界面能起到一種很好的襯托界面內容(如大量文字,數據,圖形,視頻等)的作用,深色界面再附以一些點線面和光的元素就能營造出一種炫酷的科技感。三是現在流行漸變色,漸變色和純色會給人一種繽紛,輕松愉悅,有活力的年輕的感覺,所以大家在設計不同的B端系統界面的時候要考慮產品的功能性質來選擇用顏色。

          ③、導航,導航可以解決用戶在訪問頁面時:在哪里,去哪里,怎樣去的問題。一般導航會有「側欄導航」和「頂部導航」2 種類型。一:側欄導航:可將導航欄固定在左側,提高導航可見性,方便頁面之間切換;頂部可放置常用工具,如搜索條、幫助按鈕、通知按鈕等。適用于復雜的、功能多的中后臺的管理型、工具型網站。二:頂部導航,順應了從上至下的正常瀏覽順序,方便瀏覽信息;頂部寬度限制了導航的數量和文本長度

          ④、按鈕,通常B端產品分為較多的功能模塊,也對應有很多不同的按鈕,在設計按鈕的時候,我們第一要分清楚哪些按鈕對應哪些功能,在設計上要做出區分。

          ⑤、表格,表格的設計遵循簡潔和易讀性為主,表里面的文字內容是主要的設計重點,例如信息層次的明確、對齊的原則等。


          ⑥、彈窗,不僅有操作反饋的作用,同時又是一個承載更多的操作功能的容器,彈窗的設計要有規范性,組件化。


          視覺設計方面除了常規的設計流程,我想說的是綜合考慮和相關的系統銜接,體驗的一致,視覺風格的統一和品牌的建設。

           

          設計師還能做些什么


          雖然設計師和產品經理以及開發已經溝通過相關的業務需求,但設計師一定要懂得切換角度來看待問題,一方面設計師的視角相對注重視覺上和交互上的設計細節;第二我們也要懂得站在開發和產品的角度考慮,哪些效果能不能實現,也是需要我們和開發同事密切配合的;另一方面要更加注重代入用戶的角度來思考,這樣才能做出合理適用的設計,甚至能挖掘新的需求,提出一些很好的建議,給產品和項目帶來加分和利好。


          總結


          因為B端產品業務需求,用戶目標,使用場景和用戶群體都不相同,所以設計師接到B端產品的設計需求時一定要先了解清楚業務,做好前期調研,其次要多站在用戶的角度來看待和設計產品。其實C端和B端產品,它們都要求要簡單實用和有效準確,都是為了更好的滿足用戶的需求,解決用戶的痛點。做好了以上這些關鍵點,無論遇到多么復雜的B端產品,我相信所有問題都會迎刃而解。


          文章來源:站酷   作者:chrisHCZ


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

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

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

          沒想到用上圓形后,設計感瞬間強了很多!

          lanlanwork


          1.圓的線性語言

          圖片

          線性圓形,它的粗細可自由變化,根據當前設計語言的風格調性特征決定的。線性圓形的作用絕大部分都是裝飾,豐富畫面視覺感官,它們大多情況下都是以單色或者黑白灰出現。

          圖片

          如果我們把上圖的圓形線條去掉,設計感自然就弱幾分。當然如果非要去掉也不會影響閱讀,有了圓形形式感自然增強許多。

          圖片

          LOGO符號應用,變為粗線條

          圖片

          UI界面中應用圓形

           

          2.圓形的漸變語言

          漸變圓形基本都是以粗塊面為主,它可以呈現出豐富細膩的質感、厚度、虛實變化的光影。

          圖片

          Sedigas

           

          西班牙天然氣協會Sedigas的品牌LOGO更新,通過圓形設計語言提取,在多場景下貫穿圓形的應用。

          Sedigas(可點擊圖片查看視頻或 點擊Sedigas查看原文中內視頻)

           

          在品牌視覺語言動態介紹過程中,我們可以看到圓形的應用和豐富的變化,圓形與物理世界萬物連接。

          來看看其他案例

          圖片

          圖片

           

          3.圓形面的特征

          當圓形以塊面的姿態出現時,它更隨和,更加溫潤。塊面的圓形和線性的不一樣,塊面圓形更加厚實,整體性,更聚焦。大部分情況下作為背景或者承載內容的容器。

          圖片

          UI界面中,有時候圓形也可作為功能承載,操作區域更直觀可視化。

          圖片

          當以時裝飾元素使用, 圓形一般都會用作強調一些重要信息,同時也增加設計形式感,張力,可玩性。

          圖片

          圖片

          圖片

           

          4.圓形參數化特征

          參數化圓形,它簡單純粹,以一種單一形態不斷重復幾個甚至幾十個上百個的相同的形態,這些重復出現的圓形,大部分都是以裝飾視覺效果呈現。

          圖片

          我們可以看到大部分圓形以線性姿態不斷重復,而且重復中帶有規律可循,比如朝著某個方向拓展開,這個方向可以是斜方向、水平或者垂直。

          圖片

          以同心圓的方式向外計算擴散開。

          圖片

          圖片

          圖片

           

          5.圓形的肌理

          上面我們講到了圓的線,塊面圓、參數化形態和漸變特征,那么在最后這個模塊,我們可以看到圓形還有一種特殊的存在,那就是肌理,這里說的肌理不是貼圖的那種材質,而是通過幾何演變來實現的,比如通過多條線的組合而形成,下面來看看。

          圖片

          上圖的圓形,由多個長條幾何形狀不斷重復形成,這些重復幾何條狀物就形成了一個大圓形的肌理視覺特征。

          圖片

          右上角圓形線性陣列,通過重復小短線條而形成,在一些特殊場景下,這種陣列圓形圖還可以用來打造視覺記憶點或者品牌DNA序列。

          圖片

          圖片

          圓形應用遠遠不止這些,比如還有立體、真實物理質感,還有多形態、空間感營造等等。

           

          今天列舉出來的這5種形態是我們設計中常用,不過在使用時候還是需要依據產品視覺調性合理應用,形式要追隨功能。

          原文地址:友設青年(公眾號)

          轉載請注明:學UI網》沒想到用上圓形后,設計感瞬間強了很多!

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

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

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

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

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


          設計效率工具趨勢 | 綜述篇

          lanlanwork


          一、日常積累

          設計師日常除了應對當下的需求,每天可以拿出一定時間保持學習的習慣。不僅可以讓我們緊跟最近的設計趨勢、設計潮流、設計方法,也可以讓我們潛移默化中得到提升。

          Panda|全而美的設計訂閱平臺

          圖片

          Panda幫助設計師不錯過每天的設計靈感和資訊,包括新的設計方法理念、流行潮流、也有一些新產品推出。我們可以把Panda替換Chrome主頁,每次打開瀏覽器頁面都可以隨時看到最新的設計資訊。一些英文的訂閱也可以用chrome瀏覽器的翻譯功能可以粗略查看。

          地址:https://app.usepanda.com/#

           

          Topys|創意內容平臺

          圖片

          全球頂尖創意內容平臺,作為中國成立最早、最受歡迎的創意垂直網站,以 “Open Your Mind” 為宗旨,始終專注在全球創意、藝術、靈感、人文領域尋找最有質感的聲音。

          地址:https://www.topys.cn

           

          Voicer|分享生活和設計的美學

          圖片

          我們總在生活中與「一瞬間的感動」相遇。Voicer的理念即是發現這「感動」, 將它傳遞給更多熱愛生活的人們。內容包括創意內容品牌、在線雜志等。致力于分享生活和設計之美。

          地址:https://www.voicer.me

           

          Design better|優質設計讀物網站

           

          涵蓋設計商業思維、產品設計原則、設計系統等關于推動設計團隊前進的實踐讀物,同時提供PDF和有聲格式。

          地址:https://www.designbetter.co

           

          二、研究分析

          設計師在調研過程會研究用戶、記錄用戶的行為和需求,會使用一些高效的記錄工具。同時繁多的調研的信息需要匯總整理,協作整理,這里會推薦一些記錄和整理的工具給大家。

          Noted|錄音筆記好工具

          圖片

          Noted 是一款將錄音和筆記相機相結合的軟件。我們做訪談用戶或做會議紀要的時候,經常錯過記錄的內容,如果通過一些軟件錄音的話,后期回聽需要比較多時間成本。Noted可以在記錄筆記的同時記錄輸入文字的時間點所對應的錄音,輸入的每個字的時間點都會對應到。當內容沒記錄下來時可以隨時跳到對應時間的錄音進行回聽,方便在漫長的錄音文件中快速檢索。

           

          Marginnote|文獻收集箱

          圖片

          重塑學習方式的閱讀筆記工具,更加高效閱讀書籍和學習,可以在閱讀時摘錄筆記,制作學習卡,提取關鍵詞,根據筆記生成思維導圖,梳理知識框架。非常適合閱讀專業書籍,閱讀論文以及復習。

          地址:https://www.marginnote.com/chinese/home

           

          GoodNotes|手寫筆記

          圖片

          一款功能強大的手寫筆記軟件,擁有多種筆記封面和紙張模板可以選擇,支持自定義模板,可以簡單處理圖片,可以導入pdf、ppt等文稿并做標記,也適合做電子手賬。

          地址:https://www.goodnotes.com/zh-cn

           

          騰訊文檔|在線協作

          圖片

          調研階段方便多人一起搜集資料和匯總,多人同時在線編輯,內容實時同步。隨時隨地高效協作,輕松創作。

          地址:https://docs.qq.com/home

           

          Xmind|思維導圖

          圖片

          功能強大的思維導圖軟件,極簡設計,流暢體驗,多種結構圖風格選擇,方便資料的匯集和思路的整理。

          地址:https://www.xmind.cn

           

          三、設計創作

          當設計目標確定時,接下來進行具體的創意設計。設計師除了通過腦暴進行發散方案以外,一些高效的設計工具可以讓我們事半工倍。

          3.1 靈感搜集

          Collect UI|界面靈感

          圖片

          UI設計靈感庫,基于dribbble平臺精心挑選優質內容,提高效率便捷,為設計師提供專項更好的靈感。同時支持郵件訂閱推送。

          地址:https://collectui.com

           

          Adobe Color|配色靈感

          圖片

          Adobe color不僅從各個維度解決了我們的配色需求,同時也提供找圖需求。其中包含 9 種智能調色模式可以選擇。拾取主題色、拾取圖片中的漸變色、協助工具可以合理幫助檢查不同顏色的對比、探索behance趨勢。

          地址:https://color.adobe.com/zh/create

           

          Useanimations|圖標動效靈感

          圖片

          圖標動態效果庫,當繪制的圖標需要一些巧妙的微動態效果時可以參考。

          地址:https://useanimations.com/index.html

           

          3.2 設計打磨

          FigmaEX|插件可視化

          圖片

          當插件特別多時候,FigmaEX極大的改善了Figma中使用插件的體驗,將插件可視化??梢赃M行展開,同時顯示插件的名稱與圖標??梢酝ㄟ^拖拽調整插件的順序,調節高度。

           

          Autoflow|流程圖插件

          圖片

          輸出交互設計稿的時候,方便快捷的在不同畫板之間連線,提升輸出效率。

          地址:https://www.figma.com/community/plugin/733902567457592893/Autoflow

           

          Skewdat|傾斜插

          圖片

          這是一個非常簡單實用的 Figma 插件,它可以幫你將任何形狀元素傾斜過來。

          地址:https://www.figma.com/c/plugin/741472919529947576/SkewDat?ref=prototyprio

           

          Undraw|插畫素材

          圖片

          最棒最全的插畫庫,支持快速搜索,一鍵調整顏色。

          地址:https://undraw.co/illustrations

           

          Magic Eraser|輕松移除雜物

          圖片

          一款免費的在線服務,它通過 AI 自動去除圖片中不需要的部分,只需要上傳圖片,等待幾秒鐘即可。用鼠標把不要的部分劃掉,松開鼠標就會閃幾下,被劃掉的部分就消失了,比如去水印之類的小東西,如果用 PS 的圖章,估計要十來分鐘,而用 Magic Eraser 就幾秒鐘,簡單易用,推薦使用。

          地址:https://www.magiceraser.io

           

          3.3 設計驗證

          Checklist Design|設計清單

          圖片

          設計輸出后可以通過這個清單去做最后的檢查。網站列舉了一些通用場景(頁面、元素、流程、主題、品牌)下的基本設計要素??梢詸z查你的設計在這些場景下是否符合規范。樣式、顏色、命名、易用性等是否合適。

          地址:https://www.checklist.design/?ref=prototyprio

           

          四、測試評估

          好的方案不是一蹴而就的,設計方案需要不斷的打磨和迭代。方案需要持續和用戶進行溝通和測試,才能得到完善的方案。也需要和開發工程師不斷溝通,以達到最佳的實現效果。

          4.1 用戶測試

          騰訊文檔|在線收集表

          圖片

          用戶測試階段方便高效的收集用戶反饋,一般用于定量的用戶測試。

          地址:https://docs.qq.com/

           

          Hawkeye|眼動追蹤工具

          圖片

          一般的眼動跟蹤設備比較昂貴,使用繁瑣。這個名為鷹眼的眼動追蹤APP,可以通過手機前置攝像頭捕捉用戶在使用產品時的視覺動向。

          地址:https://www.usehawkeye.com/?ref=prototyprio

           

          4.2 評估還原

          CoDesign|騰訊自研設計協作平臺

          圖片

          覆蓋產品經理、設計師、工程師協作需求。設計交付更輕松,有效管理和使用設計資產。

          地址:https://codesign.qq.com/

           

          Pixel Eye|高效視覺還原

          圖片

          在項目上線前設計師都會對最終的產品實現效果進行走查,以保證設計還原的準確性,體驗的流暢性。這是一款視覺還原工具,幫助前端工程師在頁面重構階段就能快速發現開發稿與視覺稿的差異,實時對比、實時修改,減少工程師與設計師的溝通成本,提升整體開發效率。

          地址:pixeleye.暫未對外開放敬請期待

           

          五、對外宣傳

          設計完成后匯報展示、產品的宣傳包裝等,提供更便捷優秀的展示形式。

          5.1 效果展示

          Mockup World

          圖片

          樣機的類型全面而且免費,綜合質量很高。

          地址:https://www.mockupworld.co

           

          ls.graphics

          圖片

          素材非常優質精美,有免費和付費的資源。

          地址:https://www.ls.graphics/#UI

           

          5.2 在線作品集制作

          Adobe Portfolio

          圖片

          主要面向設計師群體,幫助設計師建立個人在線作品集。幾分鐘就可以建好一個作品集網站,提供精美模板選擇。最大的特點是易于操作,無需懂網頁程式,都能在建立一個網站。最重要的是你可以使用自己的域名。Adobe Portfolio需要收費。已訂閱用戶可免費使用。

          地址:https://portfolio.adobe.com/start

           

          Portfoliobox

          圖片

          針對設計師或者創意人員的作品展示工具,可以直接在網頁瀏覽器中搭建屬于你的作品展示平臺。

          地址:https://www.portfoliobox.net/cn/

           

          結語

          此綜述篇大家有了比較整體的了解,在設計流程中每個環節,介紹了一些比較好用的工具,后續的設計工具系列文章會針對某一環節進行更深入的探索。

          圖片

          感謝閱讀,以上文章由騰訊ISUX團隊創作,版權歸騰訊ISUX所有,轉載請注明出處,違者必究,謝謝您的合作。 

           

          原文地址:騰訊ISUX

          作者:ISUX設計

          轉載請注明:學UI網》設計效率工具趨勢 | 綜述篇

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

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

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

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

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



          B端產品-StreamLake-RTC

          lanlanwork



          (本作品所有數據均為Demo演示,非真實數據,知識產權屬快手所有,未經許可不得轉載)

          (本作品所有數據均為Demo演示,非真實數據,知識產權屬快手所有,未經許可不得轉載)

           

          原文地址:站酷
          作者:三魚先生

          轉載請注明:學UI網》B端產品-StreamLake-RTC

          藍藍設計建立了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国产综合