首先看我們這次改版的對(duì)象：

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

光憑第一印象，整體效果是還不錯(cuò)的，落實(shí)到每個(gè)局部的話(huà)，布局也是合理的，可以看到是有設(shè)計(jì)的細(xì)節(jié)在里面.jpg。

但是，再多看幾眼，就會(huì)發(fā)現(xiàn)整體的效果似乎有點(diǎn)不和諧，但又找不出來(lái)問(wèn)題具體在哪，不知道怎么改下去。問(wèn)題的根源就是 —— 過(guò)度設(shè)計(jì)。

我們強(qiáng)調(diào)過(guò)很多次，表盤(pán)頁(yè)的設(shè)計(jì)是作品集項(xiàng)目中最重要的頁(yè)面，因?yàn)橛^看者對(duì)整體視覺(jué)和設(shè)計(jì)水準(zhǔn)的印象是通過(guò)它建立起來(lái)的，不管你分析怎么寫(xiě)，我們首先關(guān)注的肯定也是設(shè)計(jì)的效果。

但重要不代表需要過(guò)度傾注和堆疊視覺(jué)元素，過(guò)度的設(shè)計(jì)會(huì)讓界面看起來(lái)有 “飛機(jī)” 敢，不僅不真實(shí)的印象產(chǎn)生了，還會(huì)顯得業(yè)余不夠自信。同時(shí)任何項(xiàng)目中表盤(pán)頁(yè)過(guò)度設(shè)計(jì)都會(huì)對(duì)整個(gè)項(xiàng)目造成負(fù)擔(dān)，后續(xù)的頁(yè)面要怎么設(shè)計(jì)才能不和它產(chǎn)生隔閡，保持一致性。

下面，我們根據(jù)原頁(yè)面進(jìn)行分析，來(lái)找出問(wèn)題并優(yōu)化：

問(wèn)題 1：導(dǎo)航欄的圖標(biāo)

導(dǎo)航的頂部 LOGO 描邊沒(méi)有太大必要，以及圖標(biāo)的設(shè)計(jì)在這個(gè)尺寸下非常的局促，因?yàn)榧?xì)節(jié)較多，不僅復(fù)雜性提升了，也缺乏圖形辨識(shí)。

所以改動(dòng)中，將多余的背景去掉，再簡(jiǎn)化圖標(biāo)本身的樣式。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

問(wèn)題 2：頂欄的設(shè)計(jì)

頂部欄本身設(shè)計(jì)單看是沒(méi)有問(wèn)題的，但是作為全局欄目和導(dǎo)航欄顏色缺乏區(qū)分，而且用了投影來(lái)強(qiáng)化層次，就讓這個(gè)模塊的權(quán)重被過(guò)度放大。

所以我們?nèi)サ袅吮尘吧?，并適當(dāng)增高欄目的高度，讓局部更舒展。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

問(wèn)題 3：統(tǒng)計(jì)數(shù)字的問(wèn)題

統(tǒng)計(jì)數(shù)字在作品展示里用特殊字體很常見(jiàn)，因?yàn)橐酶烙^的字體來(lái)呈現(xiàn)重要的信息。但任何頁(yè)面中的信息權(quán)重都要保持階梯性，不能讓加粗、深色、特殊字體幾個(gè)要素作用在過(guò)多的信息上，這就讓畫(huà)面顯得非常的“吵”。

所以要對(duì)字重和色彩做控制，創(chuàng)造對(duì)比來(lái)降低視覺(jué)的壓力。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

問(wèn)題 4：圖表的應(yīng)用

原圖中的圖表應(yīng)用有一定的問(wèn)題，第一個(gè)柱狀的堆疊類(lèi)型并不是太符合實(shí)際數(shù)據(jù)應(yīng)用，下方的環(huán)形圖中起始位置顯然不對(duì)，并且色彩比較混亂。

所以是答案對(duì)它們做出優(yōu)化，并調(diào)整了一些小細(xì)節(jié)。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

問(wèn)題 5：配圖類(lèi)型選擇

