在數(shù)字產(chǎn)品設(shè)計(jì)中，響應(yīng)式設(shè)計(jì)早已成為連接功能與體驗(yàn)的關(guān)鍵路徑。智能手表的表盤，作為最核心的信息承載區(qū)，正在向“可感知、可適配、可延展”的方向不斷演進(jìn)。而我們將其類比為“數(shù)字卡片”，正是因?yàn)槎咴谠O(shè)計(jì)邏輯上的高度契合：都追求信息層級(jí)的清晰展現(xiàn)、內(nèi)容與場(chǎng)景的靈活適配，以及操作的直觀反饋。
卡片設(shè)計(jì)以模塊化、結(jié)構(gòu)清晰、響應(yīng)靈活著稱，能在不同屏幕與使用場(chǎng)景中自如調(diào)度內(nèi)容展示方式。而智能手表的表盤設(shè)計(jì)同樣需要在極小的顯示空間內(nèi)，精準(zhǔn)傳遞時(shí)間、健康、通知等多維度信息。通過(guò)響應(yīng)式設(shè)計(jì)的引入，表盤可以根據(jù)環(huán)境光線、使用者習(xí)慣、交互狀態(tài)等動(dòng)態(tài)變化，自動(dòng)調(diào)整元素的排布與表現(xiàn)形式，實(shí)現(xiàn)“信息即所需，界面即交互”。
例如，在運(yùn)動(dòng)狀態(tài)下表盤可自動(dòng)突出心率與步數(shù)；而在夜間，它又能切換為更具護(hù)眼性的低亮模式。這種“感知上下文”的能力，讓表盤從一個(gè)靜態(tài)的界面，變?yōu)橐粋€(gè)貼近用戶、主動(dòng)適應(yīng)的智能卡片。
響應(yīng)式的表盤設(shè)計(jì)，不僅提高了使用效率，更拓展了產(chǎn)品體驗(yàn)的邊界。它像一張隨時(shí)變化的數(shù)字卡片，安靜卻聰明地陪伴在你腕間，把復(fù)雜的系統(tǒng)邏輯轉(zhuǎn)化為可感知的溫柔細(xì)節(jié)。
說(shuō)實(shí)話，我們大多數(shù)人在設(shè)計(jì)屏幕時(shí)并不會(huì)考慮人腦。我們關(guān)注的是布局、間距和顏色。但事實(shí)是：設(shè)計(jì)并非發(fā)生在屏幕上——而是發(fā)生在用戶的大腦中。這就是神經(jīng)設(shè)計(jì)的用武之地。
神經(jīng)設(shè)計(jì)就是運(yùn)用認(rèn)知心理學(xué)和神經(jīng)科學(xué)來(lái)構(gòu)建直觀、輕松甚至略帶愉悅的界面。我之前并沒(méi)有學(xué)過(guò)神經(jīng)科學(xué)，但自從我開始了解大腦的運(yùn)作方式后，我的設(shè)計(jì)方式就徹底改變了。
以下是我所學(xué)到的知識(shí) — — 有真實(shí)的例子、用戶體驗(yàn)法則和一些你可能想看看的書籍精華。
我們的大腦天生就具有節(jié)能的本能。這意味著人們幾乎總是會(huì)選擇阻力最小的路徑。當(dāng)你的用戶界面過(guò)于復(fù)雜或選項(xiàng)過(guò)多時(shí)，大腦就會(huì)說(shuō)：“不行。”
提供的選擇越多，做出決定所需的時(shí)間就越長(zhǎng)。
想想谷歌的主頁(yè)只是一個(gè)標(biāo)志和一個(gè)搜索欄。這并非偶然——它的設(shè)計(jì)是為了減少認(rèn)知負(fù)荷。
設(shè)計(jì)首先是情感驅(qū)動(dòng)，其次是邏輯驅(qū)動(dòng)。這意味著色彩、布局甚至動(dòng)畫都能在第一秒就建立信任。
讓我們來(lái)看一個(gè)例子：Duolingo 的應(yīng)用程序使用友好的插圖、有趣的語(yǔ)氣，以及一些感覺(jué)像大腦“拍拍背”一樣的小獎(jiǎng)勵(lì)。它降低了學(xué)習(xí)新語(yǔ)言的情感障礙。
以下是Susan Weinschenk 所著《神經(jīng)網(wǎng)絡(luò)設(shè)計(jì)》一書中的一條重要建議：
“我們不會(huì)做出合乎邏輯的決定。我們會(huì)做出情緒化的決定，然后用邏輯來(lái)證明其合理性。”
大腦喜歡模式。當(dāng)用戶看到自己熟悉的事物時(shí)，他們會(huì)感到安全，并且能夠掌控一切。
用戶大部分時(shí)間都花在其他網(wǎng)站上。因此，他們期望你的產(chǎn)品也能以同樣的方式運(yùn)作。
讓我們看一些例子：Instagram 的底部標(biāo)簽欄、亞馬遜的購(gòu)物車圖標(biāo)或Gmail 的撰寫按鈕——它們都遵循常見(jiàn)的視覺(jué)隱喻，以減少學(xué)習(xí)曲線。
認(rèn)知科學(xué)告訴我們，用戶的工作記憶中一次只能記住大約4個(gè)條目。因此，如果你的應(yīng)用依賴于用戶記憶指令，那么它注定會(huì)失敗。
一般人的短期記憶只能保留 7 件（正負(fù) 2 件）物品。
真實(shí)案例：你有沒(méi)有嘗試填寫表單，但錯(cuò)誤信息只有在提交后才會(huì)顯示，而你卻忘了哪個(gè)字段出了什么問(wèn)題？這簡(jiǎn)直就是記憶噩夢(mèng)。
大腦會(huì)不斷檢查：這有效嗎？ 我能控制嗎？如果用戶界面沒(méi)有響應(yīng)輸入，用戶就會(huì)感到不確定——即使后臺(tái)一切正常。
人們需要立即得到反饋來(lái)了解其行為的結(jié)果。
例如，Slack在消息發(fā)送時(shí)會(huì)顯示“正在發(fā)送…”的動(dòng)畫和勾號(hào)。這能建立信任，尤其是在快速對(duì)話中。
以下幾本書確實(shí)幫助我將神經(jīng)科學(xué)和用戶體驗(yàn)聯(lián)系起來(lái)：
好的用戶體驗(yàn)不僅僅是讓事物看起來(lái)美觀。它在于理解人腦的運(yùn)作方式，并圍繞此進(jìn)行設(shè)計(jì)。神經(jīng)設(shè)計(jì)提醒我們，我們?cè)O(shè)計(jì)的不是屏幕，而是思維中的體驗(yàn)。
當(dāng)我們做得好的時(shí)候，一切都會(huì)順利。
所以下次調(diào)整布局或重新設(shè)計(jì)流程時(shí)，問(wèn)問(wèn)自己：
現(xiàn)在什么對(duì)大腦來(lái)說(shuō)最容易？
這個(gè)問(wèn)題比任何花哨的工具都更能幫助我做出更好的決策。
……
ChatGPT 是否有可能生成 UI？
我之前測(cè)試過(guò)幾次，但結(jié)果卻令人失望。
下面是我兩個(gè)月前在一份時(shí)事通訊中分享的一個(gè)例子。
它看上去太卡通了，不太實(shí)用。
然而，上周，OpenAI 推出了一個(gè)重大更新，所以我決定再次嘗試。
根據(jù)我的提示，我能夠生成更好的UI模型。我甚至可以根據(jù)自己的需求創(chuàng)建多個(gè)設(shè)計(jì)選項(xiàng)：
今天，我將向你們展示我進(jìn)行的實(shí)驗(yàn)、我使用的提示以及過(guò)程中的一些驚喜和收獲。
讓我們開始吧。
OpenAI 宣布，現(xiàn)在可以使用 GPT-4o 在 ChatGPT 中生成高質(zhì)量圖像，而不是使用較舊的 DALL·E 模型。
它更擅長(zhǎng)遵循指令，并且可以更好地呈現(xiàn)圖像中的文本。
上周，許多人嘗試將照片轉(zhuǎn)換成人工智能藝術(shù)作品——這就是吉卜力風(fēng)格藝術(shù)潮流流行的原因。
我也嘗試過(guò)：
但在網(wǎng)上看到很多有趣的藝術(shù)作品后，我想：
如果我可以使用 ChatGPT 生成對(duì)產(chǎn)品設(shè)計(jì)師真正有用的 UI 會(huì)怎么樣？
實(shí)驗(yàn)就是從這里開始的。
我使用 ChatGPT 來(lái)幫助我生成我想要的 UI 的詳細(xì)提示。
# 為名為“SkillVerse - 熱門微課程”的應(yīng)用設(shè)計(jì)一個(gè)簡(jiǎn)潔、現(xiàn)代的移動(dòng) UI 界面（iOS 風(fēng)格）。布局應(yīng)遵循以下結(jié)構(gòu)化部分。## 1. 狀態(tài)欄（頂部）- **樣式**：標(biāo)準(zhǔn) iOS 布局（頂部安全區(qū)域）---## 2. 標(biāo)題部分- **居中標(biāo)志**：“SkillVerse” - **字體**：中等粗細(xì)，小尺寸 - **顏色**：藍(lán)色文本 ---## 3. 特色課程輪播（水平滾動(dòng)）- **風(fēng)格**：具有圓角和柔和陰影的可滑動(dòng)卡片 - **卡片**: -**卡 1** - 標(biāo)題：**動(dòng)態(tài)設(shè)計(jì)簡(jiǎn)介** - 字幕：*4 月 2 日開始* - 視覺(jué)：動(dòng)畫縮略圖 -**卡 2** - 標(biāo)題：《自由職業(yè)者精通 Excel》 - 字幕：*3 月 31 日開始* - 視覺(jué)：生產(chǎn)力圖標(biāo) ---## 4. 導(dǎo)航標(biāo)簽-**標(biāo)簽**： - **趨勢(shì)**（活躍，**粗體標(biāo)簽**帶有**藍(lán)色下劃線**） - 受到推崇的 - 已注冊(cè) - 已保存 ---## 5. 過(guò)濾行- **過(guò)濾器（下拉菜單）**： - **過(guò)去 7 天**（基于時(shí)間） - **所有主題**（類別） - **所有級(jí)別**（難度） ---## 6. 熱門課程列表- **布局**：可重復(fù)課程項(xiàng)目的垂直堆疊： - **左**：圓形縮略圖 - **中心**： - 課程名稱 - 級(jí)別（例如，初學(xué)者、中級(jí)等） - **右**：保存圖標(biāo) - **底部**：入學(xué)人數(shù) + 趨勢(shì)（例如，入學(xué)人數(shù) 2.4k，+12%） ---## 7. 底部導(dǎo)航欄-**標(biāo)簽**： - **主頁(yè)**（活動(dòng)，突出顯示顏色） - 搜索 - 活動(dòng) - 輪廓 - **風(fēng)格**： - 下方有標(biāo)簽
然后我將其粘貼到 ChatGPT 中的新聊天窗口中，然后單擊“生成”圖標(biāo)。
令人驚訝的是，ChatGPT 在右側(cè)打開了一個(gè)額外的面板，觸發(fā)了它的 Canvas 功能。然后它開始生成代碼。
這立刻讓我想起了克勞德的神器功能。
然后我點(diǎn)擊了右上角的“預(yù)覽”按鈕。
生成了響應(yīng)式、代碼支持的 UI。
看起來(lái)很有趣，但似乎不如克勞德那么精確/精致。
由于我的目的只是生成一個(gè)圖像（一個(gè)可視化模型）而不是一個(gè)代碼支持的 UI，因此我請(qǐng)求后續(xù)提示來(lái)糾正它：
創(chuàng)建一個(gè)可視化模型。而是一個(gè)視覺(jué)模型。
結(jié)果如下：
結(jié)果出乎意料地好，尤其是與 ChatGPT (DALL·E) 之前生成的版本相比。這是一個(gè)巨大的提升。
測(cè)驗(yàn)：你能在上述 AI 生成的 UI 中找到多少個(gè)拼寫錯(cuò)誤？:)
盡管用戶界面看起來(lái)不錯(cuò)，但我仍然對(duì)圖像截?cái)喔械接悬c(diǎn)困擾，所以我問(wèn)了：
頂部和底部看起來(lái)有點(diǎn)截?cái)唷Ｄ軐?UI 縮小 20% 左右，讓它整體更小一些嗎？頂部和底部看起來(lái)有點(diǎn)截?cái)唷Ｄ軐?UI 縮小20%左右， 讓它整體更小一些嗎？
結(jié)果如下：
看起來(lái)不錯(cuò)！
然后我開始更有創(chuàng)意了……我想，如果我讓它生成多個(gè)設(shè)計(jì)方案供我參考會(huì)怎么樣？那會(huì)更有幫助！
所以我寫了這個(gè)：
創(chuàng)建三個(gè)設(shè)計(jì)選項(xiàng)。使用相同的核心內(nèi)容，但根據(jù)以下描述改變布局、UI 元素和視覺(jué)重點(diǎn)：選項(xiàng) 1. 大膽且引人入勝- 優(yōu)先考慮視覺(jué)沖擊力和品牌表達(dá)選項(xiàng) 2. 功能強(qiáng)大且快速- 優(yōu)先考慮速度、清晰度和生產(chǎn)力- 緊湊的用戶界面，卡片更小，信息層次更密集選項(xiàng)3.個(gè)性化和溫暖- 優(yōu)先考慮聯(lián)系、信任和個(gè)性化- “為你推薦”輪播，包含人工智能策劃的課程建議- 社會(huì)證明（頭像、徽章、朋友活動(dòng)）- 添加“社區(qū)”選項(xiàng)卡，用于同行共享內(nèi)容
結(jié)果如下：
再次，我對(duì) GPT-4o 圖像生成能力的提升感到震驚。
雖然這三個(gè)選項(xiàng)看起來(lái)仍然非常相似，但如果仔細(xì)觀察，就會(huì)發(fā)現(xiàn)一些小細(xì)節(jié) - 例如“搜索”圖標(biāo)、社交證明和副本 - 試圖使每個(gè)版本都與其他版本區(qū)分開來(lái)。
不過(guò)，結(jié)果肯定還有改進(jìn)的空間。例如，由于一張圖片中包含了大量信息，ChatGPT 的精度開始下降。你可能會(huì)注意到，部分文本變得無(wú)法識(shí)別/扭曲。
接下來(lái)，作為一個(gè)有趣的測(cè)試，我使用Codia AI 的插件根據(jù) ChatGPT 生成的視覺(jué)模型生成 Figma 設(shè)計(jì)。
所有組件（包括文本）都可以在 Figma 中編輯。
它使用的字體系列是 Intel。
好得可怕。
如果我想進(jìn)行更改，這使我能夠自定義 UI 模型。
ChatGPT 生成 UI 視覺(jué)模型的能力是一個(gè)巨大的提升。與之前版本相比，它提供了更高的精度和對(duì)提示的遵循性。
話雖如此，速度還是有點(diǎn)慢，準(zhǔn)確率還有待提高。有時(shí)圖像生成到一半就停止了；有時(shí)結(jié)果很隨機(jī)，而且與指令不完全一致。
當(dāng)我要求 ChatGPT 根據(jù)設(shè)計(jì)選項(xiàng)創(chuàng)建 3D 模型時(shí)，事情變得有點(diǎn)扭曲和奇怪——但還不算太糟。
不管怎樣，這已經(jīng)是一次很棒的升級(jí)了。我現(xiàn)在能生成以前無(wú)法生成的東西了。
這一切都在 ChatGPT 聊天窗口內(nèi)完成。多么方便??？
我非常興奮并希望未來(lái)會(huì)有更好的升級(jí)。
是的。我們想知道為什么產(chǎn)品設(shè)計(jì)界這么多人都走到了崩潰的邊緣？我想說(shuō)，我不認(rèn)為設(shè)計(jì)已死。只是我覺(jué)得我們迷失了方向。
2023年，Airbnb首席執(zhí)行官布萊恩·切斯基（Brian Chesky）曾說(shuō)過(guò)： “設(shè)計(jì)師必須有勇氣。”說(shuō)實(shí)話，我們過(guò)去確實(shí)很有勇氣。一種無(wú)所畏懼的自信，一種打破現(xiàn)狀的近乎瘋狂的喜悅。“驚喜與愉悅”、“精益求精，保持簡(jiǎn)潔”一直是我多年來(lái)領(lǐng)導(dǎo)設(shè)計(jì)團(tuán)隊(duì)的座右銘。
我陷入了以收入為中心、癡迷于圖案設(shè)計(jì)的陷阱。
然而，不知何故，在某個(gè)時(shí)刻，也許是在無(wú)休止的會(huì)議、OKR、業(yè)務(wù)目標(biāo)和盈利報(bào)告的催促下；又或許是因?yàn)楣緝?nèi)部不斷邊緣化設(shè)計(jì)——這種自信消失了。我們從協(xié)作型的搖滾明星變成了解決問(wèn)題的小齒輪，再變成了生存主義者。因?yàn)楝F(xiàn)在機(jī)器來(lái)了。
多年來(lái)，我本著脆弱的精神，陷入了以收益為中心、癡迷于圖案設(shè)計(jì)的陷阱。DS 是一種令人興奮的、以特定價(jià)格點(diǎn)進(jìn)行設(shè)計(jì)的方法。讓我們?nèi)?chuàng)造收益！讓我們?nèi)?yōu)化利潤(rùn)！讓我們快速實(shí)現(xiàn)各種創(chuàng)意！我們?yōu)槭裁匆趹?yīng)該創(chuàng)新的時(shí)候重復(fù)造輪子呢？
聽起來(lái)很熟悉？
這就像個(gè)兔子洞。我和同事們聊過(guò)，大家都覺(jué)得，
如果我們用設(shè)計(jì)系統(tǒng)的方法錄制一張專輯，每首歌在技術(shù)上都是完美的，但它們聽起來(lái)本質(zhì)上都一樣。哪個(gè)用戶會(huì)因?yàn)榉磸?fù)聽這首歌而受到啟發(fā)呢？我們自己的設(shè)計(jì)故事已經(jīng)支離破碎了。
我們很多產(chǎn)品設(shè)計(jì)人員都生活在艾維所說(shuō)的“企業(yè)議程已將設(shè)計(jì)和創(chuàng)新的重點(diǎn)從目標(biāo)轉(zhuǎn)移到利潤(rùn)”的境地。追求收益令人精疲力竭。創(chuàng)造性的故障排除被誤認(rèn)為是創(chuàng)造力。基于卡班板混亂和閃電般快速發(fā)布的產(chǎn)品經(jīng)理微觀管理的壓力。MVP 地獄景象。毫無(wú)結(jié)果的 A/B 測(cè)試，因?yàn)槔嫦嚓P(guān)者不理解。整體創(chuàng)新解決方案被所謂的“安全”的快速解決方案扼殺。而這一切都是有代價(jià)的。靈感更少，活力更少，友善更少，壓力更大。更多的自我限制。更多的模仿。更多千篇一律、復(fù)雜而扁平的用戶體驗(yàn)。等等。
過(guò)去一周，我的觀點(diǎn)與多年來(lái)形成的理念發(fā)生了轉(zhuǎn)變。我最近去一家大型游戲公司面試領(lǐng)導(dǎo)職位，面試的主題是如何創(chuàng)造收入。這才是整個(gè)團(tuán)隊(duì)最關(guān)心的問(wèn)題。他們沒(méi)有考慮用戶需求，也沒(méi)有考慮他們正在構(gòu)建的工作和體驗(yàn)的樂(lè)趣。這些從未被討論過(guò)。
這真的讓我很困擾。非常困擾。這不是我第一次遇到這種情況。我一次又一次地發(fā)現(xiàn)，出現(xiàn)了兩件事：
我們大多數(shù)人都在無(wú)意識(shí)中直接促成了這一點(diǎn)。我們甚至沒(méi)有意識(shí)到這一點(diǎn)。然而，要論證人類首先是情感實(shí)體，這并不需要太多說(shuō)服力。我們能夠立即感知和感受事物，然后再運(yùn)用邏輯，這與人類的進(jìn)化直接相關(guān)。然而，我們的設(shè)計(jì)方法在很多方面都缺乏這種能力。
（我在這篇文章中只關(guān)注設(shè)計(jì)的作用。但科技領(lǐng)域其他角色的出現(xiàn)，以及流水線投資回報(bào)率驅(qū)動(dòng)的 IDEO 方法，無(wú)疑導(dǎo)致了設(shè)計(jì)優(yōu)先級(jí)的下降，不再以用戶感受為重點(diǎn)。）
我們需要重新進(jìn)行重大的直覺(jué)選擇并重新感受事物。
有兩件事無(wú)疑產(chǎn)生了最大的影響。
- 新的 Google Material DS “發(fā)送”按鈕
。-
采訪喬納森·艾維。
兩者都重點(diǎn)討論了“歡樂(lè)與喜悅”和“火花”的設(shè)計(jì)。
谷歌界面的更新打破了所有固有規(guī)則，打造了獨(dú)特的數(shù)字體驗(yàn)。他們抓住了機(jī)會(huì)，用數(shù)據(jù)驗(yàn)證了這一可能性，最終他們的努力讓用戶參與度提升了4倍。
Jony 在Stripe大會(huì)上的采訪非常鼓舞人心。如果你今年需要看一部作品來(lái)了解設(shè)計(jì)對(duì)我們這個(gè)瞬息萬(wàn)變的世界的重要性，那非看不可。他讓設(shè)計(jì)回歸了它的本源，那就是那神奇的“火花”。
當(dāng)我思考這些時(shí)，我發(fā)現(xiàn)偉大的設(shè)計(jì)中存在著一些更具體的事情——顛覆。
在數(shù)字體驗(yàn)的早期，沒(méi)有數(shù)據(jù)，沒(méi)有關(guān)鍵績(jī)效指標(biāo) (KPI)，也沒(méi)有流水線式的技術(shù)開發(fā)方法。當(dāng)時(shí)的設(shè)計(jì)純粹是為了品牌價(jià)值、功能和實(shí)驗(yàn)。我們有兩個(gè)代碼庫(kù)：HTML 和 Flash。工作的多樣性令人興奮。網(wǎng)站以及最終的原生應(yīng)用都易于使用，易于導(dǎo)航，沒(méi)有算法，非常人性化。
我們也只是想打造一些我們的朋友和同事會(huì)談?wù)摰姆浅？岬臇|西。
設(shè)計(jì)團(tuán)隊(duì)和工程團(tuán)隊(duì)圍坐在一起，討論他們想要構(gòu)建的目標(biāo)，并在整個(gè)過(guò)程中不斷合作。如同合作伙伴一樣。一份簡(jiǎn)單的路線圖充滿了宏大的想法和雄心壯志。方法是什么？“我想要一個(gè)能夠?qū)崿F(xiàn)_____的酷炫解決方案，因?yàn)槲蚁胱鯻____。”
我們受到的啟發(fā)是（用艾維的話來(lái)說(shuō)）“設(shè)計(jì)一些能夠推動(dòng)物種發(fā)展的東西”，“為人類服務(wù)”。我們也只是想打造一些非?？岬臇|西，讓我們的朋友和同事談?wù)摗?/span>
有些品牌正在瘋狂地顛覆這個(gè)領(lǐng)域。比如Acorn和Airbnb。但當(dāng)突破設(shè)計(jì)界限的設(shè)計(jì)如此罕見(jiàn)時(shí)，這對(duì)任何人來(lái)說(shuō)都不是好兆頭。什么時(shí)候突破設(shè)計(jì)界限的設(shè)計(jì)非常罕見(jiàn)，這對(duì)任何人來(lái)說(shuō)都不是好兆頭。
人工智能。
我們正為此瘋狂。長(zhǎng)期以來(lái)，我們一直謹(jǐn)慎行事，構(gòu)建一套設(shè)計(jì)方法論式的設(shè)計(jì)系統(tǒng)，結(jié)果卻事與愿違。我和其他人一樣，也為自己的謹(jǐn)慎行事感到內(nèi)疚。不到五年，產(chǎn)品設(shè)計(jì)將不再像過(guò)去十五年那樣存在。這原本是一個(gè)令人恐懼的前景，直到我直面恐懼。
想想看，不用再構(gòu)建模式庫(kù)了。不用再花費(fèi)無(wú)數(shù)時(shí)間迭代數(shù)據(jù)和最佳實(shí)踐。不用再熬夜撰寫和設(shè)計(jì)戰(zhàn)略方案了。這可不是設(shè)計(jì)，而是繁重的工作。說(shuō)真的，讓機(jī)器來(lái)做吧。
我可以重新做我最擅長(zhǎng)的事，運(yùn)用我的智慧、想象力和經(jīng)驗(yàn)來(lái)推動(dòng)事情發(fā)展。當(dāng)然可以。報(bào)名吧。我就是來(lái)干這個(gè)的。
我們不再打破常規(guī)。我們遵循著基于指標(biāo)和績(jī)效的群體思維美學(xué)。我們各自為政，各自為政，各自為政。我們用耗時(shí)的方法來(lái)構(gòu)思創(chuàng)意。我們迷失在迭代的泥沼中。我們沒(méi)有逼迫自己打破常規(guī)。
如果我們退一步，縱觀設(shè)計(jì)的全局，就會(huì)發(fā)現(xiàn)我們所做的最偉大的設(shè)計(jì)，其核心都是“顛覆性”。敢于創(chuàng)新，敢于思考。它不斷嘗試新事物，探索新的視野。然而，我們對(duì)這門學(xué)科的內(nèi)在部分卻感到厭惡。
我不知道“幸運(yùn)眷顧勇者”這句話是誰(shuí)說(shuō)的。
我的一個(gè)使命就是讓它重新回到我們的世界。
回去工作。
讓我們打破思維定勢(shì)。
讓我們都做些史詩(shī)般的事。
計(jì)發(fā)展日新月異——轉(zhuǎn)瞬即逝，你就會(huì)落后。把握設(shè)計(jì)的發(fā)展方向是成功的一半。以下根據(jù)目前的發(fā)展情況，概述了五大可能在 2026 年占據(jù)主導(dǎo)地位的 UX/UI 趨勢(shì)。
上周，我在一個(gè)熙熙攘攘的共享辦公空間里畫界面時(shí)，一位剛接觸 Figma 的學(xué)生設(shè)計(jì)師朋友湊過(guò)來(lái)問(wèn)我：
“你是怎么跟上這些變化的？”
這句話深深地觸動(dòng)了我。多年從事設(shè)計(jì)行業(yè)，我明白了：洞察潮流才能保持敏銳。以下是我關(guān)注的領(lǐng)域。
我現(xiàn)在用的新聞應(yīng)用會(huì)根據(jù)我的閱讀習(xí)慣，根據(jù)文章的長(zhǎng)度和深度來(lái)篩選文章。無(wú)需手動(dòng)調(diào)整——它就能滿足我的需求。
設(shè)計(jì)的任務(wù)是打造一個(gè)能夠?qū)W習(xí)且不會(huì)讓用戶感到害怕的系統(tǒng)。通過(guò)人工智能實(shí)現(xiàn)的個(gè)性化應(yīng)該像一個(gè)樂(lè)于助人的朋友，而不是一個(gè)跟蹤狂。關(guān)鍵在于平衡智能自動(dòng)化和用戶控制。
AR 正在擺脫游戲的桎梏。想象一下一款家居維修應(yīng)用：它將虛擬的架子投射到廚房墻上，讓你四處走動(dòng)，看看它們是否合適。
到2026年，AR設(shè)計(jì)將成為標(biāo)桿。還在覺(jué)得它只是個(gè)噱頭嗎？是時(shí)候重新思考了，否則你就錯(cuò)失良機(jī)了。
人工智能工具正在徹底改變我的工作流程。最近，我請(qǐng)一位人工智能工具為一個(gè) SaaS 項(xiàng)目快速設(shè)計(jì)圖標(biāo)——一分鐘內(nèi)就得到了 10 個(gè)方案，全部符合 WCAG 標(biāo)準(zhǔn)，并且符合品牌形象。
真正的問(wèn)題并非AI能否設(shè)計(jì)，而是我們?nèi)绾闻c它合作，將項(xiàng)目推向新的高度。不妨把它想象成一位由你掌控全局的智能助手。
我吃過(guò)不少苦頭才明白這一點(diǎn)：為“普通”用戶設(shè)計(jì)是失敗的。在一個(gè)項(xiàng)目中，我重新設(shè)計(jì)了一個(gè)移動(dòng)應(yīng)用的注冊(cè)表單，因?yàn)槲乙庾R(shí)到它對(duì)于手抖的人來(lái)說(shuō)太笨重了。
到2026年，包容性設(shè)計(jì)將不再只是一張紙，而將成為一項(xiàng)競(jìng)爭(zhēng)優(yōu)勢(shì)。滿足多元化需求，打造人人喜愛(ài)的產(chǎn)品。
上周末，我通過(guò)一個(gè)應(yīng)用程序預(yù)訂了一張餐廳餐桌——甚至都沒(méi)注意到我已經(jīng)付款了。指紋驗(yàn)證，我的常用設(shè)置自動(dòng)應(yīng)用，搞定了。
設(shè)計(jì)的作用是減少摩擦，同時(shí)保持用戶的控制力。設(shè)計(jì)的目的是讓日常操作感覺(jué)安全，而不是草率。
“我們把屏幕上的按鈕做得如此好看，讓你忍不住想舔舔它們。” ——史蒂夫·喬布斯
我記得亨利·福特曾經(jīng)說(shuō)過(guò)：“如果我問(wèn)顧客想要什么，他們會(huì)告訴我一匹跑得更快的馬。”人們不知道自己想要什么，除非你把東西展示給他們看。—— 史蒂夫·喬布斯
在很多地方，這簡(jiǎn)直就是認(rèn)知超負(fù)荷和可讀性低下的噩夢(mèng)。玻璃折射需要一定的透明度才能達(dá)到最佳效果，而這種透明度會(huì)讓一半的背景顯得格格不入。
說(shuō)實(shí)話，我真不知道蘋果是怎么做到的。在嘗試模仿之后（使用 AGSL 著色器——作者注），我對(duì)液態(tài)玻璃產(chǎn)生了全新的敬意。我猜他們也用了著色器——只是更加精妙。蘋果花了數(shù)年時(shí)間打造一個(gè)可以實(shí)現(xiàn)這一功能的系統(tǒng)。安卓系統(tǒng)還沒(méi)達(dá)到這個(gè)水平。也許小米或其他中國(guó)品牌會(huì)找到解決辦法。但在我們找到開源解決方案之前，在安卓系統(tǒng)上實(shí)現(xiàn)真正的玻璃形態(tài)仍然遙不可及。
我們發(fā)現(xiàn)瀏覽器支持有限，這迫使我們不得不使用一些不太理想的解決方法。隨著時(shí)間的推移，WebKit 引入了 backdrop-filter CSS 屬性，但它仍然是性能殺手——瀏覽器每次滾動(dòng)時(shí)都必須重新計(jì)算模糊效果。也許 Apple 已經(jīng)在其設(shè)備上對(duì)此進(jìn)行了優(yōu)化，但我強(qiáng)烈建議任何在 Apple 以外的平臺(tái)上構(gòu)建 Liquid Glass 設(shè)計(jì)的人都進(jìn)行徹底的性能測(cè)試。
“好的設(shè)計(jì)是無(wú)形的。” ——迪特·拉姆斯
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.izc.net.cn