亚洲欧美香蕉在线日韩精选_www在线观看美女视频_娇妻的呻吟大团结内裤奇缘_免费a漫禁漫h漫在线

首頁

B端設計攻略!16000字干貨幫你掌握通用/布局/數據展示三大組件|北京藍藍UI設計公司

周周

B 端設計的文章和資料參考,缺少系統性的說明,這是我總結第五篇。本文主要闡述——通用樣式、布局和數據展示。

自然語言界面:開啟人機交互的全新篇章

博博

人機交互界面經過幾十年的發展,人與機器間的交互變得越來越容易,隨著ChatGPT等大語言模型的出現,一種我們既熟悉又陌生的交互方式再次進入大眾視野,它就是自然語言界面(NLI)。

UI咨詢公司-藍藍設計:頂級秘籍:提升UI設計吸引力的3大絕招

博博

想要讓你的UI設計在海量應用中脫穎而出,吸引用戶眼球嗎?如果你正在尋找提升UI設計吸引力的絕妙方法,那么你絕對不能錯過本文!我們將為你揭示頂級UI設計師都不會告訴你的3大絕招,讓你輕松掌握提升UI設計吸引力的關鍵技巧,讓你的設計在競爭激烈的市場中獨樹一幟!

宏觀視角:聊聊AIGC對設計行業的影響與啟發

ui設計分享達人

自2022年下半年開始,席卷而來的AIGC對設計工作者帶來不小的沖擊,設計本是一個“GC”生產內容的崗位,AI生產內容有什么不同?

 

 



如何理解一波浪潮的發生邏輯及影響,如何用好AI工具幫助我們生產內容,是群核設計團隊的新課題。目前有了一定的成果和觀點,今天跟大家一起分享與交流。


本文將從宏觀角度來聊聊這一輪AI對設計行業到底有什么影響,對我們有什么啟發?

 

 

 


了解今年狂飆的AI


現如今AI火熱體現在3個方面:

  • 生成式AI到了技術發展從開始走向期望的膨脹期,現象級產品已經出現;
  • 在產業結構中,AI智能應用近乎爆發的狀態;
  • 生成式AI的可控性突破也是爆火的重要原因之一。

 

1、技術發展趨勢的預測


(Gartner每年都會盤點新技術處在哪個階段,分起步、期望膨脹、破滅、發展幾個階段,以此幫助判斷科技產業未來走勢)

 

去年9月份,「Gartner」就預測生成式AI已經進入期望膨脹高位,到2023年8月「Gartner」剛發布人工智能技術成熟度曲線,生成式AI從技術萌芽期到技術膨脹期的頂峰,跟過去一段時間AI在學術、產業、資本領域的爆火完全呼應。

 

 

 



另一方面,Gartner預計AIGC未來5年會是預期破滅的時段,這是任何一項新技術成熟發展的必經之路,也可以理解是AI技術融入現實的開始。


2、 從產業的結構看,這一輪爆發的機會在智能應用


硬件、云平臺(模型層)、智能應用、應用分發構成了AI整個產業鏈條,站在產業格局的角度看,算力很重要、硬件卻并非關鍵。
這輪變革最大的機會在應用層面,所以大量涌現出智能應用,比如ChatGPT、Midjourney;以及各行各業基于大模型對AI能力接入,提升自己產品力或服務能力。

 

 

 

 



3、生成式AI在可控性層面的突破


生成式AI并不是剛出現,這一輪爆火,除了訓練參數的質變,還有一個原因是是“可控度”,即在多個應用領域局部、初步思維上可控,AI可以從隨機到可控的生成,才有了更多可用的場景,也是這一輪技術變革關鍵原因。

 

 

 



從GPT-3.5到GPT-4,生成式AI的邏輯推理能力顯著提高。擁有強大的分析能力(如從文章中提取數據,總結趨勢),控制能力(如將人類語言轉化成復雜系統控制指令)和初步的邏輯推理能力(如解答簡單的數學、邏輯題)。可生成的文本內容也擴展到數據、表格、代碼、指令序列、工作流或工具鏈等結構化文本。這直接引發一大批以Copilot為特征的新工具爆發。


內容創建工具是生成式AI落地最直接也最快捷的場景。隨著生成式AI可控性的提升,內容創建任務會從文本、圖片創建,過渡到視頻、3D、動畫等,讓設計從業者有了更多“創作團隊”。

市場的期望膨脹、面向用戶的智能應用爆發、內容生成可控性的提升,在產業變革的漩渦中,以內容生產謀生的設計師,我們需要了解AIGC到底對設計行業產生了什么影響,到底替代到什么程度了,設計師該如何應對?下面重點聊下這幾個話題。

 


AI對設計行業產生什么影響

