六月伊人,国产精品制服丝袜欧美,亚洲va在线∨a天堂va欧美va,精品亚洲一区二区三区在线观看国产老熟女色视频,国产熟女九色,国产又粗又大,久久人人网国产精品

首頁

移動端常用組件用法解析:對話框設計|北京藍藍UI設計公司

周周

關于對話框(Dialog)的定義、觸發(fā)場景、注意事項和案例示意。如果大家喜歡想看其他組件用法,甚至是整個系列的設計規(guī)范,可以在評論區(qū)留言。

用7個章節(jié),幫你完整掌握網(wǎng)頁設計中的字體設置|北京藍藍UI設計公司

周周

不同操作系統(tǒng)、不同瀏覽器下的默認字體是不同的,在網(wǎng)頁項目中可以通過 CSS 的 font-family 和 @font-face 來讓頁面渲染出適合當前網(wǎng)頁的字體。

 

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

周周

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

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

博博

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

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

博博

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

宏觀視角:聊聊AIGC對設計行業(yè)的影響與啟發(fā)

ui設計分享達人

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

 

 



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


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

 

 

 


了解今年狂飆的AI


現(xiàn)如今AI火熱體現(xiàn)在3個方面:

  • 生成式AI到了技術發(fā)展從開始走向期望的膨脹期,現(xiàn)象級產(chǎn)品已經(jīng)出現(xiàn);
  • 在產(chǎn)業(yè)結(jié)構中,AI智能應用近乎爆發(fā)的狀態(tài);
  • 生成式AI的可控性突破也是爆火的重要原因之一。

 

1、技術發(fā)展趨勢的預測


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

 

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

 

 

 



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


2、 從產(chǎn)業(yè)的結(jié)構看,這一輪爆發(fā)的機會在智能應用


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

 

 

 

 



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


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

 

 

 



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


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

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

 


AI對設計行業(yè)產(chǎn)生什么影響

影響體現(xiàn)在3個方面:

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

 

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


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

 

 

 



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


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

 

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

 

結(jié)論1:職業(yè)的替代還有一些距離

 

 

 

 



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


 

 

 



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


結(jié)論2:崗位增強可部分實現(xiàn)

 

 

 

 

 


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

 

 

 



對內(nèi)容生產(chǎn)的設計師來說,AIGC產(chǎn)品可以作為一種創(chuàng)作工具來豐富設計手段,加速設計 OR 提升設計質(zhì)量,以Midjourney生成素材為例:

 

 

 

 



相比C4D做一個素材,可以大大提升出圖效率,這種與AI協(xié)作的形態(tài),市面上也是最多的,本質(zhì)是增強設計師產(chǎn)出的效率。

 

3、新的交互形態(tài)對“傳統(tǒng)用戶界面”從業(yè)者的沖擊


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

 

 

 

 



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


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


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

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

 

 

 


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

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

 

 

 


這里以SaaS公司為例:


短期內(nèi),各個軟件開發(fā)公司都是以SaaS上生長AI功能為主,本質(zhì)還是加功能的邏輯,AI只是一個沒有顛覆和替代原產(chǎn)品形態(tài)的附加功能,或者是Copilot。


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

 

 

 

 


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


現(xiàn)在的AI,擅長哪些地方


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


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

 

1、圖形設計:創(chuàng)意插畫、圖片類


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


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


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

 

 

 

 



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


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


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


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

 

 

 

 



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


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

 

 

 

 



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

 

 

2、文本類


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


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

 

 

 

 



結(jié)合設計場景,利用大語言模型分析、推理、總結(jié)能力,可以輔助設計完成內(nèi)容總結(jié)、報告內(nèi)容提煉、知識解讀、內(nèi)容續(xù)寫、創(chuàng)意發(fā)散與腦暴等場景。


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

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


3、界面設計


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

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

 

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


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

 

 

 

 



不考慮“只是體驗下這個功能而已的情況”,目前界面類的產(chǎn)品難以融入到設計流程里,主要原因是生成結(jié)果不穩(wěn)定。
生成的飛機稿對于設計來說增益還不顯著,真正扎根業(yè)務的界面設計師缺的也不是飛機稿、過程稿。市面上界面設計已經(jīng)足夠的類型化和模式化,我們?nèi)粘?梢詮拇罅康陌咐龓熳鲈O計抉擇。

 

 

 

 


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

 

 

 

 



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


4、市面上設計廠商如何與AI產(chǎn)生關系


其實目前設計團隊或設計行業(yè)與AI的關系,可以歸納為3種形態(tài):

  • 用已有ai,輔助設計
  • 研發(fā)ai,賦能業(yè)務
  • 設計型SaaS,做ai功能賦能行

 

 

 

 

 


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


小結(jié)


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

 

 

 



