巖鳴楊子: 在Figma的無限畫布上揮灑創(chuàng)意時，突然需要回到剛才設(shè)計的某個組件，卻發(fā)現(xiàn)自己完全迷失在茫茫的數(shù)字空間中。你瘋狂地拖拽畫布，放大縮小，甚至開始懷疑那個精心設(shè)計的按鈕是不是被自己不小心刪掉了。特別是當(dāng)你正處于創(chuàng)作高峰期，思路正熱的時候，這種打斷簡直是靈感的殺手。 Figma的這個設(shè)計細節(jié)其實很簡單但很巧妙。當(dāng)你選中畫布上的某個元素后，如果通過拖拽、滾輪或快捷鍵移動了畫布視角，讓這個被選中的元素跑到了當(dāng)前可視區(qū)域之外，F(xiàn)igma會立即在畫布的邊緣顯示一條藍色的指引線。這條線不是隨便出現(xiàn)的，它精準(zhǔn)地指向被選中元素所在的方向。線條的顏色采用了Figma經(jīng)典的品牌藍色，在視覺上既醒目又不會過于突兀，保持了界面的整體協(xié)調(diào)性。更貼心的是，這條指引線會一直保持顯示，直到你重新將元素拖拽回可視區(qū)域或選擇了其他元素。 這個「畫外」元素提示的設(shè)計思路，在很多優(yōu)秀產(chǎn)品中都有體現(xiàn)，只是形式不同。比如，很多代碼編輯器（如 VS Code）的滾動條上，會用不同顏色的標(biāo)記點來指示錯誤、警告或搜索結(jié)果在整個文檔中的位置。游戲中的小地圖或屏幕邊緣的傷害指示器也是同理。它們共同的目標(biāo)都是幫助用戶在有限的「視窗」內(nèi)，建立對全局「地圖」的認知。隨著 AR/VR 等空間計算時代的到來，如何在更廣闊、更立體的數(shù)字空間中幫助用戶定位和導(dǎo)航，這種「畫外引導(dǎo)」的設(shè)計思維將變得愈發(fā)重要。