在引導(dǎo)卡片中，用的扁平插畫(huà)素材一方面不高級(jí)，另一方面內(nèi)容太碎，再加上用奇怪的字體和傾斜，使得這個(gè)卡片看起來(lái)非常別扭。

改動(dòng)中替換新的圖片素材（臨時(shí)找的，理解意思就行），同時(shí)使用一般黑體的標(biāo)題，以及增加背景色，來(lái)形成新的卡片樣式。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

問(wèn)題 6：裝飾圖標(biāo)應(yīng)用

在快速入口和日程模塊中，都有使用裝飾圖標(biāo)，顯然大家也能理解他們對(duì)于目前的語(yǔ)境來(lái)講還是細(xì)節(jié)過(guò)多了，所以需要做一些調(diào)整，讓它們簡(jiǎn)化。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

最后，再加上一些細(xì)節(jié)的小改動(dòng)，最終的樣式就完成了。

如何給界面做減法，實(shí)現(xiàn)B端設(shè)計(jì)提效效果？

表盤(pán)的設(shè)計(jì)一定要在最后做檢查，一些設(shè)計(jì)感強(qiáng)的元素是否有必要這么做，尤其是類(lèi)似圖標(biāo)元素，做得很花哨是否對(duì)信息的識(shí)別能帶來(lái)幫助？如果不行，那就可以果斷的放棄。

表盤(pán)頁(yè)的設(shè)計(jì)感來(lái)自 —— 全局元素和色彩的控制，而不是單一某個(gè)局部?jī)?nèi)容的加強(qiáng)。

文章來(lái)源：優(yōu)設(shè)
作者：酸梅干超人

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢～希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

人工智能的嶄新概念正在逐漸改變我們對(duì)設(shè)計(jì)的認(rèn)識(shí)和實(shí)踐方式。在這個(gè)數(shù)字化時(shí)代，AI不再僅僅是一種輔助工具，它已經(jīng)成為設(shè)計(jì)師的得力助手，能夠提供更高效、更智能的設(shè)計(jì)方案。在B端設(shè)計(jì)視覺(jué)中，AI的應(yīng)用為我們開(kāi)辟了一條通向更優(yōu)質(zhì)設(shè)計(jì)的道路，本文將深入探討如何借助AI技術(shù)，輔助設(shè)計(jì)師完成B端設(shè)計(jì)視覺(jué)。無(wú)論你是剛剛踏入設(shè)計(jì)領(lǐng)域的小白，還是經(jīng)驗(yàn)豐富的資深設(shè)計(jì)師，都可以利用AI工具來(lái)提升設(shè)計(jì)效率、優(yōu)化視覺(jué)效果。

通常設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)鏈路大致可以分成四個(gè)步驟：需求分析->用研交互->UI視覺(jué)->驗(yàn)收迭代。在不同的階段，需要團(tuán)隊(duì)中的交互/UI/視覺(jué)...設(shè)計(jì)師各司其職，每位設(shè)計(jì)師要解決的核心問(wèn)題不同：

這里引入一個(gè)結(jié)構(gòu)化的設(shè)計(jì)方法——“雙鉆”模型

“雙鉆設(shè)計(jì)模型”已經(jīng)被很多設(shè)計(jì)師或設(shè)計(jì)機(jī)構(gòu)做過(guò)概念變體和衍生，所以可能經(jīng)常會(huì)看到各種各樣類(lèi)似的“設(shè)計(jì)模型”，有的是“三鉆”的，有的是三角形的或是正方形的。不過(guò)，不要太在意這些模型是叫做“雙鉆模型”、“三鉆模型”還是“兩個(gè)四邊形模型”，其核心都是在講
一套使用設(shè)計(jì)思維來(lái)解決問(wèn)題的思路和方法，這套思路和方法適用于
從產(chǎn)品需求定義到設(shè)計(jì)成果產(chǎn)出的整個(gè)過(guò)程。

在這個(gè)過(guò)程中，“設(shè)計(jì)模型”能夠分別幫助設(shè)計(jì)師達(dá)到三個(gè)目的：

1. 洞察和挖掘產(chǎn)品真正的問(wèn)題
   也就是模型中第一個(gè)“鉆”的核心目的：為正確的事情做設(shè)計(jì)（Designing the right thing），即“做正確的事”。

