藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)
自2022年下半年開始，席卷而來的AIGC對設(shè)計工作者帶來不小的沖擊，設(shè)計本是一個“GC”生產(chǎn)內(nèi)容的崗位，AI生產(chǎn)內(nèi)容有什么不同？
如何理解一波浪潮的發(fā)生邏輯及影響，如何用好AI工具幫助我們生產(chǎn)內(nèi)容，是群核設(shè)計團(tuán)隊的新課題。目前有了一定的成果和觀點(diǎn)，今天跟大家一起分享與交流。
現(xiàn)如今AI火熱體現(xiàn)在3個方面：
（Gartner每年都會盤點(diǎn)新技術(shù)處在哪個階段，分起步、期望膨脹、破滅、發(fā)展幾個階段，以此幫助判斷科技產(chǎn)業(yè)未來走勢）
去年9月份，「Gartner」就預(yù)測生成式AI已經(jīng)進(jìn)入期望膨脹高位，到2023年8月「Gartner」剛發(fā)布人工智能技術(shù)成熟度曲線，生成式AI從技術(shù)萌芽期到技術(shù)膨脹期的頂峰，跟過去一段時間AI在學(xué)術(shù)、產(chǎn)業(yè)、資本領(lǐng)域的爆火完全呼應(yīng)。
另一方面，Gartner預(yù)計AIGC未來5年會是預(yù)期破滅的時段，這是任何一項新技術(shù)成熟發(fā)展的必經(jīng)之路，也可以理解是AI技術(shù)融入現(xiàn)實(shí)的開始。
硬件、云平臺（模型層）、智能應(yīng)用、應(yīng)用分發(fā)構(gòu)成了AI整個產(chǎn)業(yè)鏈條，站在產(chǎn)業(yè)格局的角度看，算力很重要、硬件卻并非關(guān)鍵。
這輪變革最大的機(jī)會在應(yīng)用層面，所以大量涌現(xiàn)出智能應(yīng)用，比如ChatGPT、Midjourney；以及各行各業(yè)基于大模型對AI能力接入，提升自己產(chǎn)品力或服務(wù)能力。
生成式AI并不是剛出現(xiàn)，這一輪爆火，除了訓(xùn)練參數(shù)的質(zhì)變，還有一個原因是是“可控度”，即在多個應(yīng)用領(lǐng)域局部、初步思維上可控，AI可以從隨機(jī)到可控的生成，才有了更多可用的場景，也是這一輪技術(shù)變革關(guān)鍵原因。
從GPT-3.5到GPT-4，生成式AI的邏輯推理能力顯著提高。擁有強(qiáng)大的分析能力（如從文章中提取數(shù)據(jù)，總結(jié)趨勢），控制能力（如將人類語言轉(zhuǎn)化成復(fù)雜系統(tǒng)控制指令）和初步的邏輯推理能力（如解答簡單的數(shù)學(xué)、邏輯題）?？缮傻奈谋緝?nèi)容也擴(kuò)展到數(shù)據(jù)、表格、代碼、指令序列、工作流或工具鏈等結(jié)構(gòu)化文本。這直接引發(fā)一大批以Copilot為特征的新工具爆發(fā)。
內(nèi)容創(chuàng)建工具是生成式AI落地最直接也最快捷的場景。隨著生成式AI可控性的提升，內(nèi)容創(chuàng)建任務(wù)會從文本、圖片創(chuàng)建，過渡到視頻、3D、動畫等，讓設(shè)計從業(yè)者有了更多“創(chuàng)作團(tuán)隊”。
市場的期望膨脹、面向用戶的智能應(yīng)用爆發(fā)、內(nèi)容生成可控性的提升，在產(chǎn)業(yè)變革的漩渦中，以內(nèi)容生產(chǎn)謀生的設(shè)計師，我們需要了解AIGC到底對設(shè)計行業(yè)產(chǎn)生了什么影響，到底替代到什么程度了，設(shè)計師該如何應(yīng)對？下面重點(diǎn)聊下這幾個話題。
影響體現(xiàn)在3個方面：
設(shè)計越來越平民化，對設(shè)計要求不高的個人、團(tuán)隊、組織將可以靠自己“完成設(shè)計”，拿到產(chǎn)物，某種程度上講，這部分中低端設(shè)計需求工作被變少了。
自人工智能出現(xiàn)以來，替代的聲音一直是熱度話題，技術(shù)的變革都有兩面性，對于AIGC發(fā)展，到底是替代還是增強(qiáng)設(shè)計？
替代和增強(qiáng)是兩個不同概念， 以汽車市場為例：電車與油車市場是替代關(guān)系，但自動駕駛則是增強(qiáng)的作用，油車、電車都可以擁有自動駕駛，都可以起到增強(qiáng)的作用，之所以目前電車自動駕駛做的比較好是因?yàn)樽鳛樾碌奈锓N巔峰傳統(tǒng)市場需要多方位的優(yōu)勢。
有個有趣的現(xiàn)象，不管是什么崗位，外界對AI的應(yīng)用程度，總比行業(yè)從業(yè)者要“樂觀”很多，比如UI、前端崗位，感覺已經(jīng)不太需要他們參與了。
實(shí)際在真實(shí)的商業(yè)生產(chǎn)環(huán)節(jié)中，職業(yè)完全替代還不夠明顯，但崗位工作的滲透是在進(jìn)行的，以UI和創(chuàng)意來舉例：比如設(shè)計師可以通過Stable Diffusion、Midjourney來生成配圖、圖標(biāo)、以及方案的初步原型，然后再進(jìn)行精細(xì)化設(shè)計。
下圖是設(shè)計團(tuán)隊的典型場景，我們用AI結(jié)合各設(shè)計環(huán)節(jié)進(jìn)行試驗(yàn)，初步得出一些典型場景中的應(yīng)用及可應(yīng)用的程度，后續(xù)我們將以案例形式分享主要環(huán)節(jié)的應(yīng)用成果，暫不贅述。
對內(nèi)容生產(chǎn)的設(shè)計師來說，AIGC產(chǎn)品可以作為一種創(chuàng)作工具來豐富設(shè)計手段，加速設(shè)計 OR 提升設(shè)計質(zhì)量，以Midjourney生成素材為例：
相比C4D做一個素材，可以大大提升出圖效率，這種與AI協(xié)作的形態(tài)，市面上也是最多的，本質(zhì)是增強(qiáng)設(shè)計師產(chǎn)出的效率。
界面交互的需求繁榮得益于圖形交互的興起和市場的發(fā)展，從CLI（命令行）→GUI（圖形交互）→LUI（自然語言交互），對設(shè)計服務(wù)的要求自然不同：
CLI時代，不需要畫圖的交互，特定人群用特定命令與電腦進(jìn)行交互；
GUI時代，圖形的準(zhǔn)確性、吸引力能直接影響業(yè)務(wù)效果（流量、轉(zhuǎn)化、收入等），尤其是消費(fèi)類產(chǎn)品；
LUI時代，對圖形需求變少，可能又會遇到新的交互形態(tài)與需求，如多模態(tài)交互、用戶情緒設(shè)計與引導(dǎo)等等。
現(xiàn)在生成式AI產(chǎn)品，文生文、文生圖，多見的交互形態(tài)就是一個輸入框、一個語音輸入按鈕，即一個入口可完成“幾乎所有的任務(wù)”。
原本完成這些任務(wù)需要UI、前端大量的頁面、彈窗等交互流轉(zhuǎn)，現(xiàn)在直接繞過了這些復(fù)雜的界面環(huán)節(jié)，如果語音能直接作為直接輸入的方式，連“輸入框”都不需要了，用戶自然對話就可以完成任務(wù)，對“界面交互”從業(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)交互定義者（可能），總體需求可能變少。
更有甚者認(rèn)為，某些SaaS業(yè)務(wù)在人工智能時代“Software as a Service”中的“Software”不一定存在，Service的提供形態(tài)將會多樣化或“弱界面化”，這樣對應(yīng)原工作形態(tài)的從業(yè)者，將會帶來不小的沖擊。
真正在實(shí)踐使用AI工具的過程中可以發(fā)現(xiàn)，目前的AI強(qiáng)大但不完美，準(zhǔn)確的說現(xiàn)在的AI產(chǎn)品在很多場景都會出問題或者說“不如人”，但我們需要用它“超出人”擅長領(lǐng)域，也需要知道和規(guī)避它的短板。
設(shè)計師主要打交道的信息載體為圖形和文本，下面主要對圖形類、文本類做分析和應(yīng)用探索。
越具象越復(fù)雜，效果越好：
圖形生成類的AI目前有明星產(chǎn)品Midjourney、Stable diffusion、Dall E等，基于大模型通過文生圖、圖生圖的方式，得到結(jié)果。
在生成的圖片時，越具象AI表現(xiàn)越好，因?yàn)榫呦罂梢酝ㄟ^很多關(guān)鍵特征去描述它，越抽象越難描述。
不考慮思考過程時間消耗，將人工手繪和AI繪制對比，AI可能無法穩(wěn)定的繪制靠左的相機(jī)圖形，但可以很快、較穩(wěn)定的繪制右邊的相機(jī)，而人去繪制右邊相機(jī)可能需要至少一天時間，還不一定有AI效果好。
所以現(xiàn)在市面上用AI做設(shè)計都是比較復(fù)雜的圖形，比如人物角色、動物、3D物件等。
引申話題：從降低設(shè)計門檻，替代部分設(shè)計工作來講，前些年模板式設(shè)計也很火，從出圖的角度考慮，生成式AI與模板式設(shè)計，哪個好，選哪個？
如果不畫圖就快速的產(chǎn)出，模板式設(shè)計與生成式AI出圖是擺在面前的兩種選擇，模板式設(shè)計不算AI，可以當(dāng)做“智能產(chǎn)出”，到底哪個好，核心差異在哪？
僅討論目前的產(chǎn)品，模板式設(shè)計是非專業(yè)設(shè)計師的生產(chǎn)工具，生成式AI工具是專業(yè)設(shè)計師的“外掛”武器。
模板式設(shè)計雖然在類型上、自由度上容易局限，但上手難度低，可以直接拿到產(chǎn)物全部，不需要再次的圖片拼接與再處理，對于非專業(yè)人士還是非常友好的，因此模板式設(shè)計在AI沖擊下，仍有市場。
對于專業(yè)類設(shè)計師，尤其是對產(chǎn)出要求比較高的場景，模板式設(shè)計可用之處較少，反而生成式設(shè)計能幫助設(shè)計師在靈感和方案可能性的探索上提供內(nèi)容，如Stable diffusion、Midjourney。
文本類生成式AI比較成熟的，如ChatGPT、訊飛星火，以及各大語言模型衍生出一系列文本對話式的AI產(chǎn)品、插件。
以ChatGPT為例，擅長對客觀、強(qiáng)規(guī)律性的內(nèi)容回答，并具備舉一反三的能力，如推理類、總結(jié)類、常識類、翻譯類等問題。
結(jié)合設(shè)計場景，利用大語言模型分析、推理、總結(jié)能力，可以輔助設(shè)計完成內(nèi)容總結(jié)、報告內(nèi)容提煉、知識解讀、內(nèi)容續(xù)寫、創(chuàng)意發(fā)散與腦暴等場景。
除此之外，市面上不少基于大語言模型，結(jié)合原本的產(chǎn)品能力，讓產(chǎn)品更智能的智能應(yīng)用：
界面設(shè)計中的AI主要有幾種：
這里主要聊下界面生成，因?yàn)楹髢烧咴趫鼍巴袋c(diǎn)或創(chuàng)新顛覆性上相對弱一點(diǎn)。
市面上有UIzard、Galileo、即時設(shè)計、Figma等界面設(shè)計工具增加了AI生成界面能力。目前看到的案例能嘗試生成一些高度通用的頁面，如Onboarding page和Delivery app。
不考慮“只是體驗(yàn)下這個功能而已的情況”，目前界面類的產(chǎn)品難以融入到設(shè)計流程里，主要原因是生成結(jié)果不穩(wěn)定。
生成的飛機(jī)稿對于設(shè)計來說增益還不顯著，真正扎根業(yè)務(wù)的界面設(shè)計師缺的也不是飛機(jī)稿、過程稿。市面上界面設(shè)計已經(jīng)足夠的類型化和模式化，我們?nèi)粘？梢詮拇罅康陌咐龓熳鲈O(shè)計抉擇。
對于業(yè)務(wù)非常垂直，目前界面生成的AI也缺乏領(lǐng)域知識，不過相信只是時間問題，將來規(guī)則的成熟也將更大概率的來補(bǔ)充、或替代部分界面設(shè)計的工作。
因?yàn)榻缑嬖O(shè)計在各行業(yè)、各企業(yè)中始終在朝著規(guī)則化、結(jié)構(gòu)化、系統(tǒng)化的方向發(fā)展，未來將企業(yè)各自定義的設(shè)計系統(tǒng)喂給AI，基于偏好的生成結(jié)果，已經(jīng)有團(tuán)隊在研究和試驗(yàn)了，如果可以成熟推向市面，對于界面設(shè)計來說還是非常值得期待的。
其實(shí)目前設(shè)計團(tuán)隊或設(shè)計行業(yè)與AI的關(guān)系，可以歸納為3種形態(tài)：
這里不涉及設(shè)計作為UI、UX接相關(guān)AI業(yè)務(wù)需求的場景，目前主要的關(guān)系是用AI工具輔助設(shè)計，設(shè)計驅(qū)動研發(fā)AI賦能業(yè)務(wù)在部分大廠有，非常稀缺，設(shè)計SaaS賦能行業(yè)總體來講玩家數(shù)量有限，這里不再贅述。
AI熱潮已經(jīng)來臨，尤其是在智能應(yīng)用層面爆發(fā)式增長，對于內(nèi)容生產(chǎn)的設(shè)計師，雖離替代還有距離，但AIGC提升商業(yè)性內(nèi)容生產(chǎn)的效率和質(zhì)量，已經(jīng)在發(fā)生，且在將來一定會更深度的改變商業(yè)內(nèi)容生產(chǎn)的發(fā)展。
目前的AI產(chǎn)品在創(chuàng)意設(shè)計、文本類場景可以找到比較成熟的落地可行性，設(shè)計能有效的結(jié)合到內(nèi)容生產(chǎn)過程中去。
從今年三四月份開始，全行業(yè)AI替代的聲音讓設(shè)計師的焦慮也前所未有，AI時代我們需要怎么看、怎么入局？
作為設(shè)計師，我覺得可以從設(shè)計服務(wù)、歷史發(fā)展的角度來理解和順應(yīng)這一輪技術(shù)的變革，更清晰的了解發(fā)展趨勢、危與機(jī)。
從歷史角度來看，設(shè)計是服務(wù)于科技和社會進(jìn)步的，每一次技術(shù)的發(fā)展社會的變革，勢必帶來設(shè)計形態(tài)的改變，從兩次工業(yè)革命到信息化、智能化時代，每個周期內(nèi)都會衍生出新的危和機(jī)。
AI時代，生成內(nèi)容讓創(chuàng)意有了更多可能性，在設(shè)計領(lǐng)域?qū)⒖赡茉?1世紀(jì)造就下一個“包豪斯”。包豪斯讓工業(yè)現(xiàn)代化的技術(shù)與藝術(shù)融合，創(chuàng)造了把藝術(shù)和商業(yè)相結(jié)合的新模式，如今AI作為新技術(shù)為創(chuàng)業(yè)產(chǎn)業(yè)帶來的創(chuàng)意生產(chǎn)力也將是前所未有的。
從信息交互的發(fā)展看，設(shè)計作為一種崗位，服務(wù)于商業(yè)在科技發(fā)展的不同時期，以平面設(shè)計為例，對設(shè)計師有著不同的要求：
在印刷時代對手頭版式功夫有較高的要求；
在圖形交互軟件時代，對圖形的抽象與軟件基礎(chǔ)表達(dá)有新的技能訴求；在上世紀(jì)90年代，在硅谷如果有人熟練Photoshop，都可以直接創(chuàng)業(yè)或成為非常稀缺的人才。
在互聯(lián)網(wǎng)興起，門戶、信息爆炸時代，對信息的傳播、呈現(xiàn)有新的要求，在技法的表現(xiàn)格外注重。
在移動、產(chǎn)業(yè)互聯(lián)網(wǎng)，對設(shè)計對用戶、端、商業(yè)、技術(shù)理解又有新的要求；
在人工智能時代，部分重復(fù)性、初級的設(shè)計需求將被替代，設(shè)計師乃至互聯(lián)網(wǎng)職場人的能力維度將隨之會有所改變，善用AI的綜合能力素養(yǎng)變?yōu)閯傂?，在能力維度上接近于“雪花型”。
因此，設(shè)計師別慌，從設(shè)計變革和信息技術(shù)的發(fā)展來看，設(shè)計一直在面臨變化，只有順應(yīng)變化給我們新的要求，我們才能轉(zhuǎn)危為機(jī)。
不是所有設(shè)計師所在公司都會有AI相關(guān)研發(fā)，對于設(shè)計崗位來講，利用AI去生產(chǎn)內(nèi)容成本極低的一件事，所以小編認(rèn)為做好兩點(diǎn)：一是用好工具；二是轉(zhuǎn)變思維，重新布局個人能力
如前文Gartner預(yù)測，AI目前已經(jīng)進(jìn)入預(yù)期的頂峰，在接下來一段時間可能會趨于冷靜，但不是停滯，是更深度與現(xiàn)實(shí)結(jié)合的窗口期，不會同當(dāng)年的“元宇宙”那樣，都在喊沒人行動的局面，因此我們需要：用好它，就現(xiàn)在！
不是說人人都成為Prompt設(shè)計師 or工程師，其實(shí)也不能這么叫，未來AI產(chǎn)品趨于穩(wěn)定成熟的情況下，它是一項基礎(chǔ)技能，如同設(shè)計師掌握PS使用技能一樣，沒人會叫自己是PS設(shè)計師，PS工程師。
本質(zhì)上AI產(chǎn)品只是一個拿到結(jié)果的工具，關(guān)鍵不在于Prompt（雖然目前非常重要），而在于工具使用前的想象力和洞察力，以及之后對結(jié)果的判斷、審美和應(yīng)用落地能力。
目前群核設(shè)計團(tuán)隊在創(chuàng)意表達(dá)場景上試點(diǎn)應(yīng)用，梳理教程總結(jié)方法，找到契合的業(yè)務(wù)需求或設(shè)計過程，讓AI局部參與，并梳理幾個關(guān)鍵產(chǎn)品使用方法，后續(xù)還會在更多的場景中應(yīng)用與探索。
利用專業(yè)審美和技能，開發(fā)風(fēng)格模型、大模型是設(shè)計應(yīng)該關(guān)注的，就如同組件一樣，一套組件可用于多個場景。大模型亦是如此，做出屬于自己團(tuán)隊適合的風(fēng)格，訓(xùn)練出足夠優(yōu)秀的大模型來復(fù)用至以后的場景。
雖然目前的AI能力不完美，技術(shù)調(diào)優(yōu)、應(yīng)用場景還有很多提升空間，但對于設(shè)計師積極擁抱它是必然趨勢。
利用AI的長處，豐富自己的能力，披上外掛讓自己內(nèi)容產(chǎn)出質(zhì)量、效率加倍。
以上是本文的所有內(nèi)容，針對AIGC對設(shè)計行業(yè)影響及啟發(fā)，從宏觀視角進(jìn)行闡述，AI時代設(shè)計師將面對危機(jī)共存的情況，如何看清事物發(fā)展的方向與規(guī)律，順應(yīng)趨勢，趁早入局，成為時代需要的人，從而成為趨勢與變革的受益者。
后續(xù)我們將會分享更多設(shè)計應(yīng)用案例：AI在如何融入到設(shè)計場景中，敬請期待～
藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
如何了解一款產(chǎn)品是如何發(fā)展的？
我從 19 年到 23 年一直在關(guān)注飛書，4 年的變化，看到了我們作為設(shè)計師，在一款業(yè)務(wù)不斷發(fā)展的產(chǎn)品、日益龐大的產(chǎn)品線中，它是如何進(jìn)行設(shè)計的優(yōu)化。
今天我們會結(jié)合 4 年產(chǎn)品的競品截圖，通過圖片的方式來講解飛書的交互更新。
并且我也是深度使用用戶，也嘗試揣測每一個改版背后設(shè)計師有哪些思考~ 「文末給大家準(zhǔn)備了一點(diǎn)小福利，所以一定要看到最后」
小 Tips：今天我們主要說的是飛書管理后臺，和飛書的客戶端無關(guān)，這里為了方便描述，就以飛書代替。
我記得第一次使用飛書是我司的產(chǎn)品想要尋找新的平臺上架，那時候正是飛書剛剛面市商業(yè)化，我們老板去參加了飛書內(nèi)部的無限大會，會議回來后就準(zhǔn)備將我們產(chǎn)品上線到飛書，從那時開始我就對它有了個基礎(chǔ)的了解。所以我是被迫的~
在初代版本當(dāng)中，飛書的設(shè)計其實(shí)十分有個性，因?yàn)楫?dāng)時很少看到如此設(shè)計的管理后臺。
- 卡片內(nèi)容區(qū)域：將飛書的內(nèi)容區(qū)域變?yōu)橐粋€圓角的卡片，這種做法即覺得很時髦（當(dāng)時確實(shí)沒見過），同時又感覺很不妥，看上去品牌調(diào)性不夠嚴(yán)謹(jǐn)，果然后面這個方案就被優(yōu)化了。證明剛開始一個產(chǎn)品問世，也不是做得非常的完美~
- 高飽和度的配色：整體顏色還是以高飽和度為主，無論是 圖標(biāo) 或者是 整體設(shè)計，顏色都用的十分靚麗，充斥著大量的 紅、橙、黃、綠、紫，這也給人一種不夠嚴(yán)謹(jǐn)?shù)囊曈X形象。
- 全局導(dǎo)航：這是一個非常新穎的交互，當(dāng)我們點(diǎn)擊右上角的全局導(dǎo)航過后，會展開對應(yīng)所有的導(dǎo)航信息，按照設(shè)計師的結(jié)構(gòu)進(jìn)行安排，這樣我們就能預(yù)覽所有的導(dǎo)航內(nèi)容。這種做法當(dāng)時覺得十分奇特，我也反復(fù)使用，但整體的使用感受不佳，因?yàn)槲业膶?dǎo)航信息所有都在左側(cè)，而我要使用全局導(dǎo)航反而在右側(cè)，不太符合使用習(xí)慣，后面你會發(fā)現(xiàn)這個功能也被砍掉了。
- 頁面區(qū)分：頁面的區(qū)分是整體設(shè)計非常重要的一環(huán)， 第一版本的飛書主要是通過分割線+投影來解決，你就會發(fā)現(xiàn)整體的頁面分割不夠明確，感覺像分了又沒有完全分，也就導(dǎo)致頁面當(dāng)中很難聚焦，用戶總是在漫無目的地不停尋找。
通過初代的設(shè)計你會發(fā)現(xiàn)，即使是飛書在第一個版本的時候做得也不算特別好，并且還會有很多優(yōu)化的空間，因此我們自己在實(shí)際的項目當(dāng)中，剛開始主要還是以快速產(chǎn)出為主，不要有太多顧慮，完美主義也會有很多不完美的情況，就留在后續(xù)進(jìn)行調(diào)整。
這次管理后臺的迭代我記得是在2020年前后，那時候正是疫情的高峰期，也就導(dǎo)致了協(xié)同辦公類的軟件迎來了發(fā)展的黃金時期。而之前設(shè)計當(dāng)中的很多問題，都在這一個時候勉強(qiáng)解決。
- 前后臺風(fēng)格統(tǒng)一：在之前的飛書當(dāng)中，你會發(fā)現(xiàn) 管理后臺與桌面端 非常割裂，感覺像是兩個產(chǎn)品。而現(xiàn)在通過統(tǒng)一的品牌色，盡可能將它們倆拉到同一起，看上去才像是一個統(tǒng)一的管理后臺。
- 布局調(diào)整：在整體的交互結(jié)構(gòu)上，做了相應(yīng)的優(yōu)化。比如之前的 tabs 與 標(biāo)題 在整體導(dǎo)航的頂部，感覺其與內(nèi)容毫無關(guān)聯(lián)，現(xiàn)在的設(shè)計將標(biāo)題下放，更適合大多數(shù)產(chǎn)品的使用場景。
- 面包屑的出現(xiàn)：從截圖上我們其實(shí)能看到，這個時期的導(dǎo)航菜單已經(jīng)非常多了，同時層級也會特別的深，因此在設(shè)計上通過面包屑來進(jìn)行優(yōu)化，先解決目前的燃眉之急，等后續(xù)產(chǎn)品業(yè)務(wù)發(fā)展成熟后再統(tǒng)一進(jìn)行優(yōu)化。
這一時期很明顯的能夠感受到飛書就是在調(diào)整過渡，一方面業(yè)務(wù)發(fā)展十分迅速，需要響應(yīng)；另一方面知道設(shè)計存在問題，但是沒有太多精力，無法進(jìn)行大改。這時候就會將用戶反饋的所有問題記錄下來，站在設(shè)計的角度思考方案可能就是我們應(yīng)該做的。所以有的時候我們目前的方案哪怕有些瑕疵并不要緊，更重要的是如何解決這些瑕疵，匯總記錄，等待時機(jī)。（畢竟研發(fā)資源很難爭取...）
這次改動應(yīng)該是在 2021 年，明確了未來設(shè)計的方向，開始進(jìn)行大刀闊斧的改動。首先這一時期的飛書產(chǎn)品線急劇增加，據(jù)我了解就會有 「考勤、OKR、招聘、績效、打卡」等多個產(chǎn)品線需要獨(dú)立的管理后臺，因此需要提供一個統(tǒng)一的設(shè)計方案，來將這些產(chǎn)品線的風(fēng)格統(tǒng)一。
- 純白風(fēng)格：內(nèi)容部分主要是以純白風(fēng)格為主，同時 導(dǎo)航、功能 等輔助信息使用灰色進(jìn)行呈現(xiàn)，這樣我們可以更為聚焦。對比前兩個版本發(fā)現(xiàn)確實(shí)要清晰很多。
- 降低飽和度：對比之前的設(shè)計方案，你會發(fā)現(xiàn)目前的設(shè)計整體降低了頁面的飽和度，同時也明確的品牌的主題色 藍(lán)色，其他顏色進(jìn)行輔助，這樣設(shè)計上更為明確，哪些內(nèi)容為重點(diǎn)一目了然。其實(shí)這種風(fēng)格是值得很多設(shè)計師借鑒的，因?yàn)楝F(xiàn)在有太多設(shè)計師產(chǎn)出的內(nèi)容過于視覺，導(dǎo)致和整個品牌調(diào)性不相符，就會發(fā)現(xiàn)你的設(shè)計稿其實(shí)挺好，但就是不適合我們產(chǎn)品。
- 框架設(shè)計更清晰：這時候的內(nèi)容與結(jié)構(gòu)就會更為清晰，整體的白色突出的是內(nèi)容部分，我們可以將內(nèi)容完整的凸顯出來。
這一階段其實(shí)已經(jīng)非常完整，設(shè)計風(fēng)格上沒什么可挑剔的，同時交互結(jié)構(gòu)上沒有進(jìn)行大的調(diào)整，更多是將 常用/新加 的功能進(jìn)行呈現(xiàn)，比如 幫助中心、配置任務(wù) 等，都是為了滿足特定的業(yè)務(wù)場景設(shè)計的。同時由于產(chǎn)品業(yè)務(wù)功能較多，你會發(fā)現(xiàn)他們提供了一個查看全部的按鈕，用于一些 低頻 隱藏功能的展示，在導(dǎo)航上盡可能的優(yōu)化用戶的使用體驗(yàn)。
整體來說這次改版比較成功，后面也會有很多產(chǎn)品前仆后繼的采取這種風(fēng)格形式，流行了一段時間。
就在前幾天，飛書又進(jìn)行了設(shè)計調(diào)整，從這一次改版發(fā)現(xiàn) 業(yè)務(wù)層面 還是有一些問題亟待解決，產(chǎn)品導(dǎo)航過多需要優(yōu)化，看看飛書它的做法。
- 導(dǎo)航優(yōu)化：在之前的版本當(dāng)中，一級導(dǎo)航菜單有 20+ 個，同時還有會很多其他產(chǎn)品線的管理后臺，也就導(dǎo)致飛書管理后臺非常的散亂，經(jīng)常會出現(xiàn)來回不停的跳轉(zhuǎn)。
面對這種情況，之前是采取隱藏+全部導(dǎo)航的思路，但是現(xiàn)如今已經(jīng)不太能夠解決這樣的問題，同時飛書的很多產(chǎn)品都需要單獨(dú)獨(dú)立的配置項，因此采取頁面的拆分，將導(dǎo)航分為 企業(yè)管理 與 產(chǎn)品設(shè)置。企業(yè)管理為產(chǎn)品的基礎(chǔ)配置；產(chǎn)品設(shè)置則為對于附屬產(chǎn)品的設(shè)置配置，這樣就能讓用戶更為清晰的理解導(dǎo)航。
最后說說，面對導(dǎo)航如此之多，即使再自身的設(shè)計師來了也只能增加層級進(jìn)行優(yōu)化。木有太多靈丹妙藥~
- 視覺調(diào)整：因?yàn)閷?dǎo)航層級的增加，也就導(dǎo)致現(xiàn)在需要凸顯頂部導(dǎo)航部分，所以將之前的灰色調(diào)整為白色。但感覺目前這個方案理解的難度依然較大，在座的同學(xué)們也可以思考一下能否有其他的解決方案。
這次飛書將多條產(chǎn)品線打通，滿足我能夠在一個管理后臺里，去配置多個產(chǎn)品的業(yè)務(wù)。其實(shí)這個問題我在之前體驗(yàn)飛書招聘時就發(fā)現(xiàn)，這樣就能避免產(chǎn)品之前的割裂感，同時統(tǒng)一的交互在后續(xù)的 功能業(yè)務(wù)面市時，也能夠快速的產(chǎn)出和響應(yīng)。
這次的迭代由于有動畫的效果，以及新穎的新手引導(dǎo)，整體還是感受還是十分不錯。你會發(fā)現(xiàn)設(shè)計是沒有一個終點(diǎn)，我們會根據(jù)業(yè)務(wù)的情況進(jìn)行設(shè)計上的調(diào)整。而我們能做的，就是根據(jù)一次次的業(yè)務(wù)要求，去做出合適的設(shè)計。
藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
先聊一個我發(fā)現(xiàn)的當(dāng)下普遍存在的問題，眾所周知道，現(xiàn)在“大環(huán)境”不好，很多設(shè)計師在求職中會遇到兩個比較尷尬的事兒，第一個就是在中小型公司工作幾年，由于公司在發(fā)展階段，所以更多的是在高強(qiáng)度的上需求加功能，所以做的需求更多是“實(shí)現(xiàn)產(chǎn)品功能”而沒有機(jī)會像頭部廠商一樣去做大的改版升級，去突出“設(shè)計呈現(xiàn)”，最后就只能從中規(guī)中矩的頁面中尋求數(shù)據(jù)上的設(shè)計價值；第二個就是人手不足，每個項目的項目周期自然比較緊張，到最后的結(jié)果就是 —— 留給設(shè)計研發(fā)的時間有限，在設(shè)計階段的不得不將設(shè)計精度大打折扣，即使是這樣在進(jìn)入研發(fā)后，由于研發(fā)周期的原因，在研發(fā)還原度上還要再砍一刀，導(dǎo)致最后的呈現(xiàn)往往和自己的預(yù)期差距較大，結(jié)論：如此往復(fù)設(shè)計呈現(xiàn)拿不出什么，思維也會慢慢固化，最后成為無情的“圖狗”甚至不知道什么該做什么不該做，最后換工作的時候一臉懵逼。那怎么辦？
先說結(jié)論，我認(rèn)得這種情況下個人有兩個直接的辦法給到大家參考：第一個，尋找新的機(jī)會，作為設(shè)計者項目周期是改變不了，而且我也認(rèn)為常規(guī)設(shè)計者在產(chǎn)品孵化的流程中應(yīng)該是一個在已經(jīng)決定好的事上“推一把”的角色，所以很多時候我們無法產(chǎn)能不足帶來的影響，那最好的辦法就是再找一個你中意的公司。如果你因?yàn)榉N種原因，個人能力不足也好，房貸壓力也好，無法跑路，那這時候我們就會面臨一個問題，也是我認(rèn)為的第二種方法：如何在中規(guī)中矩的常規(guī)項目中鍛煉設(shè)計思維提高自身價值
我們平常在接到一個體驗(yàn)升級任務(wù)或者日常自發(fā)審視產(chǎn)品問題時，如果比較完善頁面去尋找問題時常常會發(fā)現(xiàn)，找一圈回來發(fā)現(xiàn)頁面哪哪好像都合理，感覺分析一波下來他好像就應(yīng)該長這個樣子。不排除他確實(shí)暫時沒有改動空間的可能性，但是更多時候產(chǎn)品自身還是不可避免的有一些缺陷的，那應(yīng)該如何發(fā)現(xiàn)這些潛在問題呢？這里隨便找一個我在行業(yè)大廠的頁面，來看看即使是我沒做過的一個陌生產(chǎn)品和頁面，在有部分行業(yè)經(jīng)驗(yàn)的前提下，我都會做些什么來合理的發(fā)現(xiàn)問題解決問題的。
這里找一個我做的出行行業(yè)的頭部廠商“百度地圖”中的“打車業(yè)務(wù)”位例。
一個沒做過的頁面，有些同學(xué)會習(xí)慣先把頁面拉到畫板上，然后一頓分析，最后還是變成了前面說的“頁面好像和我想的一樣”，然后無從下手，暗自emo，這里和大家分享下我個人的小方法，自認(rèn)為解決這個問題還是蠻有效果的。
首先，我不會先把頁面放上來，我第一步往往是先確定思路，不管是有項目背景改版，還是自發(fā)審視產(chǎn)品問題的階段，我會先確定目標(biāo)，根據(jù)目標(biāo)確定整個事情的大方向，這一步是為了保證你整體做的事兒不會偏離最基本的軌道。
在確定好了我這次要干一個什么事兒之后，，我第二步往往做的是思考 — 產(chǎn)品形態(tài)應(yīng)該是什么樣子的？先弄清楚了他應(yīng)該是什么樣子的，你才能發(fā)現(xiàn)和你預(yù)期中差異的點(diǎn)，然后去探究問題產(chǎn)生的原因或做相關(guān)調(diào)整。這里來說為什么我不提倡先把頁面放過來直接找問題，因?yàn)槿绻敲锤傻脑捄苋菀拙蜁兂?ldquo;你來給頁面設(shè)計者為什么這么做找理由”然后就會發(fā)現(xiàn)看著看著自己就被洗腦了。
但是在這一步的時候有一個需要注意的問題，用戶要的是更好的產(chǎn)品，不管這個“更好”是指的什么，但是公司做產(chǎn)品最根本的是想賺錢，這按理說是一個完全沖突的事情。不過在產(chǎn)品的不同階段，側(cè)重是不一樣的，我們首先要做的就是結(jié)合產(chǎn)品階段與具體頁面所在的節(jié)點(diǎn)，權(quán)衡產(chǎn)品側(cè)重，就能在你心里建立起一個最基本的產(chǎn)品形態(tài)預(yù)期，這樣在你下一步真正開始分析頁面現(xiàn)狀的時候就能幫助你一些發(fā)現(xiàn)功能的可優(yōu)化點(diǎn)。
通過上面的推導(dǎo)可知，至少在當(dāng)前產(chǎn)品的當(dāng)前業(yè)務(wù)線來說，工具類產(chǎn)品公司關(guān)心的節(jié)點(diǎn)轉(zhuǎn)化，還是要依賴于用戶使用的滿意程度，也就是說，兩者沖突時，優(yōu)先服務(wù)于用戶體驗(yàn)。這里要注意下在真正的工作過程中，有些產(chǎn)品的階段導(dǎo)致產(chǎn)品要優(yōu)先服務(wù)于轉(zhuǎn)化，也就是營收，這是很正常的事兒，要根據(jù)不同階段來權(quán)衡設(shè)計中心，不要被“設(shè)計師就是站在用戶這邊的”這種話誤導(dǎo)，具體場景具體分析。
接下來第三步就可以正式的進(jìn)入到頁面現(xiàn)狀分析了。
主要分為三大點(diǎn)，第一個框架現(xiàn)狀，首先得知道現(xiàn)在的框架是怎樣的，這一步主要是看頁面的功能區(qū)，找出他們并講他們的層級用一維分析法列出，方便之后的對比。第二是合理性驗(yàn)證，將找出的模塊用“十字交叉分析”畫出坐標(biāo)軸，這里我是根據(jù)“對用戶的重要程度”和“盈利能力”來代表X軸與Y軸（XY軸并不是一直固定代表什么，可根據(jù)第二步你的產(chǎn)品重心來決定XY軸），決定好XY軸之后，結(jié)合產(chǎn)品側(cè)重把剛才找出的大模塊定位在坐標(biāo)軸相關(guān)的位置上，這么做的目的是，你可以根據(jù)坐標(biāo)軸的定位，來對比剛才一維分析法列出的模塊層級是否合理；最后第三步根據(jù)分析結(jié)果，得出相關(guān)結(jié)論，用來指導(dǎo)你之后具體設(shè)計，將影響用戶行為與體驗(yàn)的點(diǎn)進(jìn)行改進(jìn)，暫無問題的點(diǎn)根據(jù)時間成本選擇暫時不動或在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級。這一步往往能夠解決設(shè)計者工作中遇到的一個最基本的問題： 項目周期不夠，什么做什么可以放棄。
功能區(qū)的問題解決之后，就可以進(jìn)行第四步，也就是我們最熟悉的工作了，小模塊的優(yōu)化，也是最考驗(yàn)設(shè)計師細(xì)節(jié)打磨能力的地方，這一步要做的就是根據(jù)你自己的經(jīng)驗(yàn)與方法論，找出模塊的設(shè)計目標(biāo)，并且根據(jù)自己的方法論與經(jīng)驗(yàn)積累，用你覺得達(dá)成這個設(shè)計目標(biāo)最合適的設(shè)計方法。方法論這東西就很宏大了，主要是知識積累，然后自己拆分與結(jié)合，其實(shí)多定理之類的說的都是一個事兒，網(wǎng)上文章一大堆，所以就不過多描述了。
在做完這一步后，通常你就可以根據(jù)時間成本選擇交付研發(fā)了，然后等待上線后一個周期后進(jìn)行數(shù)據(jù)驗(yàn)證來驗(yàn)證設(shè)計的正確性。
但是如果你還有時間，你可以選擇在不影響產(chǎn)品功能和研發(fā)成本的基礎(chǔ)上進(jìn)行視覺升級。這來引入一個新的技術(shù)來幫助高效進(jìn)行設(shè)計產(chǎn)出，也就是當(dāng)下大熱的AIGC技術(shù)。這時候就有些人可能會說AIGC的產(chǎn)出不可控等問題，現(xiàn)在通常的解決方法是通過mj或手繪或拼接出你心中的畫面，然后放進(jìn)SD里進(jìn)行邊緣描摹，并通過openpose等插件產(chǎn)出你心儀的視覺效果，如果你沒有訓(xùn)練有素的模型也可以之后再扔進(jìn)MJ里進(jìn)行畫面細(xì)化。
什么？SD配置太麻煩？是不是就搞不了了？其實(shí)不是的，AIGC的發(fā)展如此迅猛，每天都在以我們想象不到的速度進(jìn)化這，其實(shí)面對我們工作中一些不復(fù)用的視覺素材，MJ已經(jīng)能夠快速的產(chǎn)出構(gòu)圖相差無幾的畫面了，要求不高的話能夠大大的減小設(shè)計者的成本。下面我們就以現(xiàn)在頁面的一些視覺為例，讓我們看看AIGC能夠幫助我們做到什么程度。
相信大家不難看出，在我們心中已經(jīng)有了一個合適的樣子或者有了一個合適的參考之后，再通過合理的prompt描述方式，AIGC能夠通過較小的時間成本幫助我們產(chǎn)出較高質(zhì)量的圖片，這樣我們就能夠選擇性的把時間分配到更多的地方產(chǎn)出更為精致的設(shè)計呈現(xiàn)。
藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗(yàn)設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計公司
銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計
那么什么是自然語言界面，它又會為人機(jī)交互帶來哪些新的變化，它會成為下一代主流的用戶界面嗎？本文將從計算機(jī)UI的發(fā)展簡史出發(fā)，對比自然語言界面與傳統(tǒng)圖形界面的差異，帶你了解自然語言界面的應(yīng)用場景和發(fā)展方向。
隨著大數(shù)據(jù)的興起，數(shù)據(jù)價值的不斷挖掘，圖表作為數(shù)據(jù)呈現(xiàn)與分析的有效手段，正扮演著越來越重要的角色，我們在進(jìn)行B端平臺設(shè)計時也在思考：如何讓圖表清晰的傳達(dá)信息，同時帶來美觀的視覺感受。
設(shè)計趨勢年年在變，設(shè)計技能也在不斷更新，但回到本源，底層的理論知識是不會變的。我自己幾乎每年還會翻看一些講設(shè)計基礎(chǔ)的書，比如《寫給大家看的設(shè)計書》之類的，會發(fā)現(xiàn)這些原理每次看都會有新的收獲。
藍(lán)藍(lán)設(shè)計的小編 http://bouu.cn