目前的AI產(chǎn)品在創(chuàng)意設計、文本類場景可以找到比較成熟的落地可行性,設計能有效的結(jié)合到內(nèi)容生產(chǎn)過程中去。

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

 

 

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


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

 

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


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


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

 

 

 



AI時代,生成內(nèi)容讓創(chuàng)意有了更多可能性,在設計領域?qū)⒖赡茉?1世紀造就下一個“包豪斯”。包豪斯讓工業(yè)現(xiàn)代化的技術與藝術融合,創(chuàng)造了把藝術和商業(yè)相結(jié)合的新模式,如今AI作為新技術為創(chuàng)業(yè)產(chǎn)業(yè)帶來的創(chuàng)意生產(chǎn)力也將是前所未有的。


近觀信息網(wǎng)絡的發(fā)展,設計師一直在面對新命題


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

 

 

 

 

 

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

 

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

 

在互聯(lián)網(wǎng)興起,門戶、信息爆炸時代,對信息的傳播、呈現(xiàn)有新的要求,在技法的表現(xiàn)格外注重。

 

在移動、產(chǎn)業(yè)互聯(lián)網(wǎng),對設計對用戶、端、商業(yè)、技術理解又有新的要求;

 

在人工智能時代,部分重復性、初級的設計需求將被替代,設計師乃至互聯(lián)網(wǎng)職場人的能力維度將隨之會有所改變,善用AI的綜合能力素養(yǎng)變?yōu)閯傂?,在能力維度上接近于“雪花型”。

 

 

 

 



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

 

 

2、如何應對


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

用好它,就現(xiàn)在

 

 

 

 

 


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

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


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

 

 

 

 



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

 

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


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

 

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

 

 

 

 


利用AI的長處,豐富自己的能力,披上外掛讓自己內(nèi)容產(chǎn)出質(zhì)量、效率加倍。

 

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


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

 

 

 

 

 



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

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

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

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計

軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

回顧飛書管理后臺的更新,這就是一個B端產(chǎn)品的發(fā)展史

ui設計分享達人

前言

如何了解一款產(chǎn)品是如何發(fā)展的?

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

 

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

 

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

 

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

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

 

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

 

設計特點

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

 

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

 

 

 

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

 

 

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

 

 

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

 

 

 

整體感受

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

 

 

過渡丨業(yè)務發(fā)展是如何設計的

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

 

設計特點

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

 

 

 

- 布局調(diào)整:在整體的交互結(jié)構上,做了相應的優(yōu)化。比如之前的 tabs 與 標題 在整體導航的頂部,感覺其與內(nèi)容毫無關聯(lián),現(xiàn)在的設計將標題下放,更適合大多數(shù)產(chǎn)品的使用場景。

 

 

- 面包屑的出現(xiàn):從截圖上我們其實能看到,這個時期的導航菜單已經(jīng)非常多了,同時層級也會特別的深,因此在設計上通過面包屑來進行優(yōu)化,先解決目前的燃眉之急,等后續(xù)產(chǎn)品業(yè)務發(fā)展成熟后再統(tǒng)一進行優(yōu)化。

 

整體感受

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

 

 

確定丨明確的設計思路

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

 

 

 

 

 

設計特點

 

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

 

 

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

 

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

 

整體感受

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

 

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

 

 

優(yōu)化丨基于業(yè)務再優(yōu)化

就在前幾天,飛書又進行了設計調(diào)整,從這一次改版發(fā)現(xiàn) 業(yè)務層面 還是有一些問題亟待解決,產(chǎn)品導航過多需要優(yōu)化,看看飛書它的做法。

 

設計特點

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

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

 

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

 

 

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

 

 

 

整體感受

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

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

 



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

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

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

銀行金融軟件UI界面設計、能源及監(jiān)控軟件UI界面設計氣象行業(yè)UI界面設計、軌道交通界面設計、地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計

軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

體驗設計思維養(yǎng)成 — 如何在中規(guī)中矩的常規(guī)項目中鍛煉設計思維提高自身價值

ui設計分享達人

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

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

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

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

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

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

 

 

 

 

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

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

 

 

 

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

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

 

 

 

 

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

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

 

 

 

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

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

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

 

 

 

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

 

 



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

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

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

銀行金融軟件UI界面設計能源及監(jiān)控軟件UI界面設計、氣象行業(yè)UI界面設計、軌道交通界面設計地理信息系統(tǒng)GIS UI界面設計、航天軍工軟件UI界面設計、醫(yī)療行業(yè)軟件UI界面設計、教育行業(yè)軟件UI界面設計、企業(yè)信息化UI界面設計

軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

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

ui設計分享達人

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

B端圖表設計方法及思考

ui設計分享達人

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

日歷

鏈接

個人資料

藍藍設計的小編 http://www.wnxcall.com

存檔