2. 通過(guò)恰當(dāng)方法找到設(shè)計(jì)最優(yōu)解
   也就是模型中第二個(gè)“鉆”的核心目的：用正確的方法做設(shè)計(jì)（Designing things right），即“將設(shè)計(jì)做正確”。

3. 復(fù)盤(pán)并驗(yàn)證問(wèn)題設(shè)計(jì)的結(jié)果
   也就是模型中第三個(gè)“鉆”的核心目的：驗(yàn)證做的設(shè)計(jì)是否正確（Verify Desig Effectiveness），即“驗(yàn)證設(shè)計(jì)的效果”。

4. 鏈路1-需求分析

可能有人會(huì)說(shuō)：“分析需求不是產(chǎn)品經(jīng)理的事情嗎？”

確實(shí)，在產(chǎn)品需求階段產(chǎn)品經(jīng)理會(huì)起主導(dǎo)角色，產(chǎn)品經(jīng)理的需求分析：側(cè)重于從商業(yè)維度考慮產(chǎn)品目標(biāo)，考慮用戶(hù)的需求是什么，以及用什么樣的功能去滿(mǎn)足用戶(hù)需求。
但同時(shí)，設(shè)計(jì)師會(huì)協(xié)助產(chǎn)品參與需求挖掘工作，可以更直觀了解產(chǎn)品的背景和設(shè)計(jì)目標(biāo)，同時(shí)會(huì)協(xié)助產(chǎn)品經(jīng)理分析用戶(hù)的使用場(chǎng)景和各個(gè)接觸點(diǎn)，使得產(chǎn)品在需求階段可以更好的與后續(xù)交互設(shè)計(jì)銜接。

設(shè)計(jì)師的需求分析側(cè)重點(diǎn)：基于對(duì)產(chǎn)品需求的正確理解，通過(guò)運(yùn)營(yíng)與用戶(hù)層面考慮，平衡業(yè)務(wù)與用戶(hù)之間的訴求，讓設(shè)計(jì)在達(dá)到用戶(hù)體驗(yàn)的情況下更大化的發(fā)揮商業(yè)價(jià)值。

2. 鏈路2-用研交互

在提出需求目標(biāo)后，需要精準(zhǔn)定位目標(biāo)用戶(hù)，將假設(shè)與用戶(hù)訴求進(jìn)行驗(yàn)證。

交互設(shè)計(jì)師會(huì)采用用戶(hù)畫(huà)像/體驗(yàn)地圖/用戶(hù)移情圖等方法構(gòu)建用戶(hù)使用情景，將抽象的業(yè)務(wù)目標(biāo)在用戶(hù)層面進(jìn)行價(jià)值試驗(yàn)后的故事轉(zhuǎn)譯。通過(guò)前期調(diào)研和用戶(hù)故事還原體驗(yàn)情景，最終分析驗(yàn)證前期方案的假設(shè)，并為方案原型交互設(shè)計(jì)提供客觀數(shù)據(jù)支撐。

通過(guò)用研及數(shù)據(jù)結(jié)果分析驗(yàn)證后，就到了原型設(shè)計(jì)階段，最終修正的需求文檔會(huì)交由交互設(shè)計(jì)師轉(zhuǎn)化交互原型文檔。

交互文檔主要是用來(lái)承載設(shè)計(jì)思路、設(shè)計(jì)方案、信息架構(gòu)、原型線(xiàn)框、交互說(shuō)明等內(nèi)容，大致會(huì)包含：基礎(chǔ)信息(項(xiàng)目簡(jiǎn)介、需求分析)，交互說(shuō)明(信息架構(gòu)思維導(dǎo)圖、任務(wù)流程圖)，頁(yè)面交互流程原型圖（包含交互設(shè)計(jì)的方案闡述界面布局、操作手勢(shì)、反饋效果、元素的規(guī)則定義、以及異常頁(yè)面和異常情況的說(shuō)明）。

3. 鏈路3-UI視覺(jué)

建立設(shè)計(jì)規(guī)范