影響體現在3個方面:

  • 設計門檻降低了,中低端設計需求將會變少;
  • 設計崗位有了更多的“武器”來提效或提升質量;
  • 新的交互形態對傳統的圖形界面工作者有一定的沖擊。

 

1、設計門檻降低,設計工具平民化


設計越來越平民化,對設計要求不高的個人、團隊、組織將可以靠自己“完成設計”,拿到產物,某種程度上講,這部分中低端設計需求工作被變少了。

 

 

 



2、“全面”替代設計崗還是增強設計崗?


自人工智能出現以來,替代的聲音一直是熱度話題,技術的變革都有兩面性,對于AIGC發展,到底是替代還是增強設計?

 

替代和增強是兩個不同概念, 以汽車市場為例:電車與油車市場是替代關系,但自動駕駛則是增強的作用,油車、電車都可以擁有自動駕駛,都可以起到增強的作用,之所以目前電車自動駕駛做的比較好是因為作為新的物種巔峰傳統市場需要多方位的優勢。

 

結論1:職業的替代還有一些距離

 

 

 

 



有個有趣的現象,不管是什么崗位,外界對AI的應用程度,總比行業從業者要“樂觀”很多,比如UI、前端崗位,感覺已經不太需要他們參與了。


 

 

 



實際在真實的商業生產環節中,職業完全替代還不夠明顯,但崗位工作的滲透是在進行的,以UI和創意來舉例:比如設計師可以通過Stable Diffusion、Midjourney來生成配圖、圖標、以及方案的初步原型,然后再進行精細化設計。


結論2:崗位增強可部分實現

 

 

 

 

 


下圖是設計團隊的典型場景,我們用AI結合各設計環節進行試驗,初步得出一些典型場景中的應用及可應用的程度,后續我們將以案例形式分享主要環節的應用成果,暫不贅述。

 

 

 



對內容生產的設計師來說,AIGC產品可以作為一種創作工具來豐富設計手段,加速設計 OR 提升設計質量,以Midjourney生成素材為例:

 

 

 

 



相比C4D做一個素材,可以大大提升出圖效率,這種與AI協作的形態,市面上也是最多的,本質是增強設計師產出的效率。

 

3、新的交互形態對“傳統用戶界面”從業者的沖擊


界面交互的需求繁榮得益于圖形交互的興起和市場的發展,從CLI(命令行)GUI(圖形交互)LUI(自然語言交互),對設計服務的要求自然不同:

 

 

 

 



CLI時代,不需要畫圖的交互,特定人群用特定命令與電腦進行交互;


GUI時代,圖形的準確性、吸引力能直接影響業務效果(流量、轉化、收入等),尤其是消費類產品;


LUI時代,對圖形需求變少,可能又會遇到新的交互形態與需求,如多模態交互、用戶情緒設計與引導等等。

現在生成式AI產品,文生文、文生圖,多見的交互形態就是一個輸入框、一個語音輸入按鈕,即一個入口可完成“幾乎所有的任務”。

 

 

 


原本完成這些任務需要UI、前端大量的頁面、彈窗等交互流轉,現在直接繞過了這些復雜的界面環節,如果語音能直接作為直接輸入的方式,連“輸入框”都不需要了,用戶自然對話就可以完成任務,對“界面交互”從業者來說總需求量就變少了。

可能有人會問:各公司都在開發和迭代AI工具,市場需求不是增多了嗎?

 

 

 


這里以SaaS公司為例:


短期內,各個軟件開發公司都是以SaaS上生長AI功能為主,本質還是加功能的邏輯,AI只是一個沒有顛覆和替代原產品形態的附加功能,或者是Copilot。


長期看,除了SaaS+AI,AI改變行業的可能性,大概率未來大量在AI上生長SaaS,那將更大程度上沖擊著從業者的原有工作范式,圖形界面工作者可能會需要轉型為AI交互、AI多模態交互定義者(可能),總體需求可能變少。

 

 

 

 


更有甚者認為,某些SaaS業務在人工智能時代“Software as a Service”中的“Software”不一定存在,Service的提供形態將會多樣化或“弱界面化”,這樣對應原工作形態的從業者,將會帶來不小的沖擊。


現在的AI,擅長哪些地方


真正在實踐使用AI工具的過程中可以發現,目前的AI強大但不完美,準確的說現在的AI產品在很多場景都會出問題或者說“不如人”,但我們需要用它“超出人”擅長領域,也需要知道和規避它的短板。


設計師主要打交道的信息載體為圖形和文本,下面主要對圖形類、文本類做分析和應用探索。

 

1、圖形設計:創意插畫、圖片類


越具象越復雜,效果越好:


圖形生成類的AI目前有明星產品Midjourney、Stable diffusion、Dall E等,基于大模型通過文生圖、圖生圖的方式,得到結果。


