<li id="g3zqm"></li>
jankspace精準(zhǔn)概括這類(lèi)痛點(diǎn)：產(chǎn)品對(duì)外宣傳全鏈路無(wú)縫自動(dòng)化，實(shí)際使用卻要在賬號(hào)、支付、文件、權(quán)限間反復(fù)跳轉(zhuǎn)，消耗用戶(hù)耐心卻毫無(wú)體驗(yàn)增益，屬于設(shè)計(jì)失誤帶來(lái)的無(wú)效負(fù)擔(dān)。消費(fèi)心理學(xué)宜家效應(yīng)佐證：用戶(hù)親手投入步驟完成事物后，會(huì)自發(fā)抬高產(chǎn)品價(jià)值；動(dòng)手參與的沉沒(méi)成本，最終轉(zhuǎn)化為情感與記憶沉淀。
| 摩擦分類(lèi) | 用戶(hù)體感 | 典型場(chǎng)景 | 設(shè)計(jì)決策 |
|---|---|---|---|
| 壞摩擦 | 被迫填坑、煩躁流失 | 重復(fù)登錄、錯(cuò)亂跳轉(zhuǎn)、無(wú)效排隊(duì) | 全盤(pán)刪除優(yōu)化 |
| 交易必要摩擦 | 安全感確認(rèn) | 支付二次核驗(yàn)、隱私授權(quán) | 精簡(jiǎn)話術(shù)、保留必要步驟 |
| 儀式型好摩擦 | 沉浸場(chǎng)景、充滿期待 | 開(kāi)箱、線下試穿、集章打卡 | 結(jié)構(gòu)化設(shè)計(jì)，配套情緒回報(bào) |
| 記憶型好摩擦 | 愿意投入時(shí)間、加深印象 | 長(zhǎng)內(nèi)容觀看、線下展覽動(dòng)線、手作 DIY | 設(shè)計(jì)體驗(yàn)峰值 |
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
留存邊界：極小眾精細(xì)化定制場(chǎng)景，配置向?qū)ПＡ舳档兹肟冢蛔鳛橹髁鞑僮髀窂健?/div>2. 篩選側(cè)邊欄 + 關(guān)鍵詞手動(dòng)搜索：多條件手動(dòng)勾選→自然語(yǔ)言意圖檢索，篩選退居微調(diào)輔助
傳統(tǒng)搜索需要用戶(hù)完成兩次轉(zhuǎn)化：把真實(shí)需求提煉關(guān)鍵詞，再通過(guò)尺碼、價(jià)格、分類(lèi)等篩選控件拆分條件，關(guān)鍵詞 + 復(fù)選篩選組合是過(guò)去精準(zhǔn)檢索的標(biāo)配。自然語(yǔ)言語(yǔ)義檢索成熟后，用戶(hù)一句話即可鎖定全部約束條件。
改造邏輯：產(chǎn)品以自然語(yǔ)言輸入框作為搜索主入口，側(cè)邊篩選不再是核心檢索工具，降級(jí)為結(jié)果微調(diào)組件；用戶(hù)可通過(guò)多輪對(duì)話持續(xù)優(yōu)化篩選范圍。落地案例
- KAYAK AI 模式：?jiǎn)尉漭斎氤鲂行枨螅到y(tǒng)自動(dòng)解析日期、位置、預(yù)算等信息，直出機(jī)票、酒店結(jié)果，無(wú)需拆分表單填寫(xiě)；
- 招聘工具 Wrangle：HR 輸入崗位經(jīng)驗(yàn)、技能要求，AI 自動(dòng)批量匹配候選人并生成匹配分?jǐn)?shù)，摒棄多維度篩選面板。
補(bǔ)充：篩選組件并未消亡，在用戶(hù)漫無(wú)目的、隨意瀏覽探索的場(chǎng)景（如鞋服商城閑逛），篩選用于可視化全品類(lèi)商品，承擔(dān)瀏覽發(fā)現(xiàn)作用，僅從核心功能變?yōu)檩o助功能。3. 手動(dòng)錄入表單：全字段人工填寫(xiě)→AI 自動(dòng)提取 + 高置信預(yù)填，表單轉(zhuǎn)為糾錯(cuò)面板
傳統(tǒng)表單設(shè)計(jì)聚焦優(yōu)化輸入體驗(yàn)：調(diào)整字段排序、快捷鍵跳轉(zhuǎn)、輸入校驗(yàn)，默認(rèn)所有信息由用戶(hù)手動(dòng)錄入，即便附件已有完整數(shù)據(jù)，仍需二次手動(dòng)謄寫(xiě)，造成冗余操作。文檔 AI 可從圖片、PDF、郵件、票據(jù)中結(jié)構(gòu)化提取信息，從根源消除重復(fù)錄入。
改造邏輯：上傳原始憑證后，AI 自動(dòng)填充表單字段，高置信數(shù)據(jù)靜默回填、低識(shí)別度字段高亮標(biāo)紅，用戶(hù)只修改異常內(nèi)容，表單從錄入載體變?yōu)閿?shù)據(jù)核對(duì)視圖。落地案例：QuickBooks 報(bào)銷(xiāo)系統(tǒng)迭代 Autofill 功能，上傳發(fā)票圖片 / 文件，系統(tǒng)秒級(jí)抓取收款方、金額、開(kāi)票日期等信息，用戶(hù)告別全字段手動(dòng)填寫(xiě)。4. 靜態(tài)數(shù)據(jù)看板與預(yù)制報(bào)表：全指標(biāo)平鋪展示→異常優(yōu)先預(yù)警 + 對(duì)話式數(shù)據(jù)下鉆
傳統(tǒng)數(shù)據(jù)看板、周期報(bào)表提前預(yù)設(shè)固定統(tǒng)計(jì)維度，鋪滿全量 KPI 指標(biāo)，所有數(shù)據(jù)權(quán)重一致，需要使用者人工翻閱海量數(shù)據(jù)、自主查找業(yè)務(wù)異動(dòng)，關(guān)鍵異常極易被海量數(shù)據(jù)淹沒(méi)。AI 數(shù)據(jù)分析實(shí)現(xiàn)實(shí)時(shí)異動(dòng)監(jiān)測(cè)與歸因，重構(gòu)看板設(shè)計(jì)思路。
改造邏輯：看板不再羅列全部數(shù)據(jù)，優(yōu)先高亮業(yè)務(wù)異常、增長(zhǎng)機(jī)會(huì)，附帶可一鍵執(zhí)行的優(yōu)化動(dòng)作；深度數(shù)據(jù)探查改用自然語(yǔ)言提問(wèn)，AI 自動(dòng)拆解數(shù)據(jù)、定位問(wèn)題、輸出優(yōu)化方案。落地案例
- Shopify Pulse：自動(dòng)分析店鋪營(yíng)收，提煉爆款促銷(xiāo)、購(gòu)物車(chē)挽回等運(yùn)營(yíng)建議，搭配一鍵創(chuàng)建活動(dòng)按鈕；
- Amplitude AI：輸入 “優(yōu)化定價(jià)頁(yè)轉(zhuǎn)化率”，系統(tǒng)自動(dòng)定位無(wú)效點(diǎn)擊、暴躁點(diǎn)擊等轉(zhuǎn)化卡點(diǎn)，同步輸出三套落地優(yōu)化方案。
5. CRUD 數(shù)據(jù)表格：?jiǎn)螚l逐單元格編輯→自然語(yǔ)言批量指令 + 變更差異審閱
傳統(tǒng)增刪改查表格基于單行單字段操作設(shè)計(jì)，批量修改大量數(shù)據(jù)時(shí)，用戶(hù)需重復(fù)上百次點(diǎn)開(kāi)、編輯、保存操作，用戶(hù)宏觀業(yè)務(wù)意圖被切割為碎片化操作。
改造邏輯：用戶(hù)用自然語(yǔ)言下達(dá)批量修改指令，AI 自動(dòng)生成全量變更清單，頁(yè)面展示修改前后數(shù)據(jù)差異，使用者批量確認(rèn)或駁回個(gè)別修改項(xiàng)，表格從編輯工具轉(zhuǎn)為變更預(yù)覽視圖。落地案例：Airtable 智能字段助手，一句指令即可批量全網(wǎng)調(diào)研競(jìng)品營(yíng)收與產(chǎn)品優(yōu)勢(shì)，自動(dòng)整表填充新增字段，無(wú)需逐個(gè)單元格錄入。6. 靜態(tài) FAQ + 分層幫助文檔 + 固定式新手引導(dǎo)：靜態(tài)說(shuō)明書(shū)→場(chǎng)景化實(shí)時(shí) AI 答疑
過(guò)往產(chǎn)品依靠分步新手彈窗引導(dǎo)、層級(jí)式幫助文檔、標(biāo)準(zhǔn)化 FAQ 解答問(wèn)題，內(nèi)容為通用模板，無(wú)法匹配用戶(hù)當(dāng)下頁(yè)面、報(bào)錯(cuò)場(chǎng)景、操作鏈路，用戶(hù)遇到個(gè)性化問(wèn)題很難精準(zhǔn)檢索對(duì)應(yīng)方案。
改造邏輯：幫助文檔、FAQ 轉(zhuǎn)為 AI 知識(shí)庫(kù)底層素材，不再面向用戶(hù)開(kāi)放查閱；AI 實(shí)時(shí)識(shí)別用戶(hù)所處頁(yè)面、操作行為、報(bào)錯(cuò)信息，按需推送定制化解決方案，熟練度越高，引導(dǎo)提示越精簡(jiǎn)；復(fù)雜問(wèn)題支持屏幕共享、語(yǔ)音對(duì)話多模態(tài)求助。落地案例：Google AI Studio 搭載實(shí)時(shí)屏幕共享、語(yǔ)音咨詢(xún)功能，AI 實(shí)時(shí)同步用戶(hù)操作畫(huà)面，針對(duì)性解決實(shí)操問(wèn)題。7. 時(shí)序信息流通知：全消息平鋪推送→AI 智能分級(jí)摘要 + 重點(diǎn)事項(xiàng)定向提醒
傳統(tǒng)通知系統(tǒng)按時(shí)間線平鋪全量消息，點(diǎn)贊評(píng)論、系統(tǒng)故障、審批提醒權(quán)重一致，海量無(wú)效消息淹沒(méi)關(guān)鍵告警，用戶(hù)需要逐條瀏覽篩選重要信息。
改造邏輯：AI 充當(dāng)信息分診官，依據(jù)緊急度、業(yè)務(wù)關(guān)聯(lián)度拆分消息：低優(yōu)先級(jí)內(nèi)容合并為定期摘要簡(jiǎn)報(bào)，高風(fēng)險(xiǎn)事件附帶因果鏈路、業(yè)務(wù)影響、處理方案定向推送，通知中心進(jìn)化為決策工作臺(tái)。落地案例：Datadog 監(jiān)控告警摒棄零散條目推送，以「故障根源 - 服務(wù)異常 - 用戶(hù)影響」鏈?zhǔn)浇Y(jié)構(gòu)展示事故，運(yùn)維人員一鍵定位問(wèn)題。8. 空白頁(yè)「新建」按鈕：空白畫(huà)布從零創(chuàng)作→AI 一鍵生成初稿，用戶(hù)擇優(yōu)修改
“新建空白文檔 / 項(xiàng)目” 按鈕把用戶(hù)置于零創(chuàng)作起點(diǎn)，空白界面極易帶來(lái)創(chuàng)作焦慮。改造邏輯：用戶(hù)描述創(chuàng)作需求、約束條件，系統(tǒng)自動(dòng)生成完整初稿，用戶(hù)工作從從零原創(chuàng)變?yōu)閮?nèi)容微調(diào)、擇優(yōu)優(yōu)化，創(chuàng)作界面完成從空白創(chuàng)建到內(nèi)容迭代的轉(zhuǎn)變。二、推動(dòng) UI 變革的八大核心技術(shù)驅(qū)動(dòng)力
- 執(zhí)行全自動(dòng)化：AI Agent 可閉環(huán)完成多步驟串聯(lián)工作，依賴(lài)人工分步操作的界面失去剛需；
- 環(huán)境上下文理解：系統(tǒng)自動(dòng)讀取用戶(hù)文檔、歷史行為、賬號(hào)數(shù)據(jù)，無(wú)需頁(yè)面反復(fù)采集已有信息；
- 自然語(yǔ)言意圖解析：機(jī)器讀懂口語(yǔ)化需求，無(wú)需用戶(hù)把想法轉(zhuǎn)化為下拉框、篩選條件等系統(tǒng)語(yǔ)言；
- 多模態(tài)輸入融合：支持圖文、語(yǔ)音、屏幕畫(huà)面多維度交互，打破僅文字 + 表單的交互限制；
- AI 生成初稿能力：依托簡(jiǎn)短描述生成可用內(nèi)容，消滅空白創(chuàng)建的使用痛點(diǎn)；
- 按需場(chǎng)景解釋：精準(zhǔn)捕捉用戶(hù)困惑，即時(shí)推送對(duì)應(yīng)指引，摒棄前置全量灌輸?shù)男率纸坛蹋?/li>
- 交互成本壓縮：多步人工操作濃縮為單次指令，精簡(jiǎn)冗余頁(yè)面流程；
- 信息智能分級(jí)：自動(dòng)篩選信息優(yōu)先級(jí)，告別全量信息無(wú)差別展示。
三、行業(yè)發(fā)展規(guī)律：新舊 UI 并非非此即彼，而是主次遷徙
傳統(tǒng)交互不會(huì)瞬間徹底消亡，篩選欄、配置向?qū)А⒖瞻仔陆ò粹o仍會(huì)長(zhǎng)期保留：面向 AI 信任度不足的用戶(hù)、小眾邊緣業(yè)務(wù)場(chǎng)景、無(wú) AI 算力支撐的使用環(huán)境，老舊交互作為兜底備用方案。長(zhǎng)期演化趨勢(shì)：傳統(tǒng)執(zhí)行型 UI 從產(chǎn)品核心主路徑，逐步下沉為備選兜底功能；AI 驅(qū)動(dòng)的決策監(jiān)督型 UI 成為產(chǎn)品主流交互。兩類(lèi)界面劃分
- 執(zhí)行導(dǎo)向 UI（持續(xù)萎縮）：服務(wù)人工重復(fù)錄入、分步配置、逐條修改等機(jī)械操作，AI 接管落地執(zhí)行后，該類(lèi)頁(yè)面持續(xù)精簡(jiǎn)；
- 決策監(jiān)督 UI（快速增長(zhǎng)）：用于審核 AI 輸出結(jié)果、修正系統(tǒng)偏差、研判異常數(shù)據(jù)，是未來(lái) UI 設(shè)計(jì)核心發(fā)力方向。
四、總結(jié)
AI 時(shí)代 UI 設(shè)計(jì)的核心變化：人類(lèi)不再是系統(tǒng)操作工，變成 AI 成果的審核決策者。未來(lái)優(yōu)質(zhì)界面的設(shè)計(jì)目標(biāo)，是放大人類(lèi)的判斷與決策價(jià)值，而非強(qiáng)迫用戶(hù)復(fù)刻機(jī)器的運(yùn)行邏輯。轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
通過(guò)制造視覺(jué)元素的差異—— 讓 “不一樣” 的元素從周?chē)h(huán)境中凸顯出來(lái)，自然成為視覺(jué)焦點(diǎn)。
引導(dǎo)用戶(hù)注意力優(yōu)先落在關(guān)鍵信息或操作點(diǎn)上，這就是對(duì)比原則，我們可以通過(guò)形狀的對(duì)比讓卡片突出，增加視覺(jué)表現(xiàn)力：
在一些視覺(jué)頁(yè)面中，也可以用異形容器增加視覺(jué)表現(xiàn)力，可以結(jié)合主題設(shè)計(jì)容器，例如下方就是一個(gè)以紙質(zhì)火車(chē)票造型作為卡片背景的例子：
也可以結(jié)合內(nèi)容設(shè)計(jì)容器，例如頁(yè)面的內(nèi)容是感謝用戶(hù)，就可以從感謝信或者信紙的角度設(shè)計(jì)容器：
在設(shè)計(jì)中，想要為卡片或頁(yè)面增加形式感，豐富背景是直接且高效的方式，可以從顏色、底紋、裝飾元素這三個(gè)核心維度展開(kāi)，讓背景不再單調(diào)，為整體設(shè)計(jì)加分：
1. 優(yōu)化顏色增加背景的形式感
可將背景的無(wú)彩色（如黑白、灰度色）替換為帶有明確色相的有彩色（如柔和的薄荷綠、清新的天藍(lán)、低飽和的珊瑚橙等）
借助 “無(wú)彩色與有彩色” 的屬性差異，讓卡片與周?chē)臏\灰背景或普通卡片形成直觀色彩對(duì)比，快速?gòu)恼w布局中跳脫出來(lái)：
也可以將卡片的單一純色設(shè)計(jì)，升級(jí)為多種顏色的漸變效果 —— 通過(guò)這種漸變色，讓卡片與周?chē)谋尘啊⑵渌M件形成鮮明對(duì)比
從而快速?gòu)恼w布局中凸顯出來(lái)，成為視覺(jué)焦點(diǎn)，快速抓住用戶(hù)注意力：
2. 給背景增加底紋
在背景中增加底紋（如低透明度的幾何紋理、輕微的肌理質(zhì)感等），不僅可以強(qiáng)化視覺(jué)層次，還可以向用戶(hù)傳遞頁(yè)面的風(fēng)格氛圍，增強(qiáng)記憶點(diǎn)。
例如科技類(lèi)產(chǎn)品用細(xì)線條網(wǎng)格底紋增強(qiáng)科技感，古風(fēng)類(lèi)產(chǎn)品可以用紙張等營(yíng)造復(fù)古的氛圍感：
下面列舉了一些常見(jiàn)的底紋元素，可搭配圖層的混合模式、不透明度使用：
3. 在背景上增加裝飾
可以根據(jù)頁(yè)面/活動(dòng)添加合適的裝飾元素，裝飾可以是圖形、文字等與頁(yè)面相關(guān)的元素。
裝飾元素主要是為了平衡界面視覺(jué)，優(yōu)化整體協(xié)調(diào)性：當(dāng)界面存在 “大面積空白” 或 “元素分布不均” 時(shí)，裝飾元素可起到 “視覺(jué)平衡” 作用。
這里的文字不僅是卡片標(biāo)題，也可以是活動(dòng)標(biāo)題或者頁(yè)簽導(dǎo)航，那么文字的設(shè)計(jì)感可以怎么加呢？我們可以從圖形裝飾、線條裝飾、文字裝飾、背景裝飾四個(gè)方面給文字添加設(shè)計(jì)感：
1. 圖形裝飾
將圖形放在標(biāo)題空白處增加標(biāo)題的設(shè)計(jì)感：
也可以用來(lái)填補(bǔ)標(biāo)題的空白區(qū)域，平衡視覺(jué)：
用圖形代替文字的某一個(gè)筆畫(huà)，傳遞產(chǎn)品的氛圍：
2. 線條裝飾
用簡(jiǎn)單的線條突出標(biāo)題，輔助信息分層，突出重點(diǎn)信息，降低認(rèn)知成本：
3. 文字裝飾
用風(fēng)格獨(dú)特的字體寫(xiě)一句英文作為標(biāo)題的裝飾：
另一種方法是將文字放大起到裝飾作用：
4. 背景裝飾
在標(biāo)題后面增加背景，不僅可以保證標(biāo)題的可讀性，還能讓標(biāo)題抓住用戶(hù)的眼球，進(jìn)一步強(qiáng)化視覺(jué)表現(xiàn)力：
盡管上面的案例分別展示了不同的提升形式感的方法，但在實(shí)際設(shè)計(jì)中，不必局限于單一形式。
將多種手法靈活組合（比如為卡片搭配有彩色背景的同時(shí)，疊加輕量底紋并點(diǎn)綴細(xì)節(jié)裝飾），更能放大視覺(jué)表現(xiàn)力，讓界面擺脫單調(diào)感，呈現(xiàn)出更豐富的層次與質(zhì)感。
如果這篇內(nèi)容對(duì)你有啟發(fā)，或是你有其他提升形式感的實(shí)用思路，歡迎在評(píng)論區(qū)分享交流，一起探索更多設(shè)計(jì)可能性～
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
響應(yīng)式是一種網(wǎng)頁(yè)前端技術(shù)，讓網(wǎng)頁(yè)可以根據(jù)分辨率、設(shè)備的變更，自動(dòng)調(diào)整樣式和布局。
它的誕生起源于移動(dòng)互聯(lián)網(wǎng)興起的熱潮，彼時(shí)智能手機(jī)訪問(wèn)網(wǎng)站的需求激增，但多數(shù)網(wǎng)站的適配都是面向電腦端的大屏幕，僅有少數(shù)網(wǎng)站會(huì)額外開(kāi)發(fā)符合移動(dòng)端顯示需求的版本（自適應(yīng)）。
響應(yīng)式的提出，就是為了解決這種問(wèn)題，通過(guò)建立一套約定好的設(shè)計(jì)、開(kāi)發(fā)方法，用一套代碼自動(dòng)適配臺(tái)式電腦、筆記本、平板、移動(dòng)端等各種設(shè)備，提高網(wǎng)站的兼容性和開(kāi)發(fā)效率。
而學(xué)習(xí)響應(yīng)式，首先就要從瀏覽器開(kāi)始說(shuō)起。
瀏覽器是一個(gè)非常特殊的軟件，比如大家熟知的 Chrome、Safari、Eage 等，我們?nèi)粘ＴL問(wèn)的所有網(wǎng)頁(yè)，都需要通過(guò)瀏覽器加載并渲染出最終的樣式。
可以把網(wǎng)頁(yè) HTML 文件理解成是一個(gè)程序，而瀏覽器就是運(yùn)行這個(gè)程序的系統(tǒng)（環(huán)境），也就是說(shuō)解析網(wǎng)頁(yè)依靠的是瀏覽器而不是 Windows、Mac、iOS、Android、Linux 等客戶(hù)端系統(tǒng)。
瀏覽器即系統(tǒng)中的系統(tǒng)（類(lèi)似虛擬機(jī))，不管在任何系統(tǒng)或設(shè)備上，只要安裝了瀏覽器，就可以用大體相同的規(guī)則、邏輯去加載、渲染出網(wǎng)頁(yè)。
但不同設(shè)備的屏幕有很大差異，網(wǎng)頁(yè)如何識(shí)別并匹配這些設(shè)備呢？
方法主要有兩種，第一種是瀏覽器會(huì)識(shí)別當(dāng)前系統(tǒng)和設(shè)備，并提供接口讓網(wǎng)頁(yè)讀取。而部分網(wǎng)站會(huì)準(zhǔn)備多種規(guī)格的網(wǎng)頁(yè)，根據(jù)獲取的設(shè)備類(lèi)型推送對(duì)應(yīng)的規(guī)格，這種做法叫做自適應(yīng)模式。
通常自適應(yīng)只區(qū)分桌面端和移動(dòng)端兩種，較大的門(mén)戶(hù)、購(gòu)物、工具類(lèi)網(wǎng)站，普遍使用自適應(yīng)模式。因?yàn)橐苿?dòng)端訪問(wèn)網(wǎng)頁(yè)的需求并不高，所以會(huì)對(duì)移動(dòng)端版本做大量的精簡(jiǎn)，降低開(kāi)發(fā)、維護(hù)成本。
另一種方法，則是讀取瀏覽器視圖區(qū)域的分辨率。任何瀏覽器的界面，都包含功能區(qū)域和視圖區(qū)域兩個(gè)部分，功能區(qū)域提供相關(guān)的軟件菜單、操作按鈕，視圖區(qū)域則是顯示網(wǎng)頁(yè)界面的區(qū)域。隨著設(shè)備和屏幕分辨率的變化，瀏覽器的大小也會(huì)不同，網(wǎng)頁(yè)視圖區(qū)域也會(huì)跟著縮放。
網(wǎng)頁(yè)視圖注定小于整個(gè)瀏覽器的軟件窗口，而瀏覽器作為軟件，在系統(tǒng)中的尺寸不等于系統(tǒng)分辨率（或設(shè)備分辨率），一方面有系統(tǒng)的全局組件影響，另一方面窗口并不是非得全屏，用戶(hù)可以任意調(diào)整。
所以響應(yīng)式網(wǎng)頁(yè)就是根據(jù)瀏覽器的視圖區(qū)域做適配，不管你是在電腦上縮放軟件窗口，還是在不同的設(shè)備、系統(tǒng)中打開(kāi)，本質(zhì)上都只是顯示區(qū)域大小的變更。而在瀏覽器的檢查選項(xiàng)中，模擬不同的設(shè)備其實(shí)就是縮放出一個(gè)指定的視圖窗口出來(lái)。
這種依賴(lài)關(guān)系延伸出一個(gè)新的知識(shí)點(diǎn)，即網(wǎng)頁(yè)顯示的分辨率，和顯示設(shè)備的屏幕分辨率，是兩套不同的體系。
這是因?yàn)橛布直媛屎拖到y(tǒng)渲染的分辨率是兩個(gè)概念，尤其在今天高分辨率屏幕普及的背景之下。比如我的 Macbook Pro14 寸筆記本，硬件分辨率是 3024 x 1964 (254 ppi)，但在系統(tǒng)的屏幕分辨率選擇中，默認(rèn)的卻是 1512*982（即原來(lái)的 1/2）。
這是因?yàn)橛布直媛侍吡耍?:1 渲染的話，那么大多數(shù)圖標(biāo)、文字是無(wú)法被看清的，所以默認(rèn)使用了 2x 的規(guī)格渲染。但這只是其中一個(gè)選項(xiàng)，在 HIDPI 技術(shù)的加持下，用戶(hù)還可以選擇別的分辨率，比如我會(huì)進(jìn)一步調(diào)高到 1800*1169。
在 Windows 系統(tǒng)中同理，雖然有很多高分辨率的屏幕，但是用戶(hù)為了看清內(nèi)容，會(huì)在系統(tǒng)中設(shè)置 120%、150% 的放大效果，等于為系統(tǒng)分辨率做出變更。
說(shuō)到底，系統(tǒng)顯示分辨率的規(guī)格也是無(wú)窮無(wú)盡的。但是不管外部的轉(zhuǎn)換邏輯有多復(fù)雜，規(guī)格有多少，都和響應(yīng)式網(wǎng)頁(yè)無(wú)關(guān)，它只需要認(rèn)準(zhǔn)瀏覽器的視圖區(qū)域分辨率即可。
所以了解線上案例的響應(yīng)式布局規(guī)則，或者檢查已經(jīng)開(kāi)發(fā)好的響應(yīng)式頁(yè)面，并不需要切換不同設(shè)備查看，只要拖拽縮放瀏覽器的大小（主要是寬度）即可獲得完整的響應(yīng)效果。
最后總結(jié)起來(lái)，響應(yīng)式網(wǎng)頁(yè)是面向?yàn)g覽器視圖區(qū)域做適配的布局方法，而不是面向系統(tǒng)、屏幕分辨率的適配，這和自適應(yīng)布局有本質(zhì)的差異。
在 B 端領(lǐng)域，絕大多數(shù)項(xiàng)目都只部分兼容響應(yīng)式，放棄移動(dòng)端的適配，即使支持移動(dòng)端也是使用自適應(yīng)的混合模式。要面對(duì)這些復(fù)雜的場(chǎng)景，就月需要理解上面這些基礎(chǔ)的概念，否則設(shè)計(jì)師就無(wú)法真正滿足響應(yīng)式項(xiàng)目的前期創(chuàng)建和后期交付需要。
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
清陽(yáng) 交互設(shè)計(jì)及用戶(hù)體驗(yàn)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
因此今天蘭亭妙微UI設(shè)計(jì)公司，來(lái)講解 B 端產(chǎn)品界面的視覺(jué)風(fēng)格，聊聊在整個(gè)行業(yè)當(dāng)中視覺(jué)風(fēng)格的變化與目前的現(xiàn)狀。以及給大家說(shuō)說(shuō)未來(lái)應(yīng)該如何選擇自己產(chǎn)品的視覺(jué)風(fēng)格～
我們會(huì)將整體分為行業(yè)初期，萌芽期、成長(zhǎng)期、野蠻發(fā)展期、新階段 ，每一個(gè)階段給大家總結(jié)一個(gè)最為流行的風(fēng)格，并分析這個(gè)風(fēng)格出現(xiàn)的原因，方便大家進(jìn)行理解。
我們把時(shí)間拉回到 2012 年。在那時(shí)，Ant Design 還沒(méi)有出現(xiàn)，也沒(méi)有什么 Element、Semi Design，行業(yè)當(dāng)中最早的 B 端系統(tǒng)都是以客戶(hù)端的形式進(jìn)行呈現(xiàn)。
整體風(fēng)格也非常老舊，像是那會(huì)兒的 Office、SAP、Salesforce，你可以看到都是他們青澀的模樣。
在經(jīng)典傳統(tǒng)的設(shè)計(jì)風(fēng)格當(dāng)中，會(huì)使用大面積的白色作為底色，同時(shí)在頁(yè)面中用灰色進(jìn)行分割，使得整個(gè)頁(yè)面散亂搶眼，導(dǎo)致整體的視覺(jué)很難被大眾所接受，總體感覺(jué)信息較散，難以進(jìn)行聚焦。
而在早期，出現(xiàn)這些老舊風(fēng)格主要有三個(gè)原因：
關(guān)于這類(lèi)風(fēng)格的產(chǎn)品，大家不要覺(jué)得這夸張，其實(shí)在目前依舊有很多產(chǎn)品會(huì)延續(xù)這個(gè)風(fēng)格。比如 醫(yī)療類(lèi)產(chǎn)品、工業(yè)生產(chǎn)類(lèi)系統(tǒng)，對(duì)于他們而言，能用即可，不必糾結(jié)太多。
但隨著時(shí)間的推移，行業(yè)中對(duì)于 B 端設(shè)計(jì)的要求也在逐漸變高。
我們將時(shí)間推移到 2015 年前后，隨著行業(yè)不斷發(fā)展，在國(guó)外 Fiori、Salesforce 的出現(xiàn)讓大家意識(shí)到，這類(lèi)型的 B 端產(chǎn)品也是需要設(shè)計(jì)的。
因此國(guó)內(nèi)外的很多系統(tǒng)都是在這一時(shí)間面世，像是 Ant Design、Element 都相繼發(fā)布。
由于這些設(shè)計(jì)系統(tǒng)的誕生，你會(huì)發(fā)現(xiàn)大家對(duì)于整個(gè) B 端設(shè)計(jì)有了一點(diǎn)自己的想法。
在設(shè)計(jì)上，會(huì)去考慮使用 區(qū)塊劃分，將整個(gè)頁(yè)面進(jìn)行規(guī)整呈現(xiàn)。
比如 SAP 在使用了 Fiori 過(guò)后，就會(huì)使整個(gè)界面更干凈。
同樣非常老牌的 Salesforce 在 2015 年的時(shí)候。也帶來(lái)了相當(dāng)大的視覺(jué)變化。整體都能感受到，整個(gè)頁(yè)面會(huì)通過(guò)不斷的分層、顏色的劃分、通過(guò)黑白灰的方式去呈現(xiàn)頁(yè)面當(dāng)中的基本信息。
我們的時(shí)間來(lái)到 2018 年前后，在這個(gè)時(shí)間節(jié)點(diǎn)，很多產(chǎn)品都推出了自己的設(shè)計(jì)系統(tǒng)，對(duì)于 B 端設(shè)計(jì)風(fēng)格而言，也會(huì)提出更高的要求。
比如 Teambition 產(chǎn)品當(dāng)中，它們提供了自己的設(shè)計(jì)系統(tǒng)的內(nèi)容去指導(dǎo)整個(gè)產(chǎn)品來(lái)進(jìn)行迭代和優(yōu)化。同樣 Ant Design 它們也推出了自己的 Ant Design Pro 來(lái)演示使用設(shè)計(jì)系統(tǒng)過(guò)后，能夠搭建出什么樣的產(chǎn)品。
同樣，這個(gè)時(shí)段很多產(chǎn)品也開(kāi)始進(jìn)行自己產(chǎn)品的視覺(jué)優(yōu)化，這時(shí)候整體的風(fēng)格是以：黑色側(cè)邊導(dǎo)航為主，然后內(nèi)容形態(tài)進(jìn)行延展。
比如像有贊、Coding、微盟、飛書(shū)，之前都是這樣的設(shè)計(jì)風(fēng)格來(lái)進(jìn)行呈現(xiàn)。
你會(huì)發(fā)現(xiàn)它們?cè)谡w的設(shè)計(jì)上都會(huì)更加重視頁(yè)面的分塊顏色的區(qū)隔，整體頁(yè)面的識(shí)別效率。同時(shí)這段時(shí)間爆發(fā)出來(lái)非常多的 B 端產(chǎn)品，隨后國(guó)內(nèi)都會(huì)按照側(cè)邊黑色導(dǎo)航的樣式進(jìn)行進(jìn)一步設(shè)計(jì)，這一定程度上提高了國(guó)內(nèi) B 端設(shè)計(jì)的下限～
我們隨后將時(shí)間推移到 2019 年后，在這時(shí)誕生了新擬態(tài)設(shè)計(jì)風(fēng)格。
它最早是烏克蘭設(shè)計(jì)師 Alexander Plyuto 在追波和 ins 發(fā)布的一副系列作品，隨后大家發(fā)現(xiàn)非常奇特，所以得到廣泛的關(guān)注。
新擬態(tài)的設(shè)計(jì)風(fēng)格是以立體效果與浮雕元素，呈現(xiàn)更為三維立體的效果，會(huì)給人一種奇特、夢(mèng)幻的界面體驗(yàn)。
隨后就會(huì)有很多產(chǎn)品都開(kāi)始進(jìn)行跟進(jìn)，比如 智能家居的產(chǎn)品、金融類(lèi)產(chǎn)品都有所涉及，甚至很多 B 端產(chǎn)品也勇敢嘗試，但大多數(shù)設(shè)計(jì)師設(shè)計(jì)完過(guò)后，整體評(píng)價(jià)都不算太高。
為什么沒(méi)有大規(guī)模的推行，我覺(jué)得有 3 點(diǎn)原因：
現(xiàn)在還會(huì)使用新擬態(tài)風(fēng)格的界面設(shè)計(jì)越來(lái)越少，大多數(shù)只會(huì)在官網(wǎng)設(shè)計(jì)的局部進(jìn)行使用，這樣可以轉(zhuǎn)換視覺(jué)感受，給到用戶(hù)更好的視覺(jué)沖擊～
時(shí)間來(lái)到 2022-2024 年左右，你會(huì)發(fā)現(xiàn)很多產(chǎn)品都開(kāi)始在這個(gè)時(shí)間節(jié)點(diǎn)進(jìn)行更新。
像我們熟知的 飛書(shū)、有贊、微盟、ONES、Coding，再到 Ant Design、Salesforce，你會(huì)發(fā)現(xiàn)非常多的產(chǎn)品都在進(jìn)行界面風(fēng)格上的迭代。
對(duì)于這個(gè)風(fēng)格，我們?cè)敢饨兴鼮?灰白風(fēng)。
整體頁(yè)面是以 灰色和白色 進(jìn)行的頁(yè)面劃分，在分布上灰色占據(jù)弱側(cè)信息，白色占據(jù)核心信息，進(jìn)而形成對(duì)頁(yè)面內(nèi)容的劃分。
聊到這里，可能有部分同學(xué)不太理解，這里我們以飛書(shū)管理后臺(tái)的迭代作為示例，給大家進(jìn)行講解。
在 2018 年，飛書(shū)管理后臺(tái)的第一個(gè)版本，采取的就是沉穩(wěn)側(cè)黑風(fēng)，
在 2022 年，飛書(shū)的管理后臺(tái)開(kāi)始改變?yōu)榛野罪L(fēng)格
由于業(yè)務(wù)的疊加，2023 年時(shí)，在此基礎(chǔ)上增加了頂部導(dǎo)航的業(yè)務(wù)維度，最終形成了現(xiàn)在這樣的界面。
為什么這類(lèi)型的風(fēng)格會(huì)大受追捧，我覺(jué)得有以下幾個(gè)原因
關(guān)于設(shè)計(jì)風(fēng)格，我們這篇只是講解了過(guò)去的風(fēng)格內(nèi)容，下篇文章我們講解當(dāng)前整個(gè) B 端產(chǎn)品的設(shè)計(jì)梳理，講解了更為重要的四種風(fēng)格。
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
今天蘭亭妙微UI設(shè)計(jì)公司，跟大家分享登錄頁(yè)的 12 種設(shè)計(jì)切入點(diǎn)，相信總有一款會(huì)入甲方爸爸的心。
作為設(shè)計(jì)師，我們常常面臨一個(gè)窘境：要面對(duì)各式各樣客戶(hù)審美的挑剔，有時(shí)候被虐得都懷疑人生。
但找參考時(shí)，思維又容易被局限在常見(jiàn)的幾種形式里，我通過(guò)分析大量?jī)?yōu)秀的登錄頁(yè)，總結(jié)了 12 個(gè)高級(jí)的設(shè)計(jì)切入點(diǎn)，希望能為你打開(kāi)新思路。
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
設(shè)計(jì)解析：
通過(guò)以上 12 個(gè)案例的系統(tǒng)性拆解，我們發(fā)現(xiàn) B 端登錄頁(yè)的設(shè)計(jì)可以有如此豐富的切入點(diǎn)。
它絕不僅僅是擺放表單的簡(jiǎn)單任務(wù)，而是一個(gè)融合了品牌戰(zhàn)略、用戶(hù)體驗(yàn)、視覺(jué)營(yíng)銷(xiāo)和技術(shù)表達(dá)的綜合性設(shè)計(jì)挑戰(zhàn)。
希望這 12 個(gè)切入點(diǎn)的詳細(xì)分析，能成為您應(yīng)對(duì)登錄頁(yè)設(shè)計(jì)挑戰(zhàn)的靈感源泉和實(shí)用工具箱。
一個(gè)高級(jí)的設(shè)計(jì)，其最高境界是讓用戶(hù)感覺(jué)不到“設(shè)計(jì)”的存在，卻能高效、愉悅地完成目標(biāo)，并對(duì)品牌留下積極而深刻的印象。
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
哈嘍，這里是蘭亭妙微UI設(shè)計(jì)公司，今天分享的是「如何化解錯(cuò)誤時(shí)刻」。
說(shuō)到用戶(hù)體驗(yàn)設(shè)計(jì)，大家首先想到的都是“正常場(chǎng)景”：注冊(cè)流程順暢、支付順利完成、輸入順利通過(guò)。但現(xiàn)實(shí)并非如此，用戶(hù)總會(huì)不小心犯錯(cuò)誤，系統(tǒng)偶爾也會(huì)掉鏈子。但這些“問(wèn)題時(shí)刻”往往最容易被忽略。要是產(chǎn)品沒(méi)法幫用戶(hù)解決問(wèn)題，所有錯(cuò)誤的后果都得用戶(hù)承擔(dān)，最后只會(huì)讓他們焦慮。換句話說(shuō)，錯(cuò)誤是用戶(hù)體驗(yàn)的最大危機(jī)，也是削弱用戶(hù)對(duì)產(chǎn)品信任的關(guān)鍵節(jié)點(diǎn)。
相關(guān)干貨：
這里的“微設(shè)計(jì)”比我們常說(shuō)的“微交互”范圍更廣，包括文案、視覺(jué)元素，還有各種反饋設(shè)計(jì)。這些小細(xì)節(jié)看似不起眼，卻能精準(zhǔn)安撫用戶(hù)的出錯(cuò)焦慮，幫他們重新找回掌控感。
微設(shè)計(jì)的三個(gè)核心要素：
在深入探討具體案例之前，讓我們先來(lái)探究一下用戶(hù)遇到錯(cuò)誤的背景和原因。下面簡(jiǎn)要總結(jié)了用戶(hù)出錯(cuò)的類(lèi)型、背后的心理，還有哪些場(chǎng)景容易出錯(cuò)。
在用戶(hù)體驗(yàn)理論中，錯(cuò)誤分“失誤”和“錯(cuò)誤”兩種，前者是用戶(hù)在執(zhí)行操作時(shí)無(wú)意識(shí)犯下的錯(cuò)誤，后者是一開(kāi)始就想錯(cuò)了。
失誤：行為不當(dāng)
目標(biāo)是對(duì)的，但采取的行動(dòng)有問(wèn)題。例如不小心點(diǎn)錯(cuò)了按鈕、著急打錯(cuò)了字，大多是做熟悉的事時(shí)分心、沒(méi)留意造成的。
錯(cuò)誤：判斷失誤
從一開(kāi)始就誤解了情況。比如看到一個(gè)顯眼的按鈕，以為是自己要的功能，結(jié)果點(diǎn)擊后才發(fā)現(xiàn)不對(duì)。這種情況多是因?yàn)榻缑娴男畔⒒靵y、層級(jí)不清晰，呈現(xiàn)的內(nèi)容含糊不清。
通常“失誤”發(fā)生在執(zhí)行階段，“錯(cuò)誤”發(fā)生在規(guī)劃階段，但實(shí)際中兩者經(jīng)常一起出現(xiàn)。重點(diǎn)是搞清楚 “為什么會(huì)出錯(cuò)”，并給出解決方案。
出錯(cuò)不只是功能出問(wèn)題，更會(huì)讓用戶(hù)慌張：“萬(wàn)一沒(méi)法恢復(fù)怎么辦？”（恐懼）、“我無(wú)法控制這種情況”（無(wú)助），甚至 “可能我根本不會(huì)用這東西”（自責(zé)）。最糟的就是自責(zé)——用戶(hù)不怪產(chǎn)品怪自己，壓力越來(lái)越大，最后干脆關(guān)掉頁(yè)面、放棄使用。
所以設(shè)計(jì)師的任務(wù)很明確：別讓用戶(hù)背鍋，明確告訴他們“能補(bǔ)救”。先給情緒上的安慰：“沒(méi)關(guān)系，你可以再試一次。”
有些時(shí)候，用戶(hù)的選擇壓力和出錯(cuò)焦慮會(huì)被放大，心里越?jīng)]底，越不敢動(dòng)。
操作不可逆：刪除文件、轉(zhuǎn)賬、重置數(shù)據(jù)等，一旦點(diǎn)錯(cuò)就沒(méi)法恢復(fù)，讓人不敢操作。
操作反復(fù)失敗：連不上網(wǎng)、輸密碼總錯(cuò)，越試越沮喪，甚至?xí)?“是不是只有我用不了？”
尤其是對(duì)準(zhǔn)確性要求高的場(chǎng)景，比如金融、商務(wù)、B2B工具，出錯(cuò)體驗(yàn)的設(shè)計(jì)更關(guān)鍵。有時(shí)候?qū)τ诔鲥e(cuò)的恐懼，比錯(cuò)誤本身更影響用戶(hù)行為。
支付/轉(zhuǎn)賬：錯(cuò)誤導(dǎo)致資金損失的壓力以及造成損失的可能性。
傳輸/刪除關(guān)鍵數(shù)據(jù)：知道沒(méi)法恢復(fù)，更不敢操作。
表單反復(fù)驗(yàn)證失敗：失敗的次數(shù)越多，就會(huì)越沮喪。
應(yīng)對(duì)錯(cuò)誤的核心是“雙管齊下”：提前預(yù)防 (別讓錯(cuò)誤發(fā)生) +及時(shí)恢復(fù) (錯(cuò)了能輕松補(bǔ)救)。單獨(dú)用哪一個(gè)都不夠，需要根據(jù)場(chǎng)景靈活設(shè)計(jì)。
從根本上阻止可能出錯(cuò)的情況，或者用視覺(jué)提示幫用戶(hù)識(shí)別風(fēng)險(xiǎn)。比如禁用按鈕、提供有限的選項(xiàng)、防止重復(fù)點(diǎn)擊。某種程度上哪怕稍微限制一點(diǎn)用戶(hù)的自由，也比讓他們出錯(cuò)好。
例如訂酒店時(shí)，對(duì)于有住宿天數(shù)要求的酒店，預(yù)定的天數(shù)少于住宿天數(shù)時(shí)，無(wú)法進(jìn)行預(yù)訂；類(lèi)似的還有“信息沒(méi)填完時(shí)，登錄按鈕是置灰的”、“加載時(shí)不能點(diǎn)按鈕，避免重復(fù)操作”，都是這個(gè)道理。
在搜索框、輸入框里加入自動(dòng)補(bǔ)全或關(guān)鍵詞建議，不需要讓用戶(hù)記住全部信息，輸入又快又準(zhǔn)。尤其在輸入地址或者比較復(fù)雜的內(nèi)容時(shí)，這種方法能大大提高效率。
例如在輸入地址時(shí)，搜索詞會(huì)高亮顯示，并且會(huì)可能提供清晰的搜索建議：想搜的是地鐵、公交還是某家店鋪，方便用戶(hù)減輕記憶負(fù)擔(dān)，快速做出選擇；在移動(dòng)設(shè)備中，鍵盤(pán)的局限性導(dǎo)致打字失誤的情況頻繁發(fā)生，飛書(shū)的錯(cuò)別字自動(dòng)修正提示，能夠很好地提高輸入速度和準(zhǔn)確性。
對(duì)于需要重復(fù)做的操作，可以把常用的選項(xiàng)設(shè)為默認(rèn)，幫助用戶(hù)少費(fèi)心。但默認(rèn)選項(xiàng)不一定永遠(yuǎn)是對(duì)的，如果存在錯(cuò)誤的可能性，得讓用戶(hù)能檢查修改，不然反而會(huì)“誘導(dǎo)錯(cuò)誤”。
例如在外賣(mài)軟件中，可以把常用地址加上默認(rèn)標(biāo)識(shí)，省去了再次添加收貨地址的麻煩。但當(dāng)默認(rèn)地址和當(dāng)前的位置差很遠(yuǎn)，超出配送范圍時(shí)，購(gòu)物車(chē)中的商品會(huì)呈置灰狀態(tài)無(wú)法進(jìn)行購(gòu)買(mǎi)。
用戶(hù)進(jìn)行多步驟任務(wù)時(shí) (比如注冊(cè))，萬(wàn)一不小心退出了再進(jìn)來(lái)，保持之前填的內(nèi)容還在。這樣不需要用戶(hù)重新填，也不會(huì)忘記已經(jīng)完成了哪些步驟，減少失誤的發(fā)生。
編輯文章時(shí)，內(nèi)容可以自動(dòng)保存到草稿箱中。哪怕退出登錄過(guò)兩天再進(jìn)入，草稿箱里的內(nèi)容都還在，對(duì)于用戶(hù)來(lái)說(shuō)也是一種很貼心的體驗(yàn)。
對(duì)于需要記住很多選擇的流程(比如訂酒店)，把選好的日期、人數(shù)、篩選條件固定在屏幕頂部，隨時(shí)能看。這種設(shè)計(jì)方法允許用戶(hù)在不依賴(lài)不準(zhǔn)確記憶的情況下再次確認(rèn)信息，從而及早預(yù)防錯(cuò)誤。
像Airbnb會(huì)把要去的地點(diǎn)、 入住時(shí)間和人數(shù)這些篩選條件固定在頁(yè)面的頂部，讓用戶(hù)可以持續(xù)查看當(dāng)前的預(yù)訂情況，這樣在找房子的時(shí)候會(huì)覺(jué)得更踏實(shí)。
對(duì)于刪除文件或重置數(shù)據(jù)這類(lèi)不可逆的操作，一定要增加 “確認(rèn)步驟”，進(jìn)一步確認(rèn)用戶(hù)的意圖。
一旦出錯(cuò)無(wú)法恢復(fù)的操作可能會(huì)引發(fā)用戶(hù)的強(qiáng)烈焦慮，因此需要清晰傳達(dá)操作的影響，并通過(guò)問(wèn)題和警告來(lái)確認(rèn)操作，例如：“您確定要?jiǎng)h除xx？刪除后不可恢復(fù)，請(qǐng)謹(jǐn)慎操作。”
但注意不能濫用確認(rèn)彈窗，過(guò)于頻繁的確認(rèn)彈窗可能會(huì)讓用戶(hù)在不仔細(xì)看內(nèi)容的情況下，習(xí)慣性地點(diǎn)擊“確定”，增大出錯(cuò)的風(fēng)險(xiǎn)。只在重要且不可逆轉(zhuǎn)的操作中使用。
例如刪除文件時(shí)進(jìn)行二次確認(rèn)，同時(shí)告知?jiǎng)h除后文件的位置、刪除后文件是否可以找回等一系列內(nèi)容，讓用戶(hù)對(duì)于刪除的內(nèi)容有清晰的認(rèn)知；對(duì)于確認(rèn)后無(wú)法再修改的信息，也最好來(lái)個(gè)再次確認(rèn)，讓用戶(hù)做到心里有數(shù)。
對(duì)于表單輸入這類(lèi)容易出錯(cuò)的場(chǎng)景，好的使用體驗(yàn)是在輸入時(shí)就“實(shí)時(shí)”提供反饋，而不是等所有信息都填完點(diǎn)擊提交之后再提示錯(cuò)誤。
比如字符超了、密碼格式不對(duì)，立即用紅色文字、錯(cuò)誤圖標(biāo)、邊框高亮、震動(dòng)動(dòng)效等形式反饋出來(lái)，減少重復(fù)輸入的麻煩。
例如發(fā)動(dòng)態(tài)時(shí)，如果輸入的標(biāo)題字?jǐn)?shù)不符合要求，會(huì)在標(biāo)題處有一段反饋提示，提醒用戶(hù)輸入符合要求的標(biāo)題；填寫(xiě)多個(gè)表單時(shí)，如果有多個(gè)表單未填寫(xiě)，每個(gè)輸入框下面都會(huì)有錯(cuò)誤反饋，而且每條錯(cuò)誤反饋的內(nèi)容會(huì)根據(jù)不同字段而調(diào)整，而不是用“請(qǐng)?zhí)顚?xiě)內(nèi)容”這種模板化的反饋。
對(duì)于操作后不好修改的場(chǎng)景中 (比如發(fā)表文章、發(fā)布視頻、視頻渲染)，可以先給用戶(hù)看 “最終效果預(yù)覽”。確認(rèn)沒(méi)問(wèn)題再提交，這樣用戶(hù)就能提前發(fā)現(xiàn)錯(cuò)漏，心里也踏實(shí)。
例如在發(fā)布動(dòng)態(tài)的時(shí)候上傳視頻封面后，在推薦列表、視頻動(dòng)態(tài)中能提前預(yù)覽封面效果，有問(wèn)題可以及時(shí)修改，省去了動(dòng)態(tài)發(fā)布后再去修改的麻煩；視頻軟件中渲染一個(gè)視頻通常需要幾分鐘甚至幾十分鐘，通過(guò)提供“渲染預(yù)覽”可以快速檢查錯(cuò)誤減少不必要的時(shí)間浪費(fèi)。
“撤銷(xiāo)”功能允許用戶(hù)立即挽回錯(cuò)誤，增強(qiáng)掌控感，減輕錯(cuò)誤帶來(lái)的負(fù)擔(dān)，例如刪錯(cuò)內(nèi)容、發(fā)錯(cuò)郵件后，點(diǎn)一下就能恢復(fù)。有了這個(gè)功能，用戶(hù)用著更放心，也敢大膽嘗試各種功能。
在花瓣中采集圖片后，會(huì)提供一個(gè)撤銷(xiāo)的功能，方便用戶(hù)快速撤銷(xiāo)采集有誤的圖片；在使用微信發(fā)消息、使用郵箱發(fā)郵件的時(shí)候，也都支持在發(fā)出去幾分鐘內(nèi)撤回，盡可能幫用戶(hù)挽回錯(cuò)誤。
如果錯(cuò)誤不可避免，需要使用通俗易懂的提示文案告訴用戶(hù)哪里出現(xiàn)了錯(cuò)誤，出現(xiàn)了什么樣的錯(cuò)誤，而不是用一些模板化的或是含糊不清的提示文案，讓用戶(hù)感到困惑。
例如上圖中的登錄失敗提示，會(huì)明確告知什么地方出現(xiàn)了錯(cuò)誤、出現(xiàn)多次錯(cuò)誤后會(huì)有什么后果、如何操作能解決錯(cuò)誤，這才是一個(gè)格式的錯(cuò)誤提示；填寫(xiě)新增地址信息時(shí)，如果手機(jī)號(hào)碼有問(wèn)題，會(huì)明確提示“手機(jī)號(hào)有誤”，而不是只說(shuō) “輸入內(nèi)容有誤”。
接著上一條，不僅要說(shuō)清楚錯(cuò)誤的原因，還要告訴用戶(hù)“該怎么做”，引導(dǎo)用戶(hù)立即采取行動(dòng)。例如添加“重試”、“返回主頁(yè)” 按鈕，引導(dǎo)用戶(hù)回到正確的操作流程里。
如果訪問(wèn)的頁(yè)面有問(wèn)題，可以提供返回首頁(yè)或者聯(lián)系客服的入口，讓用戶(hù)可以繼續(xù)探索其他內(nèi)容；例如蘋(píng)果的Face ID連續(xù)5次識(shí)別失敗后，系統(tǒng)會(huì)鎖定面容ID功能，并提示輸入密碼驗(yàn)證后才能重新啟用。
通過(guò)自動(dòng)定位和聚焦錯(cuò)誤輸入項(xiàng)來(lái)鼓勵(lì)快速更正。發(fā)現(xiàn)錯(cuò)誤后，系統(tǒng)自動(dòng)定位到出錯(cuò)的輸入框，縮短錯(cuò)誤從識(shí)別到更正的過(guò)程。尤其在那些表單特別多的后臺(tái)頁(yè)面中，這種錯(cuò)誤定位的功能還是很有必要的。
利用情感化的視覺(jué)設(shè)計(jì)，例如柔和的色彩、插圖和動(dòng)效等，提供了視覺(jué)上的舒適感，緩解用戶(hù)的焦慮和緊張。這不僅是簡(jiǎn)單的錯(cuò)誤反饋，還是展現(xiàn)品牌個(gè)性的好機(jī)會(huì)。
比如谷歌瀏覽器離線時(shí)經(jīng)典的“恐龍小游戲”，讓用戶(hù)等待網(wǎng)絡(luò)連接的同時(shí)進(jìn)行有趣的游戲體驗(yàn)，能讓用戶(hù)沒(méi)那么煩躁。
總的來(lái)說(shuō)，減少錯(cuò)誤的根本策略是避免不必要的差異化，并遵循熟悉的界面、交互和設(shè)計(jì)慣例。這里的“熟悉”不僅是風(fēng)格問(wèn)題，更是整個(gè)用戶(hù)體驗(yàn)設(shè)計(jì)的通用標(biāo)準(zhǔn)。
當(dāng)然，再標(biāo)準(zhǔn)的設(shè)計(jì)也沒(méi)法完全杜絕錯(cuò)誤的發(fā)生。這時(shí)候，貼心的微設(shè)計(jì)就派上用場(chǎng)了——幫助用戶(hù)快速發(fā)現(xiàn)錯(cuò)誤、輕松改過(guò)來(lái)。
這些細(xì)節(jié)，正是體驗(yàn)設(shè)計(jì)師存在的價(jià)值，也是產(chǎn)品賦予用戶(hù)的最大信任。你還有哪些化解錯(cuò)誤的小妙招呢？歡迎留言咱們一起聊聊～
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.hengshangtqd.cn 是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶(hù)體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢(xún)、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢(xún)電話：01063334945。
關(guān)鍵詞：UI咨詢(xún)、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶(hù)體驗(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ì)、軟件qt開(kāi)發(fā)、軟件wpf開(kāi)發(fā)、軟件vue開(kāi)發(fā).
我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢(xún)及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.hengshangtqd.cn