UI即User Interface（用戶(hù)界面），而UI設(shè)計(jì)規(guī)范通俗來(lái)說(shuō)，是圍繞在某種風(fēng)格或者大型設(shè)計(jì)項(xiàng)目下形成可視化、數(shù)據(jù)化的標(biāo)準(zhǔn)，針對(duì)相對(duì)獨(dú)立的體系建立的統(tǒng)一遵守條款。 UI組件庫(kù)則是是基于用戶(hù)界面產(chǎn)品而制定的一套可復(fù)用設(shè)計(jì)庫(kù)，也是為了方便設(shè)計(jì)師、開(kāi)發(fā)和測(cè)試人員共同協(xié)作，而遵循的規(guī)律和法則。
其中色彩范圍、圖標(biāo)設(shè)計(jì)方案、插畫(huà)配圖以及動(dòng)效等，這些都可以在定義視覺(jué)風(fēng)格的階段進(jìn)行思考，并有所結(jié)論。而字體的選擇且通常情況下會(huì)使用iOS和Android系統(tǒng)的模型字體作為規(guī)范字體，因?yàn)橄到y(tǒng)字體更為勻稱(chēng)，顯示效果更為舒適，醒目利于閱讀，更利于視覺(jué)信息的傳達(dá)。

搭建設(shè)計(jì)組件庫(kù)

搭建組件庫(kù)，其實(shí)是利用組件庫(kù)型思維，產(chǎn)品需求場(chǎng)景化、視覺(jué)表達(dá)模塊化并最終將解決方案進(jìn)行封裝。

通過(guò)標(biāo)準(zhǔn)的規(guī)范組合方式來(lái)構(gòu)建整個(gè)設(shè)計(jì)方案，從而提升設(shè)計(jì)效能。一方面使團(tuán)隊(duì)的每位設(shè)計(jì)師和開(kāi)發(fā)都能通過(guò)組件庫(kù)直觀了解產(chǎn)品設(shè)計(jì)規(guī)范，通過(guò)組件的復(fù)用性原理提升設(shè)計(jì)與開(kāi)發(fā)的協(xié)同效率。另一方面通過(guò)清晰有規(guī)律樣式布局，保證產(chǎn)品界面視覺(jué)及體驗(yàn)性的一致性。

4. 鏈路4-驗(yàn)收迭代

設(shè)計(jì)走查驗(yàn)收

設(shè)計(jì)界面交付后就算完成設(shè)計(jì)任務(wù)了嗎？

設(shè)計(jì)交付不等于設(shè)計(jì)任務(wù)的結(jié)束，在產(chǎn)品正式版發(fā)布之前，交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師需要對(duì)線(xiàn)上測(cè)試版本進(jìn)行走查。有些團(tuán)隊(duì)內(nèi)部協(xié)作習(xí)慣于直接口頭或是簡(jiǎn)單文字溝通，面對(duì)簡(jiǎn)單且量少的問(wèn)題時(shí)可能會(huì)相對(duì)比較快速。但是一定會(huì)存在信息遺漏、溝通誤差等問(wèn)題。

產(chǎn)品設(shè)計(jì)迭代
雖然有些公司的產(chǎn)品真的過(guò)硬，可能會(huì)具備較長(zhǎng)的生命周期，但它們始終會(huì)被更加優(yōu)秀、好用、新穎的競(jìng)品所取代。
因此產(chǎn)品設(shè)計(jì)的持續(xù)優(yōu)化迭代，是能保持發(fā)揮產(chǎn)品優(yōu)勢(shì)，不斷找到用戶(hù)痛點(diǎn)的關(guān)鍵，而做好產(chǎn)品迭代不僅是產(chǎn)品經(jīng)理的職能， 也是設(shè)計(jì)師的職能所在。

寫(xiě)在最后，我們來(lái)梳理一下整個(gè)設(shè)計(jì)鏈路的結(jié)構(gòu)

作者：7V_Kevin
來(lái)源：站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢～希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

