從健康、飲食到工作學(xué)習(xí)，人們每天平均會(huì)做出20000個(gè)決策。“僅食物一項(xiàng)，人們一天就要做出約226個(gè)決策”。大多數(shù)用戶都承受著決策疲勞的痛苦影響（即用戶做的決策越多，不合理的決策就越多），承擔(dān)著較重的認(rèn)知負(fù)荷。要吸引越來越忙碌，精疲力竭的用戶，需要仔細(xì)考慮我們的產(chǎn)品如何幫助他們完成任務(wù)，快速達(dá)成用戶目標(biāo)。
什么是預(yù)判設(shè)計(jì)
預(yù)判設(shè)計(jì)可以通過預(yù)見用戶的需求，減少甚至消除用戶必須做出的決策數(shù)量從而降低用戶的認(rèn)知負(fù)荷，幫助用戶快速達(dá)成目標(biāo)。用戶思考實(shí)現(xiàn)目標(biāo)所需要做的事情越少，實(shí)現(xiàn)目標(biāo)的可能性就越大，可以說預(yù)判設(shè)計(jì)是降低用戶認(rèn)知負(fù)荷，幫助用戶快速達(dá)成目標(biāo)的一種有效的設(shè)計(jì)方法。
對(duì)用戶：預(yù)判設(shè)計(jì)幫助用戶減少做決策的數(shù)量，降低用戶的認(rèn)知負(fù)擔(dān)，順應(yīng)用戶行為進(jìn)行預(yù)判，減少冗余步驟、縮短用戶路徑，節(jié)省用戶時(shí)間，以此來為用戶創(chuàng)造更愉悅輕松的體驗(yàn)。
對(duì)平臺(tái)：預(yù)判設(shè)計(jì)就是思考用戶的使用場景，提前預(yù)判用戶行為，及時(shí)而高效的迎合特殊條件的用戶需求，簡化操作流程，提高任務(wù)的轉(zhuǎn)化效率，進(jìn)而提升平臺(tái)轉(zhuǎn)化率和用戶體驗(yàn)。
如何做預(yù)判設(shè)計(jì)
預(yù)判設(shè)計(jì)需要做的是根據(jù)用戶當(dāng)前所處場景，判斷用戶需求及最終目標(biāo)，分析用戶正在進(jìn)行的操作，預(yù)判用戶下一步的行為，在整個(gè)行為路徑中為用戶適時(shí)提供相應(yīng)的幫助或引導(dǎo)。根據(jù)用戶當(dāng)前行為及目標(biāo)的明確程度不同可將用戶行為分為「直覺行為」、「意識(shí)行為」、「負(fù)向行為」。
直覺行為-建立連接
用戶每天大多數(shù)行為的發(fā)生都屬于直覺行為，它主要依托于習(xí)慣（已經(jīng)習(xí)得的行為模式）、直覺（基于過去的經(jīng)歷、熟悉的場景做出快速的判斷），其反應(yīng)迅速，自動(dòng)化完成，只需要一個(gè)簡單的提示，行為就能即刻發(fā)生，比如鬧鐘響了就關(guān)鬧鐘，看到紅色警示就能意識(shí)到危險(xiǎn)等，基本不需要思考加工。
直覺行為中，用戶目標(biāo)最為明確，為達(dá)成目標(biāo)的過程中采取的一系列行為一般是環(huán)環(huán)相扣的強(qiáng)相關(guān)行為。針對(duì)這類行為，需要根據(jù)用戶的行為終點(diǎn)進(jìn)行預(yù)判，直接給出行為捷徑，幫助用戶直接快速達(dá)成目標(biāo)。搭建行為捷徑的方式為梳理行為路徑中的各行為節(jié)點(diǎn)，省略非必要節(jié)點(diǎn)，并在各關(guān)鍵行為節(jié)點(diǎn)之間建立連接，為用戶提供操作引導(dǎo)，在引導(dǎo)過程中自然觸發(fā)達(dá)成目標(biāo)的一系列的關(guān)聯(lián)行為，簡化整體操作流程。
舉例：1）微信在用戶收款碼頁面中，用戶只要進(jìn)行了截屏操作，一般都是想保存二維碼，所以微信在捕捉到用戶的截屏操作后，會(huì)自動(dòng)觸發(fā)保存二維碼彈層；2）用戶剛進(jìn)行截屏操作后，進(jìn)入微信聊天頁點(diǎn)擊「+」，會(huì)自動(dòng)浮現(xiàn)截圖，方便用戶直接發(fā)圖；3）支付寶聊天窗中，輸入了數(shù)字后會(huì)自動(dòng)觸發(fā)轉(zhuǎn)賬的操作；4）滴滴中會(huì)記憶用戶過往目的地，并根據(jù)重復(fù)記憶結(jié)果，在用戶下次進(jìn)入時(shí)，在目的地輸入框中浮窗展示目的地，簡化了目的地搜索過程，使重復(fù)行為變得更加簡單。
意識(shí)行為-啟發(fā)引導(dǎo)
意識(shí)行為需要思維的參與，讓人們能理性分析陌生場景中的復(fù)雜問題，并尋求解決方案，它運(yùn)作緩慢，注意力更為集中，比如在商場買衣服，人們會(huì)綜合評(píng)估一下款式、質(zhì)量、價(jià)格等，都屬于意識(shí)行為的范疇。
意識(shí)行為運(yùn)作緩慢，對(duì)于下一步行為操作決策效率較低。面對(duì)意識(shí)行為，需要根據(jù)用戶的所處場景，分析用戶需求及可能引導(dǎo)的用戶意圖，在用戶當(dāng)前行為的基礎(chǔ)上，尋找相關(guān)機(jī)會(huì)啟發(fā)引導(dǎo)用戶后續(xù)行為，為轉(zhuǎn)化增加一點(diǎn)“額外”的價(jià)值。
舉例：1）微博長時(shí)間懸停引導(dǎo)評(píng)論，當(dāng)用戶在某條內(nèi)容上停留一定的時(shí)間（大約4秒），系統(tǒng)會(huì)判斷用戶對(duì)該內(nèi)容有興趣，從而彈出‘評(píng)論框’，引導(dǎo)用戶進(jìn)行評(píng)論；2）微信訂閱號(hào)在用戶對(duì)某條內(nèi)容點(diǎn)擊“贊同”后，系統(tǒng)會(huì)判斷用戶對(duì)當(dāng)前內(nèi)容較為認(rèn)可，會(huì)向下彈出更多文章推薦，引導(dǎo)用戶閱讀；3）小紅書進(jìn)入商詳后會(huì)彈出優(yōu)惠券，通過權(quán)益激勵(lì)引導(dǎo)用戶購買；4）用戶在支付寶消息列表中滑動(dòng)瀏覽多屏后，會(huì)出現(xiàn)“找人轉(zhuǎn)賬“的提示，點(diǎn)擊后進(jìn)入朋友列表的純凈模式（去掉類服務(wù)通知等跟轉(zhuǎn)賬無用的列表），提高了用戶的尋找效率。
負(fù)向行為-行為挽留
另外還有一類是負(fù)向行為，即用戶在平臺(tái)中體驗(yàn)時(shí)可能會(huì)由于各種原因產(chǎn)生負(fù)面情緒，比如困惑、不喜歡等情緒，從而會(huì)產(chǎn)生負(fù)向行為，包括退出、跳出、關(guān)閉等。對(duì)于這類負(fù)向行為，需判斷用戶產(chǎn)生負(fù)向行為的原因，并及時(shí)為用戶提供其恰好需要的幫助或提示，引導(dǎo)用戶快速走出消極狀態(tài)，對(duì)用戶當(dāng)前行為進(jìn)行挽留。
舉例：1）優(yōu)酷視頻中，用戶在觀看視頻中，退出全屏?xí)r會(huì)判斷用戶對(duì)當(dāng)前視頻興趣減弱，從而在小窗視頻下為用戶推薦其他視頻；2）淘寶中，用戶退出直播間時(shí)，系統(tǒng)會(huì)判斷用戶對(duì)當(dāng)前直播不感興趣，為用戶提供其他直播內(nèi)容推薦；3）美團(tuán)取消訂單時(shí)，會(huì)為用戶提供修改訂單信息的功能，從而挽留用戶繼續(xù)當(dāng)前訂單；4）QQ郵箱中，用戶在寫郵件時(shí)點(diǎn)擊取消時(shí)，會(huì)為用戶提供保存草稿的操作，方便用戶保存當(dāng)前內(nèi)容。
預(yù)判設(shè)計(jì)需要注意什么
預(yù)判設(shè)計(jì)對(duì)于用戶操作具有一定的便利性，對(duì)平臺(tái)也具有提高轉(zhuǎn)化的作用，但是預(yù)判設(shè)計(jì)同時(shí)也有一定的風(fēng)險(xiǎn)，比如需要讀取用戶數(shù)據(jù)，深挖用戶行為、引導(dǎo)用戶進(jìn)行某些操作，所以會(huì)涉及到用戶隱私、對(duì)用戶錯(cuò)誤引導(dǎo)造成“體驗(yàn)泡沫”等風(fēng)險(xiǎn)，因此在預(yù)判設(shè)計(jì)中有以下幾點(diǎn)需要注意。
深入分析用戶動(dòng)機(jī)
用戶行為并非總是可以預(yù)見的，因此預(yù)判設(shè)計(jì)需要結(jié)合數(shù)據(jù)來深挖用戶行為。進(jìn)行預(yù)判設(shè)計(jì)時(shí)需要深入分析和評(píng)估收集的用戶數(shù)據(jù)，判斷行為背后用戶的真實(shí)動(dòng)機(jī)（預(yù)期/需求）。根據(jù)用戶的心理動(dòng)機(jī)判斷用戶行為類型，可結(jié)合上述不同行為類型，依據(jù)不同預(yù)判設(shè)計(jì)策略，進(jìn)行符合用戶心智及行為的預(yù)判設(shè)計(jì)，比如直覺行為可根據(jù)用戶目標(biāo)給出行為捷徑，意識(shí)行為可進(jìn)行適當(dāng)?shù)膯l(fā)引導(dǎo)等。同時(shí)應(yīng)盡量防止為用戶做出錯(cuò)誤的預(yù)判設(shè)計(jì)，影響整體的用戶體驗(yàn)。
適時(shí)性觸發(fā)
在主動(dòng)為用戶提供符合其預(yù)期的預(yù)判引導(dǎo)的同時(shí)，需要注意控制預(yù)判設(shè)計(jì)的頻率，保證預(yù)判設(shè)計(jì)僅在用戶需要時(shí)出現(xiàn)，做到適時(shí)性觸發(fā)。不要過度使用、濫用預(yù)判設(shè)計(jì)，從而保證用戶對(duì)平臺(tái)整體預(yù)判引導(dǎo)的接受度。
減少干擾項(xiàng)
當(dāng)進(jìn)行預(yù)判設(shè)計(jì)時(shí)，頁面上應(yīng)該盡可能的保證只有這一個(gè)預(yù)判設(shè)計(jì)引導(dǎo)，保證其他引導(dǎo)不會(huì)同時(shí)出現(xiàn)，減少多種引導(dǎo)同時(shí)出現(xiàn)對(duì)用戶的干擾，讓用戶將注意力集中在當(dāng)前預(yù)判引導(dǎo)上，從而更有效的觸達(dá)用戶。
控制及信任
很多用戶對(duì)互聯(lián)網(wǎng)缺乏透明度和控制力表達(dá)了自己的擔(dān)憂，尤其是對(duì)大型公司如何使用和處理用戶數(shù)據(jù)方面較為擔(dān)憂。在進(jìn)行預(yù)判設(shè)計(jì)時(shí)，首先應(yīng)該讓用戶感到自己正在從使用個(gè)人數(shù)據(jù)的預(yù)判設(shè)計(jì)中受益，如用戶對(duì)于此項(xiàng)較為擔(dān)憂，不希望獲得預(yù)判設(shè)計(jì)服務(wù)，應(yīng)該提供實(shí)時(shí)反饋機(jī)制以獲取用戶的意見，以及提供開關(guān)權(quán)限給予用戶一定的控制權(quán)，保持平臺(tái)透明度，以維持用戶對(duì)平臺(tái)的信任。
啟發(fā)
預(yù)判設(shè)計(jì)具有縮短用戶路徑，提升轉(zhuǎn)化的作用，將其與京東APP結(jié)合，可以促進(jìn)購物轉(zhuǎn)化的提升。預(yù)判設(shè)計(jì)可能應(yīng)用與京東APP的場景包括提升人貨場中人找貨的效率、促進(jìn)下單購買、瀏覽查看中啟發(fā)下一步操作、取消訂單/退款等負(fù)向行為挽留等，以下為可能結(jié)合預(yù)判設(shè)計(jì)的購物場景或行為。
寫在最后
預(yù)判設(shè)計(jì)需要對(duì)用戶行為進(jìn)行分析、深入了解用戶動(dòng)機(jī)，預(yù)判用戶行為、并進(jìn)行適時(shí)的引導(dǎo)，與京東APP結(jié)合，可以提升人貨場效率，讓貨更好更快的被發(fā)現(xiàn)，同時(shí)可以減少用戶達(dá)成目標(biāo)的任務(wù)數(shù)量，幫助用戶快速達(dá)成目標(biāo)，對(duì)于提升整體的購買轉(zhuǎn)化率、降低平臺(tái)訂單取消率、提升平臺(tái)的用戶體驗(yàn)均有一定的幫助。希望此文章能夠拋磚引玉，讓各位設(shè)計(jì)師呈現(xiàn)出更多優(yōu)秀的預(yù)判設(shè)計(jì)線上案例。
轉(zhuǎn)載：京東體驗(yàn)設(shè)計(jì)中心
@圖文來源于PANTONE美國網(wǎng)站
又到了一年心跳與色彩同頻共振的時(shí)刻！大家翹首以盼的PANTONE 2026年度流行色11-4201 Cloud Dancer （云上舞白）正式閃亮登場，它的出現(xiàn)為時(shí)尚設(shè)計(jì)界帶來了一個(gè)新高潮，接下來，它將引領(lǐng)我們走向哪里？會(huì)激發(fā)出哪些新的靈感及故事呢？
2026年度彩通發(fā)布的流行色為PANTONE 11-4201“云上舞白”（Cloud Dancer），它屬于關(guān)鍵的結(jié)構(gòu)色，憑借自身多功能性為整個(gè)色譜搭建起框架，讓所有色彩都能綻放光彩。
當(dāng)下，色彩已然成為個(gè)性表達(dá)的象征，而“云舞者”這種色調(diào)能順應(yīng)環(huán)境，實(shí)現(xiàn)和諧搭配并營造出對(duì)比效果，不管是單獨(dú)運(yùn)用，還是與其他色彩搭配組合，都能為各類產(chǎn)品應(yīng)用場景及環(huán)境增添輕盈靈動(dòng)之感。
@圖文來源于PANTONE美國網(wǎng)站
PANTONE 11-4201 “云上舞白”是單色穿搭的完美基調(diào)。這款低調(diào)的白色散發(fā)著內(nèi)斂的氣息，無論是服裝紡織，時(shí)尚配飾和鞋履，美發(fā)美妝、室內(nèi)裝飾設(shè)計(jì)或者包裝和多媒體等領(lǐng)域，都可以展現(xiàn)了一種自覺的簡約狀態(tài)，鼓勵(lì)人們在尋求片刻寧靜與休憩時(shí)，真正放松身心，專注當(dāng)下。
于廣大消費(fèi)者而言，PANTONE是色彩領(lǐng)域的“預(yù)言家”，它的年度色無疑是最具影響力的存在之一，其憑借入微且精準(zhǔn)的色彩洞察力，為我們揭開未來一年代表色的神秘面紗。解鎖出當(dāng)下人們內(nèi)心深處向往的生活態(tài)度與精神追求。
且為了讓這份色彩的魅力能更生動(dòng)地融入生活，PANTONE還貼心地奉上七組精心搭配的色彩方案，助力我們輕松應(yīng)對(duì)各種多元場景，讓色彩靈感如泉涌般不斷涌現(xiàn)。
粉狀蠟筆
柔和的粉彩色調(diào)和中性色調(diào)與云舞者（Cloud Dancer）搭配相得益彰，呈現(xiàn)出微妙的色調(diào)變化，既細(xì)膩又賞心悅目，低調(diào)內(nèi)斂。
@圖文來源于PANTONE美國網(wǎng)站
休息一下
Cloud Dancer 邀請我們休息片刻，誘惑我們品嘗各種色彩，任憑哪一種顏色觸動(dòng)我們：一杯氣泡粉紅檸檬水或木瓜，美味的焦糖或可可奶油，或者一口茶或芒果莫吉托——所有這些都構(gòu)成了一個(gè)充滿樂趣的調(diào)色板。
@圖文來源于PANTONE美國網(wǎng)站
大氣
云上舞白將我們帶到高處，在那里，輕盈的白色沖破灰蒙蒙的天空，在朦朧的陽光下展現(xiàn)出清澈、輕快的藍(lán)色。水潤的藍(lán)綠色從深邃的水域中散發(fā)出來。
@圖文來源于PANTONE美國網(wǎng)站
舒適區(qū)
每個(gè)人都需要一個(gè)舒適區(qū)，一個(gè)可以放松身心、遠(yuǎn)離塵囂的地方。“云舞者”周圍自然有機(jī)的色彩令人感到舒適和包容，營造出一種令人安心的寧靜氛圍。
@圖文來源于PANTONE美國網(wǎng)站
熱帶色調(diào)
當(dāng)我們想象熱帶地區(qū)時(shí)，腦海中浮現(xiàn)出鮮艷的色彩：碧藍(lán)的海洋、清爽的柑橘飲品、明艷的花朵和異域風(fēng)情的鳥類。如果這片陽光普照的天堂里有一朵云，那也一定是朵輕盈飄逸的云舞者。
@圖文來源于PANTONE美國網(wǎng)站
光與影
云舞者優(yōu)雅地融入柔和的色調(diào)之中，最終消融于陰影之中，從而產(chǎn)生輕松自然的色彩對(duì)比。
@圖文來源于PANTONE美國網(wǎng)站
魅力與光彩
白色與黑色的陰柔之美必然交融，再以魅惑的唇膏紅點(diǎn)綴。復(fù)古酒紅、藍(lán)綠色、閃耀的石墨灰、璀璨的灰色以及銀色緞面金屬光澤，更添幾分迷人魅力。
@圖文來源于PANTONE美國網(wǎng)站
自2000年起，PANTONE每年都會(huì)從全球范圍內(nèi)篩選出一種代表色，作為該年度的流行色，這一色彩不僅在設(shè)計(jì)、時(shí)尚、家居等領(lǐng)域掀起潮流，更成為全球文化情緒與態(tài)度的直觀表達(dá)。
而此刻發(fā)布的2026年度色PANTONE 11-4201，將把人類設(shè)計(jì)史推上一個(gè)新高潮，分為'遇見它之前'和'遇見它之后'。未來一年甚至更久，讓我們滿懷期待和見證以此為核心靈感且創(chuàng)意無限的作品問世。
COLOR
PANTONE歷年代表色合集
【1】隨著iOS26發(fā)布，部分設(shè)計(jì)軟件陸續(xù)在增加玻璃材質(zhì)能力
【2】IF發(fā)布《2025年iF設(shè)計(jì)趨勢報(bào)告》
【3】小米AI眼鏡上線
【4】蘋果iOS26 Beta3發(fā)布，液態(tài)玻璃效果回退
【5】Figma支持Liquid glass
【6】Figma Make AI 功能正式上線，面向所有用戶開放
【7】騰訊開源混元模型 1.0，一鍵生成可漫游的 3D 虛擬場景
【8】 Luma AI 新增指令修改，視頻編輯流程更快捷
1. 隨著iOS26發(fā)布，部分設(shè)計(jì)軟件陸續(xù)在增加玻璃材質(zhì)能力
sketch beta版已加入液體玻璃效果，可以自定義相關(guān)的參數(shù)。
▲圖片來自：sketch beta版
Figma也支持液態(tài)玻璃效果。
▲圖片來自：figma軟件
2.IF發(fā)布《2025年iF設(shè)計(jì)趨勢報(bào)告》，報(bào)告將助力設(shè)計(jì)師深入理解未來變革性趨勢
F 設(shè)計(jì)趨勢報(bào)告 2025 是一本強(qiáng)調(diào)“設(shè)計(jì)介入社會(huì)系統(tǒng)”的指南。在面對(duì)數(shù)字化、生態(tài)危機(jī)、價(jià)值觀重塑等全球議題時(shí)，設(shè)計(jì)不再是表層的裝飾性行業(yè)，而是推動(dòng)制度革新、關(guān)系重建和認(rèn)知轉(zhuǎn)變的戰(zhàn)略工具。這份報(bào)告提供了：方向性判斷、策略設(shè)計(jì)靈感、對(duì)未來的責(zé)任感與使命感。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
今年的《iF Design 趨勢報(bào)告》聚焦于我們社會(huì)的六大主要轉(zhuǎn)變：
1、CONSCIOUS ECONOMY 有意識(shí)的經(jīng)濟(jì)
2、HUMAN DIGITALITY人類數(shù)字化
3、CO-SOCIETY 共生社會(huì)
4、MINDSHIFT REVOLUTION思維轉(zhuǎn)變革命
5、ECO TRANSITION 生態(tài)轉(zhuǎn)型
6、GLOCALIZATION 全球本土化
CONSCIOUS ECONOMY 有意識(shí)的經(jīng)濟(jì)
現(xiàn)在消費(fèi)者買的不只是價(jià)格，更看重企業(yè)對(duì)顧客的關(guān)心、后續(xù)服務(wù)和有沒有社會(huì)擔(dān)當(dāng)。所以未來產(chǎn)品要和服務(wù)綁得更緊，靠貼心體驗(yàn)傳遞企業(yè)價(jià)值。企業(yè)得把戰(zhàn)略重心從“賣東西”轉(zhuǎn)到“顧人”上，在服務(wù)中既用技術(shù)解決問題，又滿足人的情感需求，這樣才能做出真正有溫度的服務(wù)。
如：這家新成立的足球人才經(jīng)紀(jì)公司的品牌形象深受年輕足球運(yùn)動(dòng)員的喜愛，并充分體現(xiàn)了其對(duì)球員需求以及體育產(chǎn)業(yè)的深刻理解。其企業(yè)設(shè)計(jì)以目標(biāo)群體的語言進(jìn)行表達(dá)，迎合了他們大膽、充滿活力的天性。該設(shè)計(jì)注重在場上和場下創(chuàng)造空間的理念，象征著球員在職業(yè)生涯和生活中所面臨的全新機(jī)遇。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
HUMAN DIGITALITY 人類數(shù)字化
隨著技術(shù)的發(fā)展，現(xiàn)在的產(chǎn)品和AI交互太復(fù)雜了，過去光追求“簡單”已經(jīng)不夠用了，得用“好玩有趣”的設(shè)計(jì)來化解復(fù)雜，讓大家用得更開心、更愿意用！
AI伴侶（如陪伴機(jī)器人Ballie）通過人工共情提升用戶體驗(yàn)。
如：伊庫雷是個(gè)專門幫助自閉癥孩子練社交的智能機(jī)器人。它能懂得每個(gè)孩子不同的情緒和反應(yīng)方式，用AR投影和感應(yīng)裝備陪孩子玩，實(shí)時(shí)回應(yīng)動(dòng)作，在一個(gè)安全舒服的環(huán)境里幫他們練習(xí)。幫助這些孩子建立情感共鳴，增強(qiáng)他們的自我意識(shí)和表達(dá)能力。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
CO-SOCIETY 共生社會(huì)
繁榮需納入個(gè)體生活質(zhì)量、社會(huì)參與和生態(tài)可持續(xù)性，產(chǎn)品和服務(wù)不再只有實(shí)際用途，更承載了情感體驗(yàn)和價(jià)值理念，
如：這款科勒 x Remedy Place 聯(lián)名冰浴桶將醒目設(shè)計(jì)、優(yōu)化人機(jī)工學(xué)和智能科技（Kohler Konnect®）融為一體，提供可定制的冷水浸泡療程，不僅兌現(xiàn)減少炎癥、提升情緒和增強(qiáng)心理韌性的健康承諾，更成為展現(xiàn)優(yōu)雅健康生活的標(biāo)志性設(shè)計(jì)。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
MINDSHIFT REVOLUTION 思維轉(zhuǎn)變革命
設(shè)計(jì)需打破刻板印象，踐行無性別理念，摒棄性別標(biāo)簽；同時(shí)，更應(yīng)關(guān)注心理健康，營造治愈性沉浸環(huán)境，緩解社會(huì)疏離感
如：德烏特兒童安撫背帶Aircomfort Sensic Vario Netzrucken 系統(tǒng)為家庭徒步旅行提供了極大的便利，它在小巧的兒童背帶中實(shí)現(xiàn)了出色的負(fù)荷分配和背部通風(fēng)。該系統(tǒng)為父母和孩子都提供了舒適的體驗(yàn)，配有柔軟的兒童頭部墊和方便的安全帶操作裝置。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
ECO TRANSITION 生態(tài)轉(zhuǎn)型
生態(tài)轉(zhuǎn)型（循環(huán)社會(huì)+綠色科技+能源革命）正重塑全球發(fā)展路徑。可持續(xù)設(shè)計(jì)作為關(guān)鍵響應(yīng)，以智能循環(huán)、融入生物多樣性為方法，重構(gòu)“人-自然共生”系統(tǒng)，營造支持性環(huán)境與獨(dú)特生態(tài)美學(xué)。
如：戴爾筆記本電腦套裝倡議戴爾筆記本電腦多包裝計(jì)劃旨在重新設(shè)計(jì)現(xiàn)有的包裝，拆箱過程節(jié)省了 60% 的時(shí)間。經(jīng)過全面且反復(fù)的工程優(yōu)化，與單個(gè)包裝相比，每單位包裝材料的重量減少了 38%，從而打造出更小巧、更環(huán)保、更具用戶友好性的設(shè)計(jì)。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
GLOCALIZATION 全球本土化
未來的設(shè)計(jì)需要在全球視野下，在文化層面融入本土特色，實(shí)現(xiàn)有共鳴的文化交流，促進(jìn)全球本土化如：滴滴的多元國際業(yè)務(wù)需要在多個(gè)國家和市場中為用戶提供一致且高效的體驗(yàn)，為此打造Global One彈性化設(shè)計(jì)系統(tǒng)，以靈活、可拓展和在地適配的特性滿足全球業(yè)務(wù)需求，在保障品牌一致性的前提下助力各國市場快速響應(yīng)本土化需求。
▲圖片來自： 《2025年iF設(shè)計(jì)趨勢報(bào)告》
3.小米AI眼鏡上線
過去兩年，AI熱潮席卷智能硬件領(lǐng)域，從手機(jī)到PC，各類終端紛紛擁抱AI重塑自我。沉寂已久的智能眼鏡賽道也隨之迎來爆發(fā)：Ray-Ban Meta聯(lián)手AI注入新活力后，Rokid、雷鳥、李未可等國產(chǎn)廠商相繼推出形態(tài)功能各異的新品。 縱觀AI硬件，特別是以智能眼鏡復(fù)興為代表的發(fā)展態(tài)勢，一個(gè)核心趨勢已然顯現(xiàn)：設(shè)備體驗(yàn)正經(jīng)歷從“智能化”向“無感化”的深刻轉(zhuǎn)型。
▲圖片來自： 小米官網(wǎng)
4.蘋果iOS26 Beta 3 發(fā)布，液態(tài)玻璃效果回退
在Beta3版本，將原來激進(jìn)的高擬真液態(tài)玻璃效果，回退至霧面毛玻璃+漸變的形式，顯著提升了文字可讀性。
▲ 左：iOS 26 Beta 2 / 右：iOS 26 Beta 3
來源：https://www.ifanr.com/1630100
5.Figma原生支持Liquid glass
▲圖片來自：Figma官網(wǎng)
▲圖片來自：X官網(wǎng)
繼 Sketch 和 Motif 之后，F(xiàn)igma 原生也支持iOS 26 的液態(tài)玻璃（Liquid glass）效果。設(shè)計(jì)師可在 Figma 中直接應(yīng)用該效果。用戶可以靈活在工具欄中調(diào)節(jié)材質(zhì)和效果。
https://x.com/i/status/1945513823949222239
6.Figma Make AI 功能正式上線，面向所有用戶開放
設(shè)計(jì)平臺(tái) Figma 正式向所有用戶開放其 AI 工具 Figma Make。用戶只需輸入需求，即可自動(dòng)生成網(wǎng)頁原型、交互邏輯甚至基礎(chǔ)應(yīng)用框架。此前僅限付費(fèi)用戶使用的功能，現(xiàn)已全面開放。
網(wǎng)址：https://www.figma.com/make/
▲圖片來自：Figma官網(wǎng)
▲圖片來自：Figma官網(wǎng)
▲圖片來自：Figma官網(wǎng)
顛覆傳統(tǒng)設(shè)計(jì)流程的三大核心能力
1. 文字驅(qū)動(dòng)創(chuàng)作
無需編寫 CSS 代碼，輸入指令如“創(chuàng)建帶郵箱/密碼字段的登錄頁”，AI 即刻生成高保真界面及可點(diǎn)擊交互元素。設(shè)計(jì)構(gòu)想從概念到屏幕呈現(xiàn)的鏈路被大幅壓縮，省去重復(fù)搭建畫布的時(shí)間成本。
▲圖片來自：Figma官網(wǎng)
▲圖片來自：Figma官網(wǎng)
2. 視覺素材智能轉(zhuǎn)化
支持上傳 Logo、插畫或照片，AI 自動(dòng)解析視覺風(fēng)格與布局結(jié)構(gòu)，將其轉(zhuǎn)化為可復(fù)用組件或頁面背景。該功能打通“視覺稿→可交互原型”的轉(zhuǎn)化路徑，尤其適用于品牌宣傳與內(nèi)容營銷場景。
▲圖片來自：Figma官網(wǎng)
3. 現(xiàn)有設(shè)計(jì)深度增強(qiáng)
將 Figma 設(shè)計(jì)文件中的 Frame 直接導(dǎo)入 Make，AI 會(huì)智能補(bǔ)全交互邏輯與布局細(xì)節(jié)。在保留原始設(shè)計(jì)的基礎(chǔ)上，快速實(shí)現(xiàn)原型功能升級(jí)，顯著提升產(chǎn)出效率。
進(jìn)階能力：從設(shè)計(jì)到上線的閉環(huán)
4.實(shí)時(shí)發(fā)布可訪問應(yīng)用
生成的原型并非靜態(tài)稿，可一鍵發(fā)布為真實(shí)可訪問的 Web 應(yīng)用。用戶可通過 Figma Make 預(yù)覽頁面，或部署至自定義域名。
5.集成 Supabase 后端服務(wù)
內(nèi)置用戶認(rèn)證、數(shù)據(jù)庫等后端能力，結(jié)合自定義域名功能，實(shí)現(xiàn)“設(shè)計(jì)-開發(fā)-部署”全流程貫通。
6.對(duì)話式實(shí)時(shí)微調(diào)
選中特定元素（如按鈕）后，通過自然語言指令調(diào)整細(xì)節(jié)：“添加紫色漸變效果”“增加懸停動(dòng)效”。AI 即時(shí)響應(yīng)修改需求，使原型優(yōu)化更精準(zhǔn)高效。
工具價(jià)值與適用場景
Figma Make 重新定義了設(shè)計(jì)生產(chǎn)力：通過融合文字指令、視覺識(shí)別與智能增強(qiáng)，將靜態(tài)設(shè)計(jì)轉(zhuǎn)化為可運(yùn)行原型，并直接對(duì)接發(fā)布流程。
其價(jià)值在于：
a.消除設(shè)計(jì)師與開發(fā)者之間的協(xié)作斷層
b.釋放創(chuàng)意人員對(duì)技術(shù)實(shí)現(xiàn)的依賴
c.加速從概念到可體驗(yàn)產(chǎn)品的轉(zhuǎn)化周期
適用群體：產(chǎn)品經(jīng)理、UI/UX 設(shè)計(jì)師、初創(chuàng)團(tuán)隊(duì)及任何需要快速驗(yàn)證想法的創(chuàng)作者。建議即刻體驗(yàn)，搶占AI驅(qū)動(dòng)的產(chǎn)品開發(fā)效率先機(jī)。
7.騰訊開源混元模型 1.0，一鍵生成可漫游的 3D 虛擬場景
在2024世界人工智能大會(huì)上，騰訊正式發(fā)布并開源 混元3D世界模型1.0（HunyuanWorld 1.0）。該模型支持通過文本或單張圖片輸入，一鍵生成具備360°自由漫游能力的3D虛擬場景，生成內(nèi)容可導(dǎo)出編輯。其創(chuàng)新性語義分層算法兼容Unity等主流開發(fā)工具，實(shí)測性能超越全球開源對(duì)標(biāo)模型，將推動(dòng)游戲開發(fā)、VR應(yīng)用及數(shù)字創(chuàng)作領(lǐng)域的技術(shù)革新。
網(wǎng)址：https://3d.hunyuan.tencent.com/sceneTo3D
效果展示unsetunset
一些HunyuanWorld 1.0生成的360°沉浸式、可探索3D世界：
▲圖片來自：混元官網(wǎng)
▲圖片來自：混元官網(wǎng)
技術(shù)突破：解決三維生成核心痛點(diǎn)
1.當(dāng)前3D世界生成技術(shù)存在兩大局限：
視頻驅(qū)動(dòng)方案：場景多樣性豐富但缺乏三維一致性，渲染效率低下
幾何驅(qū)動(dòng)方案：結(jié)構(gòu)穩(wěn)定性強(qiáng)卻受限于訓(xùn)練數(shù)據(jù)匱乏與內(nèi)存效率瓶頸
2.HunyuanWorld 1.0通過融合雙方優(yōu)勢實(shí)現(xiàn)突破性創(chuàng)新：
全景世界代理技術(shù)：以360°全景圖為媒介構(gòu)建沉浸式空間
網(wǎng)格化資產(chǎn)輸出：生成標(biāo)準(zhǔn)3D網(wǎng)格模型，無縫對(duì)接圖形管線
解耦式物體表征：增強(qiáng)場景元素的可交互性與編輯自由度
8. Luma AI 新增指令修改，視頻編輯流程更快捷
Luma AI 近日為其視頻生成平臺(tái) Dream Machine 上線自然語言指令編輯功能。用戶通過輸入文本指令（如“調(diào)整黃昏色調(diào)”“替換背景建筑”），即可動(dòng)態(tài)修改視頻中的色彩、場景元素及視覺特效，編輯效率提升顯著。該功能將大幅優(yōu)化視覺特效師、動(dòng)態(tài)設(shè)計(jì)師等創(chuàng)意工作者的工作流。網(wǎng)址：https://lumalabs.ai/
▲圖片來自：luma ai官網(wǎng)
▲圖片來自：luma ai官網(wǎng)
▲視頻來自：luma ai官網(wǎng)
▲圖片來自：luma ai官網(wǎng)
▲圖片來自：luma ai官網(wǎng)
核心能力與技術(shù)進(jìn)展
1. 語言驅(qū)動(dòng)實(shí)時(shí)編輯
支持顏色分級(jí)、物體替換、場景重構(gòu)等高頻需求
修改指令即時(shí)響應(yīng)，避免傳統(tǒng)逐幀操作
2. 持續(xù)迭代的路線圖
正解除當(dāng)前僅限首幀修改的限制
即將推出全時(shí)間軸的幀級(jí)精確控制功能此次升級(jí)標(biāo)志著AI視頻編輯從生成向智能精修進(jìn)化，通過降低專業(yè)技術(shù)門檻釋放創(chuàng)意潛能。影視后期、廣告創(chuàng)意及短視頻創(chuàng)作領(lǐng)域?qū)⒙氏仁芤妗?/strong>
轉(zhuǎn)自：騰訊ISUX
一直以來復(fù)雜的工業(yè)頁面或者dashboard，都會(huì)采用比較簡潔的UI效果，很少會(huì)增加一些質(zhì)感。畢竟這類頁面的設(shè)計(jì)重點(diǎn)是突出信息。但是來自RonDesignLab 的設(shè)計(jì)，給我們打開了新的思路。
其實(shí)毛玻璃本身也是一種突出信息的手法，只是大部分情況下使用來突出氛圍信息。但如果把浮窗也做成毛玻璃的效果，其實(shí)在整體信息分級(jí)上會(huì)有更顯著的效果。
讓我們一起來欣賞一下吧～
All by @RonDesignLab
轉(zhuǎn)載：UX設(shè)計(jì)便利店
單列布局能夠讓對(duì)全局有更好的掌控。同時(shí)用戶也可以一目了然內(nèi)容。而多列而已則會(huì)有分散用戶注意力的風(fēng)險(xiǎn)使你的主旨無法很好表達(dá)。最好的做法是用一個(gè)有邏輯的敘述來引導(dǎo)用戶并且在文末給出你的操作按鈕。
給用戶一份精美小禮品這樣的友好舉動(dòng)再好不過了。具體來講，送出禮品也是之有效的獲得客戶忠誠度的戰(zhàn)術(shù)，這是建立在人們互惠準(zhǔn)則上的。而這樣做所帶來的好處也是顯而易見的，會(huì)讓你在往后的活動(dòng)進(jìn)展（不管是推銷，產(chǎn)品更新還是再次搞活動(dòng)）中更加順利。
在整個(gè)產(chǎn)品開發(fā)期間我們會(huì)有意無意地創(chuàng)建很多模塊，版面或者元素，而它們的功能可能有些是重疊的。此種情況表明界面已經(jīng)過度設(shè)計(jì)了。時(shí)刻警惕這些冗余的功能模塊，它無用且降低了電腦性能。此外，界面上模塊越多，用戶的學(xué)習(xí)成本就越大。所以請考慮重構(gòu)你的界面使它足夠精簡。
在獲得項(xiàng)目機(jī)會(huì)或提高項(xiàng)目轉(zhuǎn)化率時(shí)客戶的好評(píng)是一種極為有效的手段。當(dāng)潛在客戶看到其他人對(duì)你的服務(wù)給予好評(píng)時(shí)，項(xiàng)目機(jī)會(huì)會(huì)大增。所以試著提供一些含金量高的證據(jù)證明這些好評(píng)是真實(shí)可信的。
多次重復(fù)主旨口號(hào)這種方法適用于界面很長或者分頁的情況。首先你肯定不想滿屏刷出相同的信息，這樣會(huì)讓人生厭。但當(dāng)頁面足夠長的時(shí)候這些重復(fù)就顯示自然多了并且也不顯得擁擠。所在在頁面頂部放一個(gè)按鈕然后在頁面底部再適當(dāng)放個(gè)突出的按鈕的做法沒有什么不妥。這樣當(dāng)用戶到達(dá)頁面底部在思考接下來該做什么的時(shí)候，你提供的按鈕就可以獲得一個(gè)潛在的合同或者即使用戶不需要你的服務(wù)這個(gè)按鈕也可以起到過濾的作用。
諸如顏色，層次及模塊間的對(duì)比這些視覺上的設(shè)計(jì)可以很好地幫助用戶使用產(chǎn)品：他時(shí)刻知道當(dāng)前所處的頁面以及可以轉(zhuǎn)到哪些頁面。要傳達(dá)這樣一個(gè)好的界面，你就需要將可點(diǎn)擊的元素（比如連接，按鈕），可選擇的元素（比如單選多選框）以及普通的文字明顯區(qū)分開來。在下圖的例子中，我將點(diǎn)擊操作的元素設(shè)置為藍(lán)色，選中的當(dāng)前元素為黑色。這樣適當(dāng)?shù)脑O(shè)計(jì)可以讓用戶很方面地在產(chǎn)品的各模塊間切換。但千萬不要把這三種元素設(shè)計(jì)得混亂不堪。
當(dāng)展示許多項(xiàng)服務(wù)時(shí)，給出一個(gè)重磅的推薦項(xiàng)是個(gè)不錯(cuò)的做法，盡管推薦的設(shè)置無法滿足所有用戶。這么做是有理論依據(jù)的，一些研究已經(jīng)揭示了這么一種現(xiàn)象：當(dāng)面臨的選擇越多時(shí)，用戶就越難做出決定。所以你可以高亮某個(gè)選項(xiàng)來幫助用戶做出選擇。
假設(shè)你剛點(diǎn)擊了一個(gè)連接或者按鈕，撤銷操作可以讓操作流暢自然，這也符合人類的本能。而每次操作都彈一個(gè)確定框則好像是在質(zhì)問用戶你明白不明白這個(gè)操作會(huì)產(chǎn)生什么后果。我還是更習(xí)慣假設(shè)用戶每次操作都是正確的，其實(shí)只有極少數(shù)情況下才會(huì)發(fā)生誤操作。所以，為了防止誤操作而設(shè)計(jì)的確認(rèn)窗口其實(shí)是不人性化的，用戶每次操作都需要進(jìn)行毫無意義的確定。所以請考慮在你的產(chǎn)品里實(shí)現(xiàn)撤銷操作來增加用戶的操作友好度吧。
你是想把產(chǎn)品做成大眾化的呢還是有精確的適用人群？在產(chǎn)品定位上你需要更精確些。通過不斷了解目標(biāo)客戶的需求及標(biāo)準(zhǔn)，你能把產(chǎn)品做得更好得到更多與客戶交流的機(jī)會(huì)，并且讓客戶覺得你很專業(yè)，在這方面是獨(dú)家提供的優(yōu)質(zhì)服務(wù)。把產(chǎn)品定位得精確的風(fēng)險(xiǎn)就是可能縮小了目標(biāo)潛在客戶的范圍，也使自身變得不那么全能。但這種做得更專業(yè)的精神卻反過來會(huì)贏得信任，權(quán)威。
（貼士：喜歡下圖中可愛的小人物造型么？去了解MicroPersonas吧）
你可以通過不確定而顫抖的聲音來表達(dá)傳遞自己的意思，當(dāng)然也可以通過很自信的方式表達(dá)。如果你在界面中的表述用語多以問號(hào)結(jié)束，比如"也許"，"可能"，"感興趣？" 或者"想要試試么？"，那么你完全還可以把語氣變得更堅(jiān)定一些。不過萬事無絕對(duì)，或許適當(dāng)放松措詞讓用戶有自行思考的余地也是可以的。
把主要功能區(qū)從界面中突出顯示出來效果會(huì)好很多。使你的主要口號(hào)醒目有很多種方法。通過明暗色調(diào)的對(duì)比來突顯。通過為元素添加陰影漸變等效果讓界面富有層次感來張顯主題。最后，你甚至可以在色相環(huán)上專門選擇互補(bǔ)色（比如黃色與紫色）來設(shè)計(jì)你的界面，以達(dá)到突出重心的目的。綜合所有這些，最后得到的界面會(huì)使你的主要意圖與界面其他元素有明顯的區(qū)分，得到完美的呈現(xiàn)。
指明你的地區(qū)，所提供的服務(wù)，產(chǎn)品來自哪里意義重大，同時(shí)也將與客戶的溝通引入了一個(gè)更具體帶有地域特色的場景中。指出具體來自哪里，國家，省分及城市，也是一種在進(jìn)行自我介紹或產(chǎn)品展示時(shí)被常常提及的。當(dāng)你在界面設(shè)計(jì)中實(shí)現(xiàn)這點(diǎn)時(shí)，讓人覺得非常友好。同時(shí)指明區(qū)域也會(huì)隱形提高產(chǎn)品的聲譽(yù)，好上加好。
人生性就懶惰，在填寫表單時(shí)也是同樣的道理，沒人愿意填寫一大堆表單字段。表單中每個(gè)字段都會(huì)有失去用戶的風(fēng)險(xiǎn)。不是每個(gè)人打字都很快速的，并且在移動(dòng)設(shè)備上進(jìn)行輸入更是相當(dāng)麻煩的事情。問下自己表單中是不是每個(gè)字段都必需，然后盡量減少表單中的字段。如果你確實(shí)需要一大堆信息讓用戶填寫，試著將它們分散在不同頁面，在表單提交后還可以繼續(xù)補(bǔ)充。過多字段很容易讓整個(gè)表單顯示臃腫，當(dāng)然想簡潔也很容易，只放少數(shù)字段。
你使用的任何一個(gè)下拉框都會(huì)對(duì)用戶造成信息的隱藏而需要額外的操作才能顯示。如果這些信息是貫穿整個(gè)操作所必需的，那你最好把它展示出來做得更顯而易見一點(diǎn)。下拉框最好用在選擇日期，省份等約定俗成的地方。對(duì)于程序中重要的選項(xiàng)最好還是不要做成下拉形式。
一個(gè)平淡無奇行文無疑會(huì)讓用戶失去興趣而繼續(xù)閱讀。是的，單列滾動(dòng)的長頁面是不錯(cuò)的，但是我們應(yīng)該適當(dāng)?shù)卦O(shè)置一些小節(jié)，并且環(huán)環(huán)相扣，來提高用戶的興趣使其繼續(xù)閱讀。但需要注意的是節(jié)與節(jié)之間的留白不要太大。
為了滿足各式用戶的需求，在頁面上放些鏈接鏈到這里鏈到那里是常見的做法。如果你的主要目的是想讓用戶點(diǎn)擊頁面最后那個(gè)下載按扭什么的話，就需要三思了。因?yàn)橛脩艨赡茳c(diǎn)擊了其他鏈接離開頁面了。所以你需要注意頁面的鏈接數(shù)量，最好將用于導(dǎo)航與用于操作的鏈接用樣式區(qū)分開。盡量移除頁面不需要的鏈接會(huì)讓用戶點(diǎn)擊到你的功能按鈕。
現(xiàn)如今大多界面當(dāng)中已經(jīng)呈現(xiàn)了各色樣式的進(jìn)度條或者標(biāo)明狀態(tài)的圖標(biāo)，比如郵件有已讀或未讀的狀態(tài)，電子帳單有支付或未支付的狀態(tài)。而在界面上呈現(xiàn)這樣的狀態(tài)對(duì)于用戶來說是很有必要的。這樣用戶就可以知道某些操作是否成功，接下來準(zhǔn)備進(jìn)行怎樣的操作。
試想界面上有這樣兩個(gè)按鈕：一個(gè)是"獲取折扣"，另一個(gè)是"立即注冊"。我敢打賭大多數(shù)人會(huì)點(diǎn)擊第一個(gè)，因?yàn)榈诙€(gè)按扭讓人感覺不到有利可圖，并且"注冊"讓人聯(lián)想到填不完的表單。也就是說讓用戶感受到獲利的按鈕更有可能被點(diǎn)擊。這種讓用戶感到好處的文字信息也可放在按鈕旁邊，不一定要做為按鈕的標(biāo)題。當(dāng)然，正常的按鈕還是有用處的，一般用于重復(fù)性操作頻繁的地方。
不用說直接在元素身上進(jìn)行操作是更直觀明了的方式。比如在一個(gè)列表中，我們想讓用戶對(duì)每個(gè)條目進(jìn)行操作那么就把按鈕放到當(dāng)前條目上，而不要把放到列表之外。再比如就是直接點(diǎn)擊元素就進(jìn)入編輯狀態(tài)（比如頁面上的地址信息點(diǎn)擊后可以進(jìn)行編輯）。這種方式比傳統(tǒng)的選中再點(diǎn)擊相應(yīng)的按鈕進(jìn)行操作要簡潔省事得多。當(dāng)然，對(duì)于一般性的操作本身就不需要有什么上下文的，就沒必要這么做了，比如頁面上的前進(jìn)，后退按扭。
在一個(gè)足夠大的寬屏界面上最好還是直接給出表單，這比點(diǎn)擊按鈕再彈出表單要好很多。首先減少了點(diǎn)擊操作，流程變得簡潔也節(jié)省了時(shí)間。其次，直接呈現(xiàn)出表單可以讓用戶知道表單有多長，其實(shí)也是在告訴用戶注冊花不了多少時(shí)間。當(dāng)然，這條規(guī)則適合注冊表單非常簡單的情況。
轉(zhuǎn)載：微信公眾號(hào)UI設(shè)計(jì)
在 UI 設(shè)計(jì)中，button 有多種設(shè)計(jì)形式。組合形式可以多種多樣，比如純文字button、圖標(biāo)+文字button、圖標(biāo)button、幽靈框button等等。在各種設(shè)計(jì)規(guī)范里都可以獲得一個(gè)比較完整的全集。
作者 Lisa Cosme
作者 Pixsellz
除了組合形式，最能讓button設(shè)計(jì)出彩的還是材質(zhì)和風(fēng)格。扁平風(fēng)格簡潔明了，以純色或簡潔的圖標(biāo)為主，適合現(xiàn)代簡約的界面。擬物風(fēng)格則模擬現(xiàn)實(shí)中的按鈕，具有立體感和真實(shí)質(zhì)感，能增加用戶的熟悉感。幽靈按鈕以透明或弱輪廓呈現(xiàn)，簡潔而不突兀，與背景融合較好。還有帶有動(dòng)態(tài)效果的按鈕，如點(diǎn)擊時(shí)的變色、縮放等，增強(qiáng)交互性。此外，異形按鈕可根據(jù)特定主題設(shè)計(jì)獨(dú)特形狀，為界面增添個(gè)性與創(chuàng)意。
下面來看一些好看的button設(shè)計(jì)。
作者 Aaron Iker
作者 Aaron Iker
作者Aaron Iker
作者Buzuk
作者 Gleb Kuznetsov
作者 Max Rudberg
你最常用和最喜歡的button，都是樣的呢？
轉(zhuǎn)載：UX設(shè)計(jì)便利店
我們常以“ 心有靈犀 ”來形容與合作伙伴的默契配合，若我們的產(chǎn)品能與用戶達(dá)到同樣的默契，將極大地提升用戶在任務(wù)旅程中的流暢體驗(yàn)。
在B端體驗(yàn)設(shè)計(jì)領(lǐng)域，我們深知用戶對(duì)我們產(chǎn)品的期待──快速完成任務(wù)、即用即走。
然而，隨著業(yè)務(wù)需求和產(chǎn)品功能的不斷擴(kuò)展，流程復(fù)雜化、功能冗余、信息過載和引導(dǎo)不足等問題逐漸浮現(xiàn)，這不僅增加了新用戶的學(xué)習(xí)成本，也使得老用戶喪失了使用產(chǎn)品時(shí)的專注和效率。
在業(yè)務(wù)改版時(shí)，我們的體驗(yàn)設(shè)計(jì)師了解到舊版頁面信息錄入成本過高的問題，于是提出了數(shù)字鍵盤錄入數(shù)據(jù)的方案「用戶在原本手動(dòng)錄入數(shù)據(jù)的基礎(chǔ)上，增加選擇錄入數(shù)據(jù)的能力，以此降低用戶錄入數(shù)據(jù)的操作負(fù)擔(dān)」。
鼠標(biāo)懸浮時(shí)，它就像一個(gè)傳送門一樣將用戶需要切換的應(yīng)用呈現(xiàn)在浮層卡片上，用戶點(diǎn)擊所需的應(yīng)用即可完成應(yīng)用的切換。
比如，在消息通知面板交互上我們也采用了【浮層卡片】的交互模式，用戶既可以點(diǎn)擊去查看全部消息也可通過鼠標(biāo)懸浮快捷喚出【浮層卡片】查看最新消息。
在表格頁面通過使用【浮層卡片】查看狀態(tài)、附件等信息，用戶可以不用進(jìn)入詳情頁快速獲取信息，用戶掌握好這些小貼士可以有效提高工作效率。
經(jīng)過多場景的實(shí)踐，我們團(tuán)隊(duì)已將浮層卡片精煉為一種有效縮短用戶使用流程的交互模式，顯著提升了用戶操作效率。也被我們拓展到更多場景，以實(shí)現(xiàn)在更廣泛的應(yīng)用維度上為用戶提效。
我們最初使用了數(shù)據(jù)可視化的看板來呈現(xiàn)各階段下不同狀態(tài)的概覽信息，但這只解決了數(shù)據(jù)概覽的問題，用戶還是需要點(diǎn)擊“詳情”才能跳轉(zhuǎn)至相應(yīng)的頁面。
體驗(yàn)設(shè)計(jì)師在一些項(xiàng)目中嘗試了將數(shù)據(jù)可視化看板與Tab標(biāo)簽頁的融合，這就形成了具有Tab切換功能的數(shù)據(jù)看板，用戶在查看概覽數(shù)據(jù)的同時(shí)也可以通過點(diǎn)擊切換查看各階段/狀態(tài)下的詳細(xì)數(shù)據(jù)。
在經(jīng)過用戶反饋和不同業(yè)務(wù)場景下的適配后，我們又針對(duì)小屏增加了折疊功能、折疊后狀態(tài)數(shù)據(jù)隱藏、寬度不夠時(shí)狀態(tài)數(shù)據(jù)隱藏等優(yōu)化。
以上數(shù)據(jù)看板與tab頁簽融合的方案，一方面解決了數(shù)據(jù)可視化的問題，另一方面也解決了切換查看詳情數(shù)據(jù)的繁瑣操作。在明確了以上組件的價(jià)值點(diǎn)后，將其進(jìn)行延展并應(yīng)用到了一些具有共性的使用場景中。
(2) 樹形連接線新范式，數(shù)據(jù)關(guān)系呈現(xiàn)簡單明了
針對(duì)這樣的復(fù)雜多維使用場景，我們在設(shè)計(jì)時(shí)借鑒了樹形連接線來解決需求與開發(fā)分支的復(fù)雜關(guān)聯(lián)關(guān)系，通過樹形連接線將需求與開發(fā)分支進(jìn)行串聯(lián)，讓復(fù)雜的關(guān)聯(lián)關(guān)系一目了然。
在解決了復(fù)雜的關(guān)聯(lián)的同時(shí)，在連接線上增加了「新增」及在表格操作列增加了「操作列」的操作來解決編輯等擴(kuò)展問題。
樹形連接線作為一種解決數(shù)據(jù)可視化的手段有效解決了業(yè)務(wù)中的難點(diǎn)，同樣設(shè)計(jì)團(tuán)隊(duì)也將其拓展到了更多適用場景，幫助用戶提升信息查看和操作效率。
在處理嵌套表格時(shí)，樹形連接線的使用極大增強(qiáng)了單元格與嵌套層之間的視覺關(guān)聯(lián)。
在OKR系統(tǒng)中，樹形連接線的應(yīng)用使目標(biāo)和任務(wù)之間的從屬關(guān)系更加明晰。此外，還為卡片在折疊狀態(tài)下提供了展開后可查看更多信息的視覺引導(dǎo)。
以上幾個(gè)是我們通過洞察用戶訴求，依靠設(shè)計(jì)手段改善用戶體驗(yàn)的典型案例。
想要持續(xù)而又高效的提升產(chǎn)品的用戶體驗(yàn)，僅憑零星的創(chuàng)意是不夠的，還需制定一套有效的設(shè)計(jì)策略，這套策略旨在培養(yǎng)設(shè)計(jì)團(tuán)隊(duì)成員的創(chuàng)新意識(shí)和體驗(yàn)思維能力，使設(shè)計(jì)團(tuán)隊(duì)能夠持續(xù)產(chǎn)出高質(zhì)量的用戶體驗(yàn)解決方案。
(2) 鼓勵(lì)嘗試更多可能
什么是好設(shè)計(jì)？這個(gè)問題大概是一千個(gè)人有一千個(gè)哈姆雷特了，不過作為一門學(xué)問，有心人會(huì)將它歸納起來，今天分享的這篇文章，是由一位有心的設(shè)計(jì)師總結(jié)而成的，聊聊他對(duì)好設(shè)計(jì)的14個(gè)維度分析，童鞋們可以學(xué)習(xí)一下呦。
1. 品味和能力
一個(gè)設(shè)計(jì)者最需要的就是好的品味（Taste）。當(dāng)我們說一個(gè)人品味好的時(shí)候，常是指這個(gè)人的”審美”好，或者這個(gè)人善于發(fā)現(xiàn)”美”。但是一個(gè)人有好的品味，往往不是因?yàn)樗朴诎l(fā)現(xiàn)“美”，而是因?yàn)樗朴谧R(shí)別“丑”。當(dāng)一個(gè)人識(shí)別出丑陋的事物，并且對(duì)這種丑無法忍受的時(shí)候，他自然就會(huì)選擇那些美的東西。因此，好的品味不僅和”美”有關(guān)，更和”丑”有關(guān)。這里說的”美”和”丑”，不只是表面上的好看或者不好看，它包括產(chǎn)品的美丑，技術(shù)的美丑，制度的美丑，和人性的美丑。對(duì)于剛開始從事創(chuàng)作職業(yè)的人，尤其是做設(shè)計(jì)的，品味和能力可能會(huì)有一定的距離。在你在職業(yè)生涯剛開始的幾年里，你的品味會(huì)比你的才能超前幾步。你的作品可能暫時(shí)沒有滿足你的品味，不要因此放棄，因?yàn)槟芰?huì)慢慢的趕上。而且最終，你的品味會(huì)決定你的風(fēng)格（Style）。
美國最火的廣播節(jié)目”This American Life”的Ira Glass通過一個(gè)視頻告訴我們他的經(jīng)驗(yàn)，他說，在剛開始幾年里，你的作品可能并不如你希望的那么好，你試圖做好，但是能力并沒有達(dá)到。但是記住品味是你的一切，如果你的品味足夠好，那你就能意識(shí)到你做的東西是很蹩腳的，是不夠滿意的。很多人沒有度過那個(gè)階段就中途退出了，但是我見過的所有優(yōu)秀的創(chuàng)作者，都曾有過這樣的階段，在這個(gè)階段中，他們有很好的品味，他們知道他們所做的并不讓自己滿意，但最終都度過了這個(gè)階段。因此每個(gè)人都有過這樣的階段，如果你正處在這樣的階段，你需要知道這是正常的。你所唯一能做的而且最重要的就是，做很多很多的事，每個(gè)月每周都做出新的東西，只有通過大量的實(shí)際操作，你才能跟上你的品味，才能夠彌補(bǔ)品味和能力之間的間隙。你的品味幫你辨別出你想做的和你會(huì)做的之間的距離。
一個(gè)人的品味由多個(gè)因素共同塑造，最直接的是一個(gè)人成長環(huán)境的文化，中國的文化是什么也許透過frog Design的創(chuàng)意總監(jiān)Jan Chipchase的這幾張圖你就能看出一些，財(cái)富和貧困的差異，西方文化和傳統(tǒng)文化的差異，夢想與現(xiàn)實(shí)的差異
在這樣差異巨大的多元文化下成長起來的人，對(duì)差異化會(huì)比較包容，品味自然也就比較寬松，可以說中國人適應(yīng)能力強(qiáng)，好的壞的都能將就，喝的了毒牛奶，吃的了地溝油。也可以說中國人有中庸的思想，做事情一定跟大部分人一樣，不愿意與眾不同，搶打出頭鳥。還可以說中國人喜歡辯證的看問題，任意拿兩樣?xùn)|西去讓他做個(gè)比較，答案常常是”這個(gè)也可以，那個(gè)也不錯(cuò)，各有各的好”。中國人差異化的成長環(huán)境，決定了中國人必須對(duì)丑的事物擁有極大的容忍度，否則就混不下去。在中國表達(dá)對(duì)丑不滿的人常常會(huì)被排擠，被攻擊，甚至遭受生命危險(xiǎn)，因此大部分人都不由自主的接受我們周圍的世界，而能夠發(fā)出批判聲音的人為數(shù)不多。有意思的是，公眾本身不覺得那么有些東西很丑陋，被有的人一提醒，才意識(shí)到原來那的確是丑的。從毒牛奶地溝油到現(xiàn)在的毒膠囊，本質(zhì)上說都是有人對(duì)一些丑惡的做法視而不見的結(jié)果。中國需要更多這樣”對(duì)丑無法容忍”的人，需要一個(gè)對(duì)”丑”重新認(rèn)識(shí)的啟蒙，通過揭露丑而發(fā)現(xiàn)美。
Hi-iD 曾有一片文章講“美的感知力”，很贊同其中關(guān)于Taste的看法。Taste翻譯過來是”品味”，可品味通常是圍繞著格調(diào)上的詞語，比如我們會(huì)說某某人著裝很有品味，某某人對(duì)美食很有品位，如果我們只是把品味當(dāng)做類似著裝或美食概念上的品味的話，未免有點(diǎn)將其概念狹隘化了。Steve Jobs的衣服千古不變，如果按照大眾對(duì)品位的理解，Steve Jobs的品味就差到了極點(diǎn)。因此Taste是一種能力，而不是格調(diào)。我們不去糾結(jié)于詞語上的不同，就其概念來說，絕對(duì)不僅僅是穿著時(shí)尚，或者緊跟潮流那么簡單。Taste是一種”美的感知力”，是一種力量，這種力量一定是每個(gè)人都有，否則就不會(huì)有大眾都欣賞的美。既然每個(gè)人都有這種美的感知力，那么是什么讓Steve Jobs的Taste與公眾的Taste不同呢？僅僅是因?yàn)槊總€(gè)人的對(duì)美的感知力大小不同決定的嗎？個(gè)人認(rèn)為正好相反，Steve Jobs的品味于眾人不同的原因在于他對(duì)丑的容忍度極底。幾乎是“對(duì)丑陋的零容忍”。這種近乎嚴(yán)苛的要求一直影響著他的一生
Steve Jobs剛剛搬新家的時(shí)候，家里沒有家具，因?yàn)樗冀K找不到自己滿意的家具。他就是這種寧缺毋濫的人。有一張照片，他在家里盤腿坐在地板上，家里只有一盞Tiffany的大落地?zé)簟＿@張照片后來成為了經(jīng)典。
因此”對(duì)丑的不容忍”是解釋一些人Taste的不同于其他人的最好的方法，也是解釋了中國為什么一直出不了像Steve Jobs這樣的人，因?yàn)橹袊總€(gè)人從小到大見過太多丑的東西，對(duì)丑的容忍度很高。不信？欣賞一下這些優(yōu)秀建筑吧。
我們從小到達(dá)都會(huì)認(rèn)為，”美”的概念是主觀的，一個(gè)東西美不美，常常由個(gè)人喜好決定。某個(gè)人喜歡一件東西，會(huì)有很多原因，有可能是他的母親也擁有同樣的東西，或者某個(gè)明星也在用它，或者是有一些特殊的記憶在里面。
人的思想就是沒有經(jīng)過整理的碎片的混合物，所有小孩子從被無數(shù)遍的教導(dǎo)，”美”是一種偏好，是每個(gè)人自己的事。這樣的說法可以有效的解釋不同人有不同的觀點(diǎn)并且杜絕無謂的爭辯。但這種說法是錯(cuò)誤的。只要你設(shè)計(jì)過東西，你就會(huì)明白。
如果你是一個(gè)設(shè)計(jì)者，如果你承認(rèn)美是主觀的，那你沒法做設(shè)計(jì)了，如果美只是個(gè)人偏好，那為什么還有設(shè)計(jì)呢，每個(gè)人喜歡自己偏好的東西就好了。
有經(jīng)驗(yàn)的設(shè)計(jì)者會(huì)發(fā)現(xiàn)隨著經(jīng)驗(yàn)的積累自己對(duì)”美”的認(rèn)知是在變化的，他會(huì)發(fā)現(xiàn)有些美是被人們共同認(rèn)可的美，找出這些被公認(rèn)的美之間的共性，就成為他的主要工作方法。中學(xué)的課堂里馬克思教我們辯證的看問題，任何事情都是相對(duì)的，包括真理。即使我們已經(jīng)長大了，這種觀念仍然會(huì)留在我們的潛意識(shí)里。但是只要你開始思考，你就會(huì)發(fā)現(xiàn)，眾多領(lǐng)域?qū)?rdquo;美”的認(rèn)識(shí)有驚人的相似之處。
Dieter Rams的設(shè)計(jì)原則
既然有公認(rèn)的”美”，那么自然會(huì)有一些創(chuàng)造這些美的通用方法。德國工業(yè)設(shè)計(jì)師Dieter Rams總結(jié)過如下”好設(shè)計(jì)”的十大原則
好設(shè)計(jì)是有創(chuàng)意的（innovative）
好設(shè)計(jì)讓產(chǎn)品可用（makes product useful）
好設(shè)計(jì)是美的（aesthetic）
好設(shè)計(jì)讓產(chǎn)品易被理解（be understood）
好設(shè)計(jì)是不唐突的（unobtrusive）
好設(shè)計(jì)是誠實(shí)的（honest）
好設(shè)計(jì)是不過時(shí)的（durable,timeless）
好設(shè)計(jì)貫穿到每一個(gè)細(xì)節(jié)（thorough to the last detail）
好設(shè)計(jì)關(guān)心環(huán)境因素（concerned with environment）
好設(shè)計(jì)是盡可能的無設(shè)計(jì)（as little design as possible）
Dieter Rams所說的設(shè)計(jì)是工業(yè)設(shè)計(jì)的范疇，工業(yè)設(shè)計(jì)是塑造可操控產(chǎn)品的藝術(shù)。設(shè)計(jì)對(duì)象包括人們要的用各種實(shí)體，從餐具到椅子，從電話到汽車。在這里不討論工業(yè)設(shè)計(jì)和其他領(lǐng)域的區(qū)別，也不去逐一探討Dieter Rams的設(shè)計(jì)原則，僅僅挑出幾個(gè)有意思的分享。
這句話換個(gè)說法就是”好的設(shè)計(jì)是簡潔的”，這個(gè)觀點(diǎn)聽過無數(shù)遍，不論從數(shù)學(xué)領(lǐng)域，建筑領(lǐng)域，繪畫領(lǐng)域，你都會(huì)聽到這種說法。在數(shù)學(xué)里，越簡短的證明公式就越好。對(duì)于建筑師來說它意味著精心打造的結(jié)構(gòu)，而不是表面的裝飾。同樣，在寫作中，這種觀點(diǎn)意味著只說必要的話，并且盡量簡短。
建筑領(lǐng)域中 密斯•凡德羅 采納了包豪斯建筑學(xué)派的風(fēng)格，繼承了包豪斯的創(chuàng)始人 格羅皮烏斯 的現(xiàn)代主義建筑的觀念，并且將種觀念帶入美國，提出”少即是多(Less is more)”的建筑哲學(xué)，開創(chuàng)了現(xiàn)代主義建筑的時(shí)代。當(dāng)現(xiàn)代建筑想要拋棄建筑中的裝飾的時(shí)，他們不自覺的的還是會(huì)設(shè)計(jì)帶有裝飾性的建筑，只有”空間(space)”和”關(guān)連(Ariticulation)”的概念代替了”象征主義(symbolism)”和”修飾(ornament)”成為建筑的關(guān)鍵詞時(shí)，好的建筑才出現(xiàn)，John Ruskin曾說過”建筑是結(jié)構(gòu)的裝飾”，但現(xiàn)在可以說，裝飾建造可以，但是不要建造裝飾
The Farnsworth House by Mies Van der Rohe
其實(shí)簡單就是事物本來的樣子。不斷強(qiáng)調(diào)簡單，是因?yàn)楫?dāng)人從事設(shè)計(jì)工作的時(shí)候，常會(huì)忘掉這個(gè)原則。比如網(wǎng)頁設(shè)計(jì)里，一些人總是想要把空白的地方填滿，生怕頁面空空淡淡，那樣是極傻的。設(shè)計(jì)中的裝飾只是一些花樣而已，只是些小把戲(Trick)，表面的裝飾背后隱含著的其實(shí)是內(nèi)容的空虛。當(dāng)你強(qiáng)迫自己把東西做的很簡單的時(shí)候，你就被迫直面真正的問題。當(dāng)你不能用一些花樣和裝飾掩蓋的時(shí)候，你就不得不做好那些真正本質(zhì)部分
從數(shù)學(xué)角度思考，只要沒有錯(cuò)誤，每一個(gè)數(shù)學(xué)證明都是永恒的。所以數(shù)學(xué)家哈代會(huì)說：”丑陋的數(shù)學(xué)是在這個(gè)世界上是無法存在的”。以永不過時(shí)作為目標(biāo)是幫助自己找到最佳答案的最好方法，如果你不想讓你的產(chǎn)品被別人所取代，那你就只好做出那個(gè)最佳的產(chǎn)品。這也是為什么一些大師的作品在任何時(shí)代都很有吸引力的原因了。
同樣，把永恒作為目標(biāo)也是一個(gè)避開流行趨勢影響的方法。”流行(Trend)”會(huì)隨著時(shí)間改變，它和”潮流”，”時(shí)尚”一樣，每年，每個(gè)季度，甚至每天都不一樣。但是如果你要設(shè)計(jì)出杰出的產(chǎn)品，你應(yīng)該避開流行的掌控。拿三星和蘋果做比較，三星的是典型的追求流行的公司，它的文化是緊跟用戶的需求，用戶要什么他們就做什么。而蘋果的文化是要做出杰出產(chǎn)品，他們不是那種對(duì)用戶言聽計(jì)從的人，他們不關(guān)心當(dāng)下流行什么，只關(guān)心如何找到那正確的答案。同樣，如果看國內(nèi)的創(chuàng)業(yè)熱潮，很多idea是追求當(dāng)下流行，常常照搬美國的最流行的東西或者概念，互聯(lián)網(wǎng)概念一出一大堆，一會(huì)兒LBS,一會(huì)兒SOLOMO，一會(huì)兒Cloud Computing，一會(huì)兒Pinterest等等，媒體把概念炒的風(fēng)風(fēng)火火，不但沒有幫到創(chuàng)業(yè)者什么忙，反而誤導(dǎo)了很多人，以為找一個(gè)很火的概念就一定能做好，就一定能有人用。結(jié)果并不是這樣，不論之前團(tuán)購的火熱，或者社交游戲”Draw Something”的火熱，它們都是一個(gè)流行的產(chǎn)物，隨著時(shí)間的推移，它們會(huì)慢慢淡入我們的視線。反之如果一個(gè)東西能夠長盛不衰，那說明它的吸引力一定來自于本身的魅力，而不是流行因素的影響
既然好的設(shè)計(jì)是不受時(shí)間影響的，那么如何判斷你的做的東西是否受時(shí)間影響呢？方法之一就是讓你的作品對(duì)上幾代人有吸引力。因?yàn)槲覀兒茈y猜測未來是什么樣子，但是可以肯定的是，未來的人不會(huì)關(guān)心當(dāng)今的流行趨勢，這一點(diǎn)和上幾代人相同，上幾代人也不會(huì)關(guān)心當(dāng)下的流行趨勢。所以，如果你的作品對(duì)今天的人們以及200年前的人都有吸引力的話，那么它很有可能對(duì)未來200年后的人還有吸引力。
好的設(shè)計(jì)可以讓產(chǎn)品更容易被理解，許多設(shè)計(jì)者設(shè)計(jì)了半天，做的很辛苦，但是如果他解決的是錯(cuò)的問題，一切都白費(fèi)。舉個(gè)例子，20世紀(jì)中期伴隨著包豪斯的影響，現(xiàn)代主義誕生后，出現(xiàn)了一股無襯線（San-Serif)字體的熱潮，浪潮發(fā)展到最后，甚至現(xiàn)在所有的設(shè)計(jì)師在任何地方都在用Helvatica了，因?yàn)槎贾肋@個(gè)字體是簡潔的。的確這類字體是更加的純粹化的字體，看起來的確很簡潔，但是在字體中它并不是是你要解決主要問題，字體設(shè)計(jì)最為重要的目的是易于辨認(rèn)，也就是讓內(nèi)容變的易讀(readable)。傳統(tǒng)的Times New Roman 字體是一種有襯線(serif)字體，他很容易分辨。還有很多很好的serif字體，例如Garamond，Baskerville，Carlson，Egyptienne等等。優(yōu)秀的產(chǎn)品需要貫穿到每一個(gè)細(xì)節(jié)，就連小小的字體的選擇都要做大量的研究和對(duì)比。閱讀工具prismatic的設(shè)計(jì)者為了選擇一款合適的字體，對(duì)其各個(gè)字體的歷史，發(fā)展和優(yōu)缺點(diǎn)做了極其精致的分析：
Garamond是法國傳統(tǒng)風(fēng)格，始于1530年，它對(duì)比劃的幾何比例和平衡有著超前思考，其中的字體粗細(xì)交錯(cuò)帶來了動(dòng)態(tài)的平衡和易辯性。
Egyptienne 是基于Carendon模式的一種變形，它和現(xiàn)代的sans-serifs字體搭配起來非常合適。
serif字體本身的線條的粗細(xì)變化和平衡就跟中國書法一樣，好的書法作品是不可能每條線都一樣粗細(xì)，一定是交織的平衡。人類的視覺本身對(duì)不同線寬的交錯(cuò)就有著美的感覺。比如下圖最左邊是蒙德里安在”新造形主義”﹝Neo-Plasticism﹞里的作品，其中每個(gè)交叉的線條都有著不同的粗細(xì)。如果將同樣這幅畫的線條變成同等粗細(xì)，那這件作品的性格就淡了。同樣根據(jù)人自然的審美觀，細(xì)線條比粗線條要美，比較第二和第三張就能看出來
San-Serif字體并不是完全壞的，它可以作為很好的文章標(biāo)題，但是讓人傷心的是大多數(shù)設(shè)計(jì)師也許只知道Helvatica，好的san-serif字體有很多，比如Akzidenz-Grotesk，Univers
Akzidenz-Grotesk 起于1896年，受到很多字體的影響，從Baskerville, Garamond和Carlson中繼承了幾何比例的影響，將其發(fā)展到了新的一級(jí)。當(dāng)代的Akzidenz-Grotesk字體遺傳于20世紀(jì)50年代后期，它已經(jīng)是被擴(kuò)大后的字體族，這些風(fēng)格到后來啟發(fā)了更加現(xiàn)代的Helvetica，和Univers。
字體的設(shè)計(jì)最初是由印刷術(shù)帶動(dòng)的，歐洲人當(dāng)時(shí)聲稱印刷術(shù)是德國人在1450年首次發(fā)明的，但是他們當(dāng)時(shí)不知道，中國早在1040年就發(fā)明了活字印刷術(shù)，雖然現(xiàn)在中國先進(jìn)存留的印刷物最早的已經(jīng)是13世紀(jì)的，但是關(guān)于畢升的發(fā)明活字印刷的事跡是早已記載在11世紀(jì)北宋時(shí)期沈括的”夢溪筆談”中了。中國的字體一直是一門書法藝術(shù)了，其影響擴(kuò)展到整個(gè)東亞，但是如今寫的簡體字的我們，幾乎連欣賞書法的能力都快沒有了，前人在字體發(fā)展上的積累并沒有很好繼承下去，直到現(xiàn)在，中文在電腦上的字體只有那么幾個(gè)，相對(duì)其他語言，差的太多。這樣寶貴的傳統(tǒng)文化的丟失，讓人十分感嘆。
一個(gè)誠實(shí)的設(shè)計(jì)產(chǎn)品絕不能聲稱它并沒有的功能，絕不能吹噓。對(duì)于很多人來說，”設(shè)計(jì)”和”誠實(shí)”是兩個(gè)很難放在一起的詞，但是誠實(shí)對(duì)于設(shè)計(jì)來說太重要了，拿我們都相信的數(shù)據(jù)圖表來說，如果你覺得，一個(gè)數(shù)據(jù)或者一個(gè)圖表是最力的證據(jù)，是無可爭辯的，那你就錯(cuò)了，圖表也可以撒謊。信息設(shè)計(jì)和數(shù)據(jù)可視化之父 Edward Tufte 在他的書“The Visual Display of Quantitative Information” 中說，當(dāng)電視里的產(chǎn)品或者圖表說謊的時(shí)候，這個(gè)謊言就會(huì)被擴(kuò)大千萬倍。如果紐約時(shí)報(bào)的報(bào)道插入了說謊的圖表，那么這個(gè)謊言就被擴(kuò)大了幾百萬倍。書中有這么一個(gè)圖,圖中表示施行限速前后交通死亡數(shù)量的變化。
下面這個(gè)圖幾乎不能說明任何問題
加上幾個(gè)數(shù)據(jù)點(diǎn)，這個(gè)圖表達(dá)的就有了不同的解釋
我們可以試想第一幅圖的其他可能解釋。
如果再加上其他地區(qū)的數(shù)據(jù)，那表現(xiàn)的又多了一層意義。
因此，同樣的圖表，可以表達(dá)很多意思，如何找到最好的表達(dá)方式是設(shè)計(jì)者需要認(rèn)真思考的。
Paul Graham的設(shè)計(jì)原則
Y Combinator的創(chuàng)始人Paul Graham在他的文章”Taste of Maker”里講了他的設(shè)計(jì)原則
好設(shè)計(jì)是有啟發(fā)性的
好設(shè)計(jì)是困難的
好設(shè)計(jì)是看似容易的
好設(shè)計(jì)是有些奇特的
好設(shè)計(jì)是成批出現(xiàn)的
好設(shè)計(jì)是大膽的
文學(xué)作品可以被分為描述性和啟發(fā)性，繪畫作品也是，啟發(fā)性的作品往往比描述性的更打動(dòng)人心，正如每個(gè)人看到《蒙娜麗莎》都會(huì)有自己的理解一樣。在建筑和設(shè)計(jì)領(lǐng)域，這個(gè)原則意味著一個(gè)建筑或者產(chǎn)品，應(yīng)該允許你按照自己的意愿使用。比如一幢好的建筑物應(yīng)該充當(dāng)一個(gè)平臺(tái)，人們在這個(gè)平臺(tái)上可以過自己想過的生活，而不是讓人按照建筑師的意思去安排你的生活
對(duì)軟件行業(yè)來說，這條原則意味著應(yīng)該為用戶提供基礎(chǔ)的元素，并且使得他們能夠隨心所欲的組合，就像樂高玩具。在數(shù)學(xué)領(lǐng)域，有啟發(fā)性意味著一個(gè)好的研究應(yīng)該可以為許多新工作提供基礎(chǔ)。在學(xué)術(shù)界里，大體上可以把被引用的次數(shù)當(dāng)做啟發(fā)性的衡量標(biāo)準(zhǔn)。
做出偉大作品的人，我們會(huì)發(fā)現(xiàn)他們的共同點(diǎn)都一樣，他們工作的非常辛苦。解決越困難的問題越需要努力付出，登山的時(shí)候，必須扔掉一切不必要的裝備。有一個(gè)關(guān)于王石的故事印象很深刻，馮侖在談王石時(shí)說：”王石登珠峰的時(shí)候，每登到一個(gè)階段， 回到大本營時(shí)，就一頭撲進(jìn)帳篷，躺下，一動(dòng)不動(dòng)，一句話也不多說，隊(duì)友以為沒氣了，但王石說，到那個(gè)時(shí)候自己只想多蓄積精神，以便能登上珠峰，其他什么都不想。”
然后馮侖又說另外一個(gè)登山者，每到一個(gè)階段就跟媒體通氣兒，很興奮地談自己看到的感受，結(jié)果到8000米的時(shí)候再?zèng)]有力氣登上去了，只好遺憾地下山。所以，當(dāng)人有了一個(gè)目標(biāo)的時(shí)候，就應(yīng)該不遺余力，耐得住寂寞，才能登到高處。
在設(shè)計(jì)中，當(dāng)困難太大的時(shí)候，就逼得設(shè)計(jì)師不得不選擇最簡單的設(shè)計(jì)，當(dāng)解決難題成為設(shè)計(jì)師的主要任務(wù)時(shí)，那些花樣，流行，裝飾全都不存在了。
并非所有的痛苦是有益的，有好的痛苦，也有壞的痛苦，你需要的痛苦是讓你向前沖的痛苦，而不是無作為的痛苦。設(shè)計(jì)工作中，解決問題的痛苦是好的，但是挑剔的客戶和低劣的材料帶來的痛苦是壞的痛苦
德國包豪斯(Bauhaus)學(xué)派的設(shè)計(jì)師采取美國建筑師路易斯 沙利文(Louis Sullivan)的”形式追隨功能(form follows functions”的觀點(diǎn)。因?yàn)楫?dāng)功能本身就很困難的時(shí)候，形式必須追隨功能，因?yàn)闆]有別的精力再開發(fā)多余的”形式”了。同樣，人們覺得自然界里野生動(dòng)物是很美也是因?yàn)樗麄兏挥刑魬?zhàn)的生活讓他們的每一個(gè)特征都有其作用。沒有絲毫裝飾和浪費(fèi)。
“Time always softens the pain and makes things look like more fun than they really were.
But who said everything has to be fun?
Pain builds character.
(Sometimes it builds products, too.)時(shí)間總是淡化痛苦，讓一切變得比實(shí)際情況更輕松。
但是誰說生活一定是輕松的？
痛苦造就性格。
（也許還造就產(chǎn)品。）”Jamie Zawinski，”the netscape dorm”
當(dāng)我們看到優(yōu)秀的設(shè)計(jì)師做出的作品時(shí)，常常會(huì)想他們這不就是個(gè)這嘛，這也太容易了吧。但是這其實(shí)是一種錯(cuò)覺，一個(gè)好的產(chǎn)品很好用的很簡單，可能是經(jīng)過了不斷的改善。比如好的文章讀起來很輕松，但是背后可能經(jīng)過反復(fù)修改。科學(xué)和技術(shù)上的重大發(fā)現(xiàn)，在形式上往往很簡單，看過之后你會(huì)覺得這辦法我也可以想出來。Adam Savage在TED上做了一個(gè)演講，“簡單的想法是如何引導(dǎo)科學(xué)發(fā)現(xiàn)(How simple ideas lead to scientific discoveries)”他通過兩個(gè)生動(dòng)的故事告訴我們重大的科學(xué)發(fā)現(xiàn)是來自于簡單的，有創(chuàng)意的方法的，這個(gè)方法任何人都可以使用。但是實(shí)際上卻并不是任何人都能做出偉大科學(xué)發(fā)現(xiàn)的。達(dá)芬奇的繪畫有些只有寥寥幾筆，但他卻畫出了最重要的東西，單獨(dú)看這些線，你會(huì)覺得沒什么困難，但是你開始畫的時(shí)候就會(huì)發(fā)現(xiàn)那是很困難的。
用線作畫實(shí)際上是最難的，因?yàn)樗髮?duì)對(duì)象的準(zhǔn)確把握和高度的概括。許多小孩子放棄畫畫的原因之一就是他們開始學(xué)習(xí)成年人的繪畫技法，用線條勾勒。因?yàn)橛镁€條作畫是最為困難的，而中國的傳統(tǒng)水墨畫都是用深淺的線條畫出來的，所以，可以說中國傳統(tǒng)畫家對(duì)事物的概括能力是世界上最好的。而我們在新的時(shí)代卻把這些能力忘記了，或者不再談?wù)摿恕?/p>
某些最杰出的設(shè)計(jì)常被認(rèn)為是不可思議的，因?yàn)樗隽巳藗兊南胂蟆＿@里說的奇特也就是我們通常所說的風(fēng)格。每個(gè)設(shè)計(jì)師都想有發(fā)展出自己的風(fēng)格。但是如果你為了開發(fā)風(fēng)格而做的產(chǎn)品，往往不是最好的，相反如果你只想著做出最好的作品，你就不可避免的采用一些特殊的方法。密斯凡德羅并沒有想過要樹立現(xiàn)代極簡主義風(fēng)格，蒙德里安也無意構(gòu)造新造型主義，他們只是想做出好的作品
每個(gè)人的風(fēng)格都是自然形成的，在通向正確的道路上必然會(huì)產(chǎn)生風(fēng)格。16世紀(jì)的風(fēng)格主義，19世界的浪漫主義都是追求做出完美作品的結(jié)果。
這是一個(gè)很奇特的規(guī)律，接觸的設(shè)計(jì)作品永遠(yuǎn)都是成批出現(xiàn)的，比如15世紀(jì)的佛羅倫薩有偉大的建筑師布魯內(nèi)萊斯基，畫家馬薩喬，飛利浦里皮，達(dá)芬奇和米開朗基羅。當(dāng)時(shí)在意大利的米蘭也是同大的城市，可是15世紀(jì)的米蘭卻沒有什么偉大的藝術(shù)家。15世紀(jì)弗洛倫薩有一些特殊的條件，這些條件早就了這些偉大的藝術(shù)家。它們是不可延續(xù)的，因?yàn)榻裉斓姆鹆_倫薩已經(jīng)不是這樣了。今天中國的人口那么多，按比例推算，擁有達(dá)芬奇天賦的人有很多，為什么沒有出一個(gè)達(dá)芬奇。原因是達(dá)芬奇和任何偉大藝術(shù)家的出現(xiàn)除了他本身的天賦以外，還依賴于當(dāng)時(shí)的地理位置和環(huán)境。今天的人流動(dòng)性很高，但是偉大的項(xiàng)目依然集中在少數(shù)幾個(gè)熱點(diǎn)上：比如德國的包豪斯學(xué)校，曼哈頓計(jì)劃，洛克希德公司，以及硅谷產(chǎn)生的創(chuàng)業(yè)傳奇。歷史上任何時(shí)刻都有一些熱點(diǎn)領(lǐng)域，而且也有一團(tuán)體在這些領(lǐng)域里做出偉大的成績。如果你遠(yuǎn)離這些中心，那幾乎不可能靠自己就取得偉大的成果。你可以拉動(dòng)這個(gè)浪潮，但是不可能跳出這個(gè)浪潮。
在歷史的任何一段中，人們都會(huì)相信一些很荒謬的東西，并且那么的深信以至于你出言質(zhì)疑就會(huì)被惡意傷害。許多文藝復(fù)興時(shí)期的作品在當(dāng)時(shí)都被認(rèn)為是極其大逆不道。哥白尼對(duì)地心說感到無法解釋，而他的同代人都可以忍受。愛因斯坦的相對(duì)論觸犯了經(jīng)典物理學(xué)家，許多年一直不被接受。奧威爾在他的著作《一九八四》中按時(shí)政府會(huì)通過赤裸的壓制來控制信息的流動(dòng)，特別是通過禁書的方式。聽起來很熟悉吧，中國早在秦始皇時(shí)期就已經(jīng)下令過銷毀孔子的《論語》，以及后來的焚書坑儒。奧維德被奧古斯都驅(qū)逐出羅馬，其中第一個(gè)原因就是因?yàn)樗麑懥恕稅鄣乃囆g(shù)》，即使在崇尚優(yōu)秀的文化的雅典，人們在閱讀某些書籍的時(shí)候也難免膽戰(zhàn)心驚。大衛(wèi)里斯曼說過，在印刷術(shù)的世界里，信息是思想的火藥，所以審查者們才需要穿著肅穆的長袍來熄滅點(diǎn)燃的火藥。因此偉大的思想往往是大膽的跟統(tǒng)治者對(duì)立的。這也就是解釋了，為什么中國的諾貝爾獎(jiǎng)得住們，要么是在國外得到的，要么就是在監(jiān)獄得到的。
上面一部分說的事件的錯(cuò)誤現(xiàn)在看來都是顯而易見的，然而在當(dāng)時(shí)的人們并不覺得有那么的糟糕。上海美國學(xué)校的師生看了電影《陽光燦爛的日子》，姜文跟這幫洋師生做了映后交流。臨走前一穿著校服的女生問姜文”為什么電影里那些孩子都經(jīng)歷了文革，卻感覺那么快樂呢？”。 姜文愣了一下，但反應(yīng)夠快，說：”我看你現(xiàn)在也很快樂， 等你長大了， 你才知道自己處在一個(gè)多么糟糕的年代。”同理，生活在現(xiàn)在的我們似乎覺得周圍的一切是可以接受的，但是當(dāng)過了幾十年之后，就會(huì)發(fā)現(xiàn)原來之前的時(shí)代是那么的糟。
我們當(dāng)下需要警惕的不是奧威爾筆中的”老大哥”，而是我們自己心中的對(duì)丑陋的無視。如果你想要做出偉大的成果，就不能對(duì)現(xiàn)實(shí)和丑陋視而不見，反而應(yīng)該特別主義。
發(fā)現(xiàn)丑的東西比想象美的東西要容易。大多做出杰出成績的人似乎都是為了修正他們眼中的丑陋的東西。意大利畫家喬托看到拜占庭帝國的《圣母像》，深感不滿，于是動(dòng)手改進(jìn)，他因此成了文藝復(fù)興的先行者。哥白尼對(duì)地心說的解釋感到困惑，所以去找到真正的答案。喬布斯覺得所有的智能手機(jī)都很丑陋，因此決定去設(shè)計(jì)他想要的手機(jī)。中國諾貝爾獎(jiǎng)得主看到中國的丑陋，于是去為之斗爭。所有優(yōu)秀作品的秘訣就是：非常苛刻的品味，加上實(shí)現(xiàn)這種品味的能力。
做設(shè)計(jì)不是發(fā)現(xiàn)美，而是感知丑
設(shè)計(jì)與流行無關(guān)，與做出最好的產(chǎn)品有關(guān)
裝飾是掩蓋空虛內(nèi)容的多余物，設(shè)計(jì)要直面本質(zhì)部分
做設(shè)計(jì)的過程很難，但結(jié)果看似簡單
設(shè)計(jì)需要大膽，敢于判斷
轉(zhuǎn)載：UI設(shè)計(jì)
什么是UI、 UX？或者說它們之間有什么不同？說句實(shí)話早幾年我連UI都不是很明白，說出來都有一點(diǎn)不好意思了……
Ok…讓我們用圖片的形式來看一下UI與UX的不同之處吧。
圖一：倒過來的蕃茄醬瓶設(shè)計(jì)，考慮到番茄醬快用完時(shí)很難倒出來的使用情境
圖二：從定義來解釋UI與 UX之間的差異，兩者定義有很大的不同。
UI定義：UI是網(wǎng)站頁面是如何物理布局。一個(gè)UI設(shè)計(jì)師會(huì)和你談東西應(yīng)該放哪里，用什么顏色。UI是負(fù)責(zé)網(wǎng)站的創(chuàng)意和視覺作品。
UX定義：UX專注于網(wǎng)站，它的行為與互動(dòng)，比如一個(gè)盒子滑出，以及人們?nèi)绾闻c它進(jìn)行交互，比如他們會(huì)點(diǎn)擊或輸入進(jìn)行交互。UX處理的內(nèi)容和網(wǎng)站地圖的結(jié)構(gòu)。
圖三：從專業(yè)分工的角度來說明差別，可以看出負(fù)責(zé)的部份有哪些相同，哪些不同。
圖四：這張圖比較復(fù)雜，但是基本上還是看得出差異。相同之處很明顯，都有大胡子，但是裝扮上就有很大的區(qū)別。為什么？你們可以根據(jù)定義思考一下……
下面的這張圖跟上面的那張是同一張,只是風(fēng)格不一樣,從設(shè)計(jì)師的角色轉(zhuǎn)變成很酷的時(shí)尚年輕人。
圖五：從工作職責(zé)來解釋差異， UX的范圍很廣，很少人可以精通全部，可以說幾乎沒有。
圖六：這張圖的表述可能并不全面或清晰，但可以做為一個(gè)參考。
圖七：UI、 UX基本的工作項(xiàng)目來區(qū)分的話，UI沒有品牌推廣這個(gè)職位。
圖八：從產(chǎn)品的角度看UI與UX，UI是產(chǎn)品的一部份，UX是使用產(chǎn)品的體驗(yàn)。
圖九：UI Design:功能；Usabilitydesign:動(dòng)作；User Experiene Design:情感；
圖十：UI是用來取內(nèi)容的工具，使用者使用UI吃完東西（內(nèi)容）的體驗(yàn)是UX。
總結(jié)：UI設(shè)計(jì)是展現(xiàn)視覺層面的（界面），而UX是使用過程中的情感（互動(dòng)與體驗(yàn)）。UX設(shè)計(jì)師不僅關(guān)注界面的設(shè)計(jì)，更關(guān)心所有會(huì)影響使用者體驗(yàn)的一切。如架構(gòu)、互動(dòng)、內(nèi)容與及使用者對(duì)象、需求、價(jià)值觀。
有人會(huì)說設(shè)計(jì)UI不就是在設(shè)計(jì)UX嗎？如果用戶的體驗(yàn)只注重視覺界面的美觀，或許可以這么說。但是使用者手上拿的不是UI，而是產(chǎn)品，UI只是產(chǎn)品設(shè)計(jì)的一部份，體驗(yàn)不僅受到產(chǎn)品的影響，還會(huì)受到使用產(chǎn)品體驗(yàn)過程中的情境及使用者對(duì)品牌印像等等其它體驗(yàn)相關(guān)的事影響。
轉(zhuǎn)載：微信公眾號(hào)UI設(shè)計(jì)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.tuquanmo.cn