在生成的圖片時,越具象AI表現越好,因為具象可以通過很多關鍵特征去描述它,越抽象越難描述。

 

 

 

 



不考慮思考過程時間消耗,將人工手繪和AI繪制對比,AI可能無法穩定的繪制靠左的相機圖形,但可以很快、較穩定的繪制右邊的相機,而人去繪制右邊相機可能需要至少一天時間,還不一定有AI效果好。


所以現在市面上用AI做設計都是比較復雜的圖形,比如人物角色、動物、3D物件等


引申話題:從降低設計門檻,替代部分設計工作來講,前些年模板式設計也很火,從出圖的角度考慮,生成式AI與模板式設計,哪個好,選哪個?


如果不畫圖就快速的產出,模板式設計與生成式AI出圖是擺在面前的兩種選擇,模板式設計不算AI,可以當做“智能產出”,到底哪個好,核心差異在哪?

 

 

 

 



僅討論目前的產品,模板式設計是非專業設計師的生產工具,生成式AI工具是專業設計師的“外掛”武器。


模板式設計雖然在類型上、自由度上容易局限,但上手難度低,可以直接拿到產物全部,不需要再次的圖片拼接與再處理,對于非專業人士還是非常友好的,因此模板式設計在AI沖擊下,仍有市場。

 

 

 

 



對于專業類設計師,尤其是對產出要求比較高的場景,模板式設計可用之處較少,反而生成式設計能幫助設計師在靈感和方案可能性的探索上提供內容,如Stable diffusion、Midjourney。

 

 

2、文本類


文本類生成式AI比較成熟的,如ChatGPT、訊飛星火,以及各大語言模型衍生出一系列文本對話式的AI產品、插件。


以ChatGPT為例,擅長對客觀、強規律性的內容回答,并具備舉一反三的能力,如推理類、總結類、常識類、翻譯類等問題。

 

 

 

 



結合設計場景,利用大語言模型分析、推理、總結能力,可以輔助設計完成內容總結、報告內容提煉、知識解讀、內容續寫、創意發散與腦暴等場景。


除此之外,市面上不少基于大語言模型,結合原本的產品能力,讓產品更智能的智能應用:

  • 如視頻解析文本+大語言模型,典型產品有飛書妙記、通義聽悟,可以進一步提煉視頻中的內容,在會議記錄提取、可用性測試問題還原提取上非常實用;
  • 如PDF解析能力+大語言模型,可以讓PDF具備可檢索、可提煉的,對于設計師來講可以利用此能力來分析行業報告、日常的設計調研工作更輕松,典型產品:ChatPDF;
  • 如思維導圖、文本撰寫產品+大語言模型,可以幫助設計在梳理思維導圖時輔助腦暴創意、制定有條理的內容,典型產品:Boardmix、Notion AI等。


3、界面設計


界面設計中的AI主要有幾種:

  • 界面生成;
  • AI Copilot;
  • 局部AI小功能,如填充文本、圖片,生成設計系統等。

 

這里主要聊下界面生成,因為后兩者在場景痛點或創新顛覆性上相對弱一點。


市面上有UIzard、Galileo、即時設計、Figma等界面設計工具增加了AI生成界面能力。目前看到的案例能嘗試生成一些高度通用的頁面,如Onboarding page和Delivery app。

 

 

 

 



不考慮“只是體驗下這個功能而已的情況”,目前界面類的產品難以融入到設計流程里,主要原因是生成結果不穩定。
生成的飛機稿對于設計來說增益還不顯著,真正扎根業務的界面設計師缺的也不是飛機稿、過程稿。市面上界面設計已經足夠的類型化和模式化,我們日常可以從大量的案例庫做設計抉擇。

 

 

 

 


對于業務非常垂直,目前界面生成的AI也缺乏領域知識,不過相信只是時間問題,將來規則的成熟也將更大概率的來補充、或替代部分界面設計的工作。

 

 

 

 



因為界面設計在各行業、各企業中始終在朝著規則化、結構化、系統化的方向發展,未來將企業各自定義的設計系統喂給AI,基于偏好的生成結果,已經有團隊在研究和試驗了,如果可以成熟推向市面,對于界面設計來說還是非常值得期待的。


4、市面上設計廠商如何與AI產生關系


其實目前設計團隊或設計行業與AI的關系,可以歸納為3種形態:

  • 用已有ai,輔助設計
  • 研發ai,賦能業務
  • 設計型SaaS,做ai功能賦能行

 

 

 

 

 


這里不涉及設計作為UI、UX接相關AI業務需求的場景,目前主要的關系是用AI工具輔助設計,設計驅動研發AI賦能業務在部分大廠有,非常稀缺,設計SaaS賦能行業總體來講玩家數量有限,這里不再贅述。