當(dāng)設(shè)計(jì)師利用ChatGPT提高工作效率時(shí)，可以通過(guò)以下16個(gè)例子來(lái)實(shí)現(xiàn)：
獲得設(shè)計(jì)靈感：設(shè)計(jì)師可以向ChatGPT提出關(guān)于特定主題或風(fēng)格的問(wèn)題，以獲取創(chuàng)意和靈感，幫助他們更快速地開(kāi)展設(shè)計(jì)工作。
快速生成設(shè)計(jì)草圖：設(shè)計(jì)師可以與ChatGPT交流，描述自己的設(shè)計(jì)想法，然后ChatGPT可以幫助生成初步的設(shè)計(jì)草圖或構(gòu)思，從而加速設(shè)計(jì)流程。
獲取設(shè)計(jì)反饋：設(shè)計(jì)師可以與ChatGPT分享他們的設(shè)計(jì)，并詢(xún)問(wèn)對(duì)于改進(jìn)的建議。ChatGPT可以提供反饋和專(zhuān)業(yè)意見(jiàn)，幫助設(shè)計(jì)師改進(jìn)設(shè)計(jì)。
設(shè)計(jì)布局優(yōu)化：設(shè)計(jì)師可以提供設(shè)計(jì)布局的描述和需要解決的問(wèn)題，ChatGPT可以提供布局改進(jìn)的建議，包括元素的排列、間距和對(duì)齊等。
確定色彩方案：設(shè)計(jì)師可以向ChatGPT描述設(shè)計(jì)項(xiàng)目的需要和目標(biāo)，ChatGPT可以提供符合品牌形象和用戶(hù)體驗(yàn)的色彩方案建議。
輔助設(shè)計(jì)圖標(biāo)和圖形：設(shè)計(jì)師可以向ChatGPT描述需要的圖標(biāo)或圖形的特點(diǎn)和樣式，ChatGPT可以提供相關(guān)圖標(biāo)和圖形的素材或幫助設(shè)計(jì)符合要求的圖標(biāo)。
設(shè)計(jì)文件管理：設(shè)計(jì)師可以向ChatGPT咨詢(xún)最佳的設(shè)計(jì)文件組織方式，包括文件命名規(guī)范、文件夾結(jié)構(gòu)和版本控制等，提高工作流程的整體效率。
自動(dòng)生成設(shè)計(jì)規(guī)范：設(shè)計(jì)師可以與ChatGPT共享設(shè)計(jì)樣式和規(guī)范的要求，ChatGPT可以幫助生成一致和易于理解的設(shè)計(jì)規(guī)范文檔，以供整個(gè)團(tuán)隊(duì)使用。
快速解決設(shè)計(jì)問(wèn)題：當(dāng)設(shè)計(jì)師遇到設(shè)計(jì)上的難題時(shí)，可以向ChatGPT描述問(wèn)題，ChatGPT可以提供解決方案和提示，幫助設(shè)計(jì)師迅速解決問(wèn)題。
交互設(shè)計(jì)優(yōu)化：設(shè)計(jì)師可以向ChatGPT詳細(xì)描述用戶(hù)界面的交互流程和問(wèn)題，ChatGPT可以提供改進(jìn)交互設(shè)計(jì)的建議，包括交互動(dòng)畫(huà)、狀態(tài)轉(zhuǎn)換和用戶(hù)反饋等。
設(shè)計(jì)審查支持：設(shè)計(jì)師可以將設(shè)計(jì)文件和說(shuō)明發(fā)送給ChatGPT，并請(qǐng)求審查和評(píng)估。ChatGPT可以檢查設(shè)計(jì)是否符合最佳設(shè)計(jì)實(shí)踐、用戶(hù)體驗(yàn)原則和可訪問(wèn)性要求。
自動(dòng)生成設(shè)計(jì)文檔：設(shè)計(jì)師可以與ChatGPT共享設(shè)計(jì)細(xì)節(jié)，ChatGPT可以協(xié)助生成詳細(xì)的設(shè)計(jì)文檔，包括設(shè)計(jì)決策、功能說(shuō)明和交互模型等，減少手動(dòng)編寫(xiě)文檔的時(shí)間。
設(shè)計(jì)項(xiàng)目管理：設(shè)計(jì)師可以向ChatGPT咨詢(xún)項(xiàng)目管理技巧和工具推薦，以提高團(tuán)隊(duì)的項(xiàng)目管理效率和協(xié)作效果。
快速響應(yīng)常見(jiàn)設(shè)計(jì)問(wèn)題：當(dāng)設(shè)計(jì)師遇到常見(jiàn)的設(shè)計(jì)問(wèn)題時(shí)，可以向ChatGPT提問(wèn)，ChatGPT可以提供解決該問(wèn)題的最佳實(shí)踐和建議。
設(shè)計(jì)素材搜索和篩選：設(shè)計(jì)師可以向ChatGPT描述他們需要的設(shè)計(jì)素材，ChatGPT可以提供相應(yīng)的搜索結(jié)果和篩選條件，幫助設(shè)計(jì)師快速找到合適的素材。
用戶(hù)測(cè)試和反饋解讀：設(shè)計(jì)師可以向ChatGPT分享用戶(hù)測(cè)試數(shù)據(jù)和反饋，ChatGPT可以幫助解讀和分析數(shù)據(jù)，提供對(duì)用戶(hù)體驗(yàn)的深入理解和改進(jìn)意見(jiàn)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話(huà)，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢～希望得到建議咨詢(xún)、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.cqzjtgb.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

