吸附歷史上的五個時刻
原文由 Marcin Wichary 于 發布,訂閱此部落格
Bear(一款筆記工具)具備簡單的圖片縮放功能,還多了一個貼心的小巧思——如果圖片彼此靠近,調整其中一張的大小時,就會自動吸附到另一張的寬度:
在 Finder 中,直欄會自動吸附到剛好能讓所有檔名完整顯示、不被截斷的寬度——不多也不少,一個像素也不多:
(題外話:這也是今天唯一一個會在吸附瞬間巧妙運用觸控板觸覺回饋的地方。我試著在影片中呈現出來;這還不是我心中最終的視覺呈現方式,但如果你覺得這種觸覺回饋的視覺化方式對你有幫助,歡迎告訴我!)
當你在 macOS 上把視窗彼此靠近時,系統有個很有趣的設計。一般的吸附是像磁鐵一樣,把你手上的東西吸向另一個物件,但 macOS 卻是在兩個方向上都暫時阻止你繼續移動。或許用黏膠來比喻會更貼切:
一開始感覺可能有點怪,但我想我是喜歡的。它不那麼強勢,也不需要額外的取消方式(像是選項或修飾鍵)來避免吸附,因為它從來不會讓人覺得礙事。
這個效果在對齊高度時也同樣適用,就像在 Bear 中一樣:
在 Figma 中,我們在一般吸附功能的基礎上,加入了一個被我有點笨拙地稱為「自我吸附」(self-snapping)的功能:如果你的物件位於容器內,容器會自動將內距吸附到另一側所呈現的間距,而不需要任何明確的自動排版/flexbox 設定:
我分享這五個例子(以及之前提過的那一個),是因為我覺得它們體現了一個很棒的特質:精準,卻無需繁文縟節。在每種情況下,你都可以想像選單裡會有某個笨重的明確選項……
- Bear:設定圖片寬度⋯
- macOS:對齊視窗高度
- Finder:還原直欄寬度
- Figma:統一內距
……那樣會顯得緩慢又笨重。
相反地,這些設計保留了直接操作的自由,只在結構無疑有用的那一刻,撒上一點幾乎看不見的結構。(當然,基於無障礙等因素,你或許還是會想在選單或指令面板中保留明確的選項。)
我喜歡這些安靜的功能在背後默默支援你、讓你的成果看起來更出色,也喜歡它們的創造者明白,有時差一點就對齊比完全沒對齊更讓人難受。
隨機一篇部落格
留言
登入後參與討論