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