我們很多時(shí)候會(huì)在選擇設(shè)計(jì)方案上搖擺不定。自己覺(jué)得好的方案，看到別人是另外一種形式，又會(huì)覺(jué)得自己的是不是不太好。其實(shí)沒(méi)必要，每一種方案都有好與壞，很難做到100%完美，只能說(shuō)在當(dāng)前這個(gè)階段里接近完美。

就像小孩有了蟲(chóng)牙，去醫(yī)院治療，醫(yī)生也會(huì)說(shuō)有很多種方案。具體用哪一種會(huì)根據(jù)年齡、性別、牙齒生長(zhǎng)情況來(lái)決定。比如：一個(gè)6歲的女孩，在不嚴(yán)重的情況下，醫(yī)生可能就建議清理后補(bǔ)一下；如果是一個(gè)5歲的男孩，當(dāng)前牙齒還不錯(cuò)，距離換牙還有比較長(zhǎng)的一段時(shí)間，可能會(huì)給你放個(gè)普通點(diǎn)的牙套保護(hù)起來(lái)

在B端設(shè)計(jì)中，表單設(shè)計(jì)是常見(jiàn)的需求設(shè)計(jì)，對(duì)于B端來(lái)說(shuō)，表單的信息復(fù)雜程度會(huì)根據(jù)業(yè)務(wù)的實(shí)際情況而定，常見(jiàn)的簡(jiǎn)單表單設(shè)計(jì)只需要將表單的字段平鋪在頁(yè)面中，用戶(hù)輸入相關(guān)信息即可完成表單的任務(wù)。但是B端的實(shí)際業(yè)務(wù)中，表單的需求有簡(jiǎn)單也有非常復(fù)雜的場(chǎng)景，如果都采用簡(jiǎn)單的平鋪方式，必定會(huì)讓表單填寫(xiě)任務(wù)變得難以操作。對(duì)于不同的表單模式使用的業(yè)務(wù)場(chǎng)景不同，但是表單的呈現(xiàn)方式也具有多種選擇，并且適用的場(chǎng)景也不同。下面我總結(jié)了三種不同的表單展示方式，四中表單的呈現(xiàn)方式以及應(yīng)用場(chǎng)景。

本篇文章將分享Web端表單體驗(yàn)優(yōu)化等相關(guān)內(nèi)容，分析設(shè)計(jì)師在設(shè)計(jì)B端類(lèi)產(chǎn)品時(shí)如何讓用戶(hù)愉悅并高效的填寫(xiě)表單。表單作為基礎(chǔ)通用組件，也是在各個(gè)企業(yè)級(jí)中臺(tái)中出現(xiàn)頻率最高的元素之一。在用戶(hù)界面中表單無(wú)處不在，比如：用戶(hù)注冊(cè)登陸頁(yè)、支付頁(yè)、用戶(hù)反饋、共享信息數(shù)據(jù)錄入等不同類(lèi)型的表單。當(dāng)我們使用/設(shè)計(jì)表單頁(yè)面時(shí)看似是按鈕、輸入框等表單組件進(jìn)行組合搭配使用，看似簡(jiǎn)單，但是在實(shí)際業(yè)務(wù)使用中卻有著無(wú)數(shù)可推敲的細(xì)節(jié)冒出來(lái)，常常給設(shè)計(jì)師造成較多的困擾。