小結


AI熱潮已經來臨,尤其是在智能應用層面爆發式增長,對于內容生產的設計師,雖離替代還有距離,但AIGC提升商業性內容生產的效率和質量,已經在發生,且在將來一定會更深度的改變商業內容生產的發展。

 

 

 



目前的AI產品在創意設計、文本類場景可以找到比較成熟的落地可行性,設計能有效的結合到內容生產過程中去。

  • 具象表達的圖形,可通過生成較好完成產出;
  • 藝術性強、復用性比較弱的場景、素材;
  • 文本型的AI可以幫助設計師在總結、查詢、梳理等場景;
  • 界面類生成AI工具,能為初次設計提供一些方案可能性,目前生成效果、可控性遠達不到“可用”狀態,未來可期。

 

 

趨勢已來,設計師該如何看待和應對?


從今年三四月份開始,全行業AI替代的聲音讓設計師的焦慮也前所未有,AI時代我們需要怎么看、怎么入局?
作為設計師,我覺得可以從設計服務、歷史發展的角度來理解和順應這一輪技術的變革,更清晰的了解發展趨勢、危與機。

 

1、從設計服務的角度,看這一輪技術變革


遠觀歷史,科技與社會進步,持續帶來的新機會:


從歷史角度來看,設計是服務于科技和社會進步的,每一次技術的發展社會的變革,勢必帶來設計形態的改變,從兩次工業革命到信息化、智能化時代,每個周期內都會衍生出新的危和機。

 

 

 



AI時代,生成內容讓創意有了更多可能性,在設計領域將可能在21世紀造就下一個“包豪斯”。包豪斯讓工業現代化的技術與藝術融合,創造了把藝術和商業相結合的新模式,如今AI作為新技術為創業產業帶來的創意生產力也將是前所未有的。


近觀信息網絡的發展,設計師一直在面對新命題


從信息交互的發展看,設計作為一種崗位,服務于商業在科技發展的不同時期,以平面設計為例,對設計師有著不同的要求:

 

 

 

 

 

在印刷時代對手頭版式功夫有較高的要求;

 

在圖形交互軟件時代,對圖形的抽象與軟件基礎表達有新的技能訴求;在上世紀90年代,在硅谷如果有人熟練Photoshop,都可以直接創業或成為非常稀缺的人才。

 

在互聯網興起,門戶、信息爆炸時代,對信息的傳播、呈現有新的要求,在技法的表現格外注重。

 

在移動、產業互聯網,對設計對用戶、端、商業、技術理解又有新的要求;

 

在人工智能時代,部分重復性、初級的設計需求將被替代,設計師乃至互聯網職場人的能力維度將隨之會有所改變,善用AI的綜合能力素養變為剛需,在能力維度上接近于“雪花型”。

 

 

 

 



因此,設計師別慌,從設計變革和信息技術的發展來看,設計一直在面臨變化,只有順應變化給我們新的要求,我們才能轉危為機。

 

 

2、如何應對


不是所有設計師所在公司都會有AI相關研發,對于設計崗位來講,利用AI去生產內容成本極低的一件事,所以小編認為做好兩點:一是用好工具;二是轉變思維,重新布局個人能力

用好它,就現在

 

 

 

 

 


如前文Gartner預測,AI目前已經進入預期的頂峰,在接下來一段時間可能會趨于冷靜,但不是停滯,是更深度與現實結合的窗口期,不會同當年的“元宇宙”那樣,都在喊沒人行動的局面,因此我們需要:用好它,就現在!

不是說人人都成為Prompt設計師 or工程師,其實也不能這么叫,未來AI產品趨于穩定成熟的情況下,它是一項基礎技能,如同設計師掌握PS使用技能一樣,沒人會叫自己是PS設計師,PS工程師。


本質上AI產品只是一個拿到結果的工具,關鍵不在于Prompt(雖然目前非常重要),而在于工具使用前的想象力和洞察力,以及之后對結果的判斷、審美和應用落地能力。

 

 

 

 



目前群核設計團隊在創意表達場景上試點應用,梳理教程總結方法,找到契合的業務需求或設計過程,讓AI局部參與,并梳理幾個關鍵產品使用方法,后續還會在更多的場景中應用與探索。

 

布局個人能力,讓AI成為個人能力的超級后備軍。


利用專業審美和技能,開發風格模型、大模型是設計應該關注的,就如同組件一樣,一套組件可用于多個場景。大模型亦是如此,做出屬于自己團隊適合的風格,訓練出足夠優秀的大模型來復用至以后的場景。

 

雖然目前的AI能力不完美,技術調優、應用場景還有很多提升空間,但對于設計師積極擁抱它是必然趨勢。

 

 

 

 