表單頁(yè)作為B端設(shè)計(jì)中常見(jiàn)頁(yè)面之一，在設(shè)計(jì)過(guò)程中如何解決用戶(hù)的問(wèn)題如何降低使用者的錄入負(fù)荷。一點(diǎn)小小的經(jīng)驗(yàn)供大家參考～在使用表單組件、或設(shè)計(jì)表單頁(yè)面時(shí)，很多設(shè)計(jì)者都是根據(jù)自己的直覺(jué)或者個(gè)人經(jīng)驗(yàn)本能驅(qū)動(dòng)解決排列、布局的一些問(wèn)題。但又會(huì)有很多的疑惑會(huì)從過(guò)程中冒出來(lái)困惑設(shè)計(jì)師，導(dǎo)致自己的設(shè)計(jì)很難使產(chǎn)品、開(kāi)發(fā)等信服。每一個(gè)設(shè)計(jì)都離不開(kāi)解決某問(wèn)題或達(dá)到某個(gè)預(yù)期，好的表單設(shè)計(jì)往往都能讓用戶(hù)快速get到關(guān)鍵信息同時(shí)快速準(zhǔn)確錄入信息，降低使用者填寫(xiě)負(fù)荷。帶著這樣的設(shè)計(jì)目的結(jié)合業(yè)務(wù)內(nèi)容將表單進(jìn)行分組，結(jié)合適當(dāng)?shù)脑O(shè)計(jì)策略，這樣能使設(shè)計(jì)方案更加有理有據(jù)。

一個(gè)完整的后臺(tái)，由菜單/導(dǎo)航、數(shù)據(jù)/圖形展示、表格、表單、控件/組件以及彈窗等構(gòu)成，下面跟大家分享后臺(tái)中的表格和表單的設(shè)計(jì)細(xì)節(jié)當(dāng)接到一個(gè)全新的網(wǎng)頁(yè)后臺(tái)項(xiàng)目時(shí)，首先確定設(shè)計(jì)風(fēng)格，然后考慮這個(gè)后臺(tái)尺寸是做居中固定式，還是全屏響應(yīng)式（上一篇文章已經(jīng)跟大家分享了網(wǎng)頁(yè)設(shè)計(jì)的畫(huà)布尺寸）。全屏響應(yīng)式的網(wǎng)頁(yè)設(shè)計(jì)，選擇怎么樣的屏幕來(lái)做效果，就顯得有些主觀了，除非有規(guī)定，否則你可以選擇任意主流尺寸作為基尺寸來(lái)設(shè)計(jì)網(wǎng)頁(yè)。當(dāng)然，不管選擇什么尺寸，都得基于做好一個(gè)后臺(tái)而開(kāi)展工作。

表單在我們的工作生活中非常見(jiàn)，表單對(duì)于企業(yè)和個(gè)人同樣至關(guān)重要，當(dāng)涉及到數(shù)據(jù)收集時(shí)，我們大多數(shù)情況下會(huì)采用表單。比如，我們?cè)诔鰢?guó)申請(qǐng)護(hù)照的時(shí)候，我們需要填寫(xiě)的紙質(zhì)的申請(qǐng)資料，就是表單。我們?cè)谔詫毦〇|下單買(mǎi)東西時(shí)填寫(xiě)的個(gè)人信息，地址的時(shí)候，也是表單。表單有數(shù)據(jù)收集，校驗(yàn)和提交的功能，其中核心功能是采集數(shù)據(jù)信息，可以看成是采集、傳遞、提交數(shù)據(jù)的中間媒介。表其作為獲取用戶(hù)輸入的重要交互方式，也承擔(dān)著將問(wèn)題和答案進(jìn)行配對(duì)的角色。包含復(fù)選框，單選框，輸入框，下拉選擇框等元素。