利用AI的長處,豐富自己的能力,披上外掛讓自己內容產出質量、效率加倍。

 

以上是本文的所有內容,針對AIGC對設計行業影響及啟發,從宏觀視角進行闡述,AI時代設計師將面對危機共存的情況,如何看清事物發展的方向與規律,順應趨勢,趁早入局,成為時代需要的人,從而成為趨勢與變革的受益者。


后續我們將會分享更多設計應用案例:AI在如何融入到設計場景中,敬請期待~

 

 

 

 

 



作者:酷家樂UED
鏈接:https://www.zcool.com.cn/article/ZMTU3NDc1Ng==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 
 

藍藍設計(axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

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

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計

軟件qt開發軟件wpf開發軟件vue開發

回顧飛書管理后臺的更新,這就是一個B端產品的發展史

ui設計分享達人

前言

如何了解一款產品是如何發展的?

我從 19 年到 23 年一直在關注飛書,4 年的變化,看到了我們作為設計師,在一款業務不斷發展的產品、日益龐大的產品線中,它是如何進行設計的優化。

 

今天我們會結合 4 年產品的競品截圖,通過圖片的方式來講解飛書的交互更新。

 

并且我也是深度使用用戶,也嘗試揣測每一個改版背后設計師有哪些思考~ 「文末給大家準備了一點小福利,所以一定要看到最后」

 

小 Tips:今天我們主要說的是飛書管理后臺,和飛書的客戶端無關,這里為了方便描述,就以飛書代替。

初代丨第一版是如何設計的?

 

我記得第一次使用飛書是我司的產品想要尋找新的平臺上架,那時候正是飛書剛剛面市商業化,我們老板去參加了飛書內部的無限大會,會議回來后就準備將我們產品上線到飛書,從那時開始我就對它有了個基礎的了解。所以我是被迫的~

 

設計特點

在初代版本當中,飛書的設計其實十分有個性,因為當時很少看到如此設計的管理后臺。

 

- 卡片內容區域:將飛書的內容區域變為一個圓角的卡片,這種做法即覺得很時髦(當時確實沒見過),同時又感覺很不妥,看上去品牌調性不夠嚴謹,果然后面這個方案就被優化了。證明剛開始一個產品問世,也不是做得非常的完美~

 

 

 

- 高飽和度的配色:整體顏色還是以高飽和度為主,無論是 圖標 或者是 整體設計,顏色都用的十分靚麗,充斥著大量的 紅、橙、黃、綠、紫,這也給人一種不夠嚴謹的視覺形象。

 

 

- 全局導航:這是一個非常新穎的交互,當我們點擊右上角的全局導航過后,會展開對應所有的導航信息,按照設計師的結構進行安排,這樣我們就能預覽所有的導航內容。這種做法當時覺得十分奇特,我也反復使用,但整體的使用感受不佳,因為我的導航信息所有都在左側,而我要使用全局導航反而在右側,不太符合使用習慣,后面你會發現這個功能也被砍掉了。

 

 

- 頁面區分:頁面的區分是整體設計非常重要的一環, 第一版本的飛書主要是通過分割線+投影來解決,你就會發現整體的頁面分割不夠明確,感覺像分了又沒有完全分,也就導致頁面當中很難聚焦,用戶總是在漫無目的地不停尋找。

 

 

 

整體感受

通過初代的設計你會發現,即使是飛書在第一個版本的時候做得也不算特別好,并且還會有很多優化的空間,因此我們自己在實際的項目當中,剛開始主要還是以快速產出為主,不要有太多顧慮,完美主義也會有很多不完美的情況,就留在后續進行調整。

 

 

過渡丨業務發展是如何設計的

這次管理后臺的迭代我記得是在2020年前后,那時候正是疫情的高峰期,也就導致了協同辦公類的軟件迎來了發展的黃金時期。而之前設計當中的很多問題,都在這一個時候勉強解決。

 

設計特點

- 前后臺風格統一:在之前的飛書當中,你會發現 管理后臺與桌面端 非常割裂,感覺像是兩個產品。而現在通過統一的品牌色,盡可能將它們倆拉到同一起,看上去才像是一個統一的管理后臺。

 

 

 

- 布局調整:在整體的交互結構上,做了相應的優化。比如之前的 tabs 與 標題 在整體導航的頂部,感覺其與內容毫無關聯,現在的設計將標題下放,更適合大多數產品的使用場景。

 

 

- 面包屑的出現:從截圖上我們其實能看到,這個時期的導航菜單已經非常多了,同時層級也會特別的深,因此在設計上通過面包屑來進行優化,先解決目前的燃眉之急,等后續產品業務發展成熟后再統一進行優化。

 

整體感受

這一時期很明顯的能夠感受到飛書就是在調整過渡,一方面業務發展十分迅速,需要響應;另一方面知道設計存在問題,但是沒有太多精力,無法進行大改。這時候就會將用戶反饋的所有問題記錄下來,站在設計的角度思考方案可能就是我們應該做的。所以有的時候我們目前的方案哪怕有些瑕疵并不要緊,更重要的是如何解決這些瑕疵,匯總記錄,等待時機。(畢竟研發資源很難爭取...)

 

 

確定丨明確的設計思路

這次改動應該是在 2021 年,明確了未來設計的方向,開始進行大刀闊斧的改動。首先這一時期的飛書產品線急劇增加,據我了解就會有 「考勤、OKR、招聘、績效、打卡」等多個產品線需要獨立的管理后臺,因此需要提供一個統一的設計方案,來將這些產品線的風格統一。

 

 

 

 

 

設計特點

 

- 純白風格:內容部分主要是以純白風格為主,同時 導航、功能 等輔助信息使用灰色進行呈現,這樣我們可以更為聚焦。對比前兩個版本發現確實要清晰很多。

 

 

- 降低飽和度:對比之前的設計方案,你會發現目前的設計整體降低了頁面的飽和度,同時也明確的品牌的主題色 藍色,其他顏色進行輔助,這樣設計上更為明確,哪些內容為重點一目了然。其實這種風格是值得很多設計師借鑒的,因為現在有太多設計師產出的內容過于視覺,導致和整個品牌調性不相符,就會發現你的設計稿其實挺好,但就是不適合我們產品。

 

- 框架設計更清晰:這時候的內容與結構就會更為清晰,整體的白色突出的是內容部分,我們可以將內容完整的凸顯出來。

 

整體感受

這一階段其實已經非常完整,設計風格上沒什么可挑剔的,同時交互結構上沒有進行大的調整,更多是將 常用/新加 的功能進行呈現,比如 幫助中心、配置任務 等,都是為了滿足特定的業務場景設計的。同時由于產品業務功能較多,你會發現他們提供了一個查看全部的按鈕,用于一些 低頻 隱藏功能的展示,在導航上盡可能的優化用戶的使用體驗。

 

整體來說這次改版比較成功,后面也會有很多產品前仆后繼的采取這種風格形式,流行了一段時間。

 

 

優化丨基于業務再優化

就在前幾天,飛書又進行了設計調整,從這一次改版發現 業務層面 還是有一些問題亟待解決,產品導航過多需要優化,看看飛書它的做法。

 

設計特點

- 導航優化:在之前的版本當中,一級導航菜單有 20+ 個,同時還有會很多其他產品線的管理后臺,也就導致飛書管理后臺非常的散亂,經常會出現來回不停的跳轉。

面對這種情況,之前是采取隱藏+全部導航的思路,但是現如今已經不太能夠解決這樣的問題,同時飛書的很多產品都需要單獨獨立的配置項,因此采取頁面的拆分,將導航分為 企業管理 與 產品設置。企業管理為產品的基礎配置;產品設置則為對于附屬產品的設置配置,這樣就能讓用戶更為清晰的理解導航。

 

最后說說,面對導航如此之多,即使再自身的設計師來了也只能增加層級進行優化。木有太多靈丹妙藥~ 

 

 

- 視覺調整:因為導航層級的增加,也就導致現在需要凸顯頂部導航部分,所以將之前的灰色調整為白色。但感覺目前這個方案理解的難度依然較大,在座的同學們也可以思考一下能否有其他的解決方案。

 

 

 

整體感受

這次飛書將多條產品線打通,滿足我能夠在一個管理后臺里,去配置多個產品的業務。其實這個問題我在之前體驗飛書招聘時就發現,這樣就能避免產品之前的割裂感,同時統一的交互在后續的 功能業務面市時,也能夠快速的產出和響應。

這次的迭代由于有動畫的效果,以及新穎的新手引導,整體還是感受還是十分不錯。你會發現設計是沒有一個終點,我們會根據業務的情況進行設計上的調整。而我們能做的,就是根據一次次的業務要求,去做出合適的設計。

 



作者:CE青年
鏈接:https://www.zcool.com.cn/article/ZMTUyMzk4MA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 

藍藍設計(axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

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

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計

軟件qt開發軟件wpf開發軟件vue開發

體驗設計思維養成 — 如何在中規中矩的常規項目中鍛煉設計思維提高自身價值

ui設計分享達人

先聊一個我發現的當下普遍存在的問題,眾所周知道,現在“大環境”不好,很多設計師在求職中會遇到兩個比較尷尬的事兒,第一個就是在中小型公司工作幾年,由于公司在發展階段,所以更多的是在高強度的上需求加功能,所以做的需求更多是“實現產品功能”而沒有機會像頭部廠商一樣去做大的改版升級,去突出“設計呈現”,最后就只能從中規中矩的頁面中尋求數據上的設計價值;第二個就是人手不足,每個項目的項目周期自然比較緊張,到最后的結果就是 —— 留給設計研發的時間有限,在設計階段的不得不將設計精度大打折扣,即使是這樣在進入研發后,由于研發周期的原因,在研發還原度上還要再砍一刀,導致最后的呈現往往和自己的預期差距較大,結論:如此往復設計呈現拿不出什么,思維也會慢慢固化,最后成為無情的“圖狗”甚至不知道什么該做什么不該做,最后換工作的時候一臉懵逼。那怎么辦?

先說結論,我認得這種情況下個人有兩個直接的辦法給到大家參考:第一個,尋找新的機會,作為設計者項目周期是改變不了,而且我也認為常規設計者在產品孵化的流程中應該是一個在已經決定好的事上“推一把”的角色,所以很多時候我們無法產能不足帶來的影響,那最好的辦法就是再找一個你中意的公司。如果你因為種種原因,個人能力不足也好,房貸壓力也好,無法跑路,那這時候我們就會面臨一個問題,也是我認為的第二種方法:如何在中規中矩的常規項目中鍛煉設計思維提高自身價值

我們平常在接到一個體驗升級任務或者日常自發審視產品問題時,如果比較完善頁面去尋找問題時常常會發現,找一圈回來發現頁面哪哪好像都合理,感覺分析一波下來他好像就應該長這個樣子。不排除他確實暫時沒有改動空間的可能性,但是更多時候產品自身還是不可避免的有一些缺陷的,那應該如何發現這些潛在問題呢?這里隨便找一個我在行業大廠的頁面,來看看即使是我沒做過的一個陌生產品和頁面,在有部分行業經驗的前提下,我都會做些什么來合理的發現問題解決問題的。

這里找一個我做的出行行業的頭部廠商“百度地圖”中的“打車業務”位例。

一個沒做過的頁面,有些同學會習慣先把頁面拉到畫板上,然后一頓分析,最后還是變成了前面說的“頁面好像和我想的一樣”,然后無從下手,暗自emo,這里和大家分享下我個人的小方法,自認為解決這個問題還是蠻有效果的。

首先,我不會先把頁面放上來,我第一步往往是先確定思路,不管是有項目背景改版,還是自發審視產品問題的階段,我會先確定目標,根據目標確定整個事情的大方向,這一步是為了保證你整體做的事兒不會偏離最基本的軌道。

 

 

 

 

在確定好了我這次要干一個什么事兒之后,,我第二步往往做的是思考 — 產品形態應該是什么樣子的?先弄清楚了他應該是什么樣子的,你才能發現和你預期中差異的點,然后去探究問題產生的原因或做相關調整。這里來說為什么我不提倡先把頁面放過來直接找問題,因為如果那么干的話很容易就會變成“你來給頁面設計者為什么這么做找理由”然后就會發現看著看著自己就被洗腦了。

但是在這一步的時候有一個需要注意的問題,用戶要的是更好的產品,不管這個“更好”是指的什么,但是公司做產品最根本的是想賺錢,這按理說是一個完全沖突的事情。不過在產品的不同階段,側重是不一樣的,我們首先要做的就是結合產品階段與具體頁面所在的節點,權衡產品側重,就能在你心里建立起一個最基本的產品形態預期,這樣在你下一步真正開始分析頁面現狀的時候就能幫助你一些發現功能的可優化點。

 

 

 

通過上面的推導可知,至少在當前產品的當前業務線來說,工具類產品公司關心的節點轉化,還是要依賴于用戶使用的滿意程度,也就是說,兩者沖突時,優先服務于用戶體驗。這里要注意下在真正的工作過程中,有些產品的階段導致產品要優先服務于轉化,也就是營收,這是很正常的事兒,要根據不同階段來權衡設計中心,不要被“設計師就是站在用戶這邊的”這種話誤導,具體場景具體分析。

接下來第三步就可以正式的進入到頁面現狀分析了。

 

 

 

 

主要分為三大點,第一個框架現狀,首先得知道現在的框架是怎樣的,這一步主要是看頁面的功能區,找出他們并講他們的層級用一維分析法列出,方便之后的對比。第二是合理性驗證,將找出的模塊用“十字交叉分析”畫出坐標軸,這里我是根據“對用戶的重要程度”和“盈利能力”來代表X軸與Y軸(XY軸并不是一直固定代表什么,可根據第二步你的產品重心來決定XY軸),決定好XY軸之后,結合產品側重把剛才找出的大模塊定位在坐標軸相關的位置上,這么做的目的是,你可以根據坐標軸的定位,來對比剛才一維分析法列出的模塊層級是否合理;最后第三步根據分析結果,得出相關結論,用來指導你之后具體設計,將影響用戶行為與體驗的點進行改進,暫無問題的點根據時間成本選擇暫時不動或在不影響產品功能和研發成本的基礎上進行視覺升級。這一步往往能夠解決設計者工作中遇到的一個最基本的問題: 項目周期不夠,什么做什么可以放棄。

功能區的問題解決之后,就可以進行第四步,也就是我們最熟悉的工作了,小模塊的優化,也是最考驗設計師細節打磨能力的地方,這一步要做的就是根據你自己的經驗與方法論,找出模塊的設計目標,并且根據自己的方法論與經驗積累,用你覺得達成這個設計目標最合適的設計方法。方法論這東西就很宏大了,主要是知識積累,然后自己拆分與結合,其實多定理之類的說的都是一個事兒,網上文章一大堆,所以就不過多描述了。

 

 

 

在做完這一步后,通常你就可以根據時間成本選擇交付研發了,然后等待上線后一個周期后進行數據驗證來驗證設計的正確性。

但是如果你還有時間,你可以選擇在不影響產品功能和研發成本的基礎上進行視覺升級。這來引入一個新的技術來幫助高效進行設計產出,也就是當下大熱的AIGC技術。這時候就有些人可能會說AIGC的產出不可控等問題,現在通常的解決方法是通過mj或手繪或拼接出你心中的畫面,然后放進SD里進行邊緣描摹,并通過openpose等插件產出你心儀的視覺效果,如果你沒有訓練有素的模型也可以之后再扔進MJ里進行畫面細化。

什么?SD配置太麻煩?是不是就搞不了了?其實不是的,AIGC的發展如此迅猛,每天都在以我們想象不到的速度進化這,其實面對我們工作中一些不復用的視覺素材,MJ已經能夠快速的產出構圖相差無幾的畫面了,要求不高的話能夠大大的減小設計者的成本。下面我們就以現在頁面的一些視覺為例,讓我們看看AIGC能夠幫助我們做到什么程度。

 

 

 

相信大家不難看出,在我們心中已經有了一個合適的樣子或者有了一個合適的參考之后,再通過合理的prompt描述方式,AIGC能夠通過較小的時間成本幫助我們產出較高質量的圖片,這樣我們就能夠選擇性的把時間分配到更多的地方產出更為精致的設計呈現。

 

 



作者:MasonWang
鏈接:https://www.zcool.com.cn/article/ZMTU5Nzg2NA==.html
來源:站酷
著作權歸作者所有。商業轉載請聯系作者獲得授權,非商業轉載請注明出處。
 

藍藍設計(axecq.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

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

銀行金融軟件UI界面設計能源及監控軟件UI界面設計氣象行業UI界面設計軌道交通界面設計地理信息系統GIS UI界面設計航天軍工軟件UI界面設計醫療行業軟件UI界面設計教育行業軟件UI界面設計企業信息化UI界面設計

軟件qt開發軟件wpf開發軟件vue開發

自然語言界面:開啟人機交互的全新篇章

ui設計分享達人

那么什么是自然語言界面,它又會為人機交互帶來哪些新的變化,它會成為下一代主流的用戶界面嗎?本文將從計算機UI的發展簡史出發,對比自然語言界面與傳統圖形界面的差異,帶你了解自然語言界面的應用場景和發展方向。

B端圖表設計方法及思考

ui設計分享達人

隨著大數據的興起,數據價值的不斷挖掘,圖表作為數據呈現與分析的有效手段,正扮演著越來越重要的角色,我們在進行B端平臺設計時也在思考:如何讓圖表清晰的傳達信息,同時帶來美觀的視覺感受。

UI咨詢公司-藍藍設計:為企業打造卓越的信息化UI界面設計"

博博

UI設計公司-藍藍設計(北京蘭亭妙微科技有限公司)是一家在企業信息化UI界面設計領域擁有豐富經驗的專業團隊。我們深知企業信息化的需求,了解企業用戶的使用習慣和期望。我們的設計師們具備深厚的設計背景和專業知識,能夠將企業的品牌形象和用戶需求融入到UI界面設計中。

夢想與現實交匯,設計之路點亮人生舞臺

博博

每個設計師都有一段故事,每個夢想都有實現的可能。在這個瞬息萬變的時代,無數年輕人懷揣夢想,投身設計領域,期待用雙手創造未來。當初成為設計師的他們,現在愿望實現了嗎?讓我們一起探尋他們的故事,感受夢想與現實交匯的魅力。

日歷

鏈接

個人資料

藍藍設計的小編 http://axecq.cn

存檔