在蘭亭秒微服務(wù)企業(yè)級(jí)產(chǎn)品、移動(dòng)端 App、品牌視覺(jué)界面的全流程設(shè)計(jì)中，形狀是貫穿視覺(jué)表達(dá)、交互體驗(yàn)與品牌識(shí)別的核心語(yǔ)言。形狀不只是界面裝飾，更是引導(dǎo)用戶認(rèn)知、傳遞產(chǎn)品氣質(zhì)、強(qiáng)化品牌記憶的關(guān)鍵載體。結(jié)合實(shí)戰(zhàn)案例，我們系統(tǒng)拆解形狀在 UI 中的設(shè)計(jì)原則、應(yīng)用場(chǎng)景與落地方法。

一、視覺(jué)設(shè)計(jì)：專業(yè)感與場(chǎng)景感的極致統(tǒng)一

• 3D 礦山地形可視化，真實(shí)還原礦區(qū)道路、裝載區(qū)、限速區(qū)等場(chǎng)景，讓調(diào)度人員直觀掌握全局；
• 用綠、黃、紅三色區(qū)分車輛健康狀態(tài)、區(qū)域風(fēng)險(xiǎn)等級(jí)，用綠色雷達(dá)圈標(biāo)注車輛感知范圍，視覺(jué)預(yù)警清晰直觀；
• 全端視覺(jué)風(fēng)格高度統(tǒng)一，從全局調(diào)度、單車監(jiān)控到地圖編輯，保持一致的色彩規(guī)范、字體圖標(biāo)與布局邏輯，強(qiáng)化品牌專業(yè)感。

二、信息架構(gòu)：全流程覆蓋，服務(wù)礦山核心場(chǎng)景

• 全局調(diào)度頁(yè)：聚合全礦區(qū)車輛位置、運(yùn)行狀態(tài)、設(shè)備數(shù)據(jù)，用標(biāo)簽分類運(yùn)輸設(shè)備、采礦設(shè)備、輔助設(shè)備，讓調(diào)度人員一眼掌握全局；
• 單車監(jiān)控頁(yè)：聚焦單臺(tái)車輛的實(shí)時(shí)位置、行駛速度、車輛姿態(tài)、周邊環(huán)境，搭配多視角攝像頭畫面，實(shí)現(xiàn)精準(zhǔn)監(jiān)控；
• 地圖編輯頁(yè)：提供礦區(qū)道路、區(qū)域、錨點(diǎn)的可視化編輯功能，支持合規(guī)性校驗(yàn)與狀態(tài)管理，滿足礦區(qū)動(dòng)態(tài)規(guī)劃需求；
• 車輛狀態(tài)頁(yè)：用卡片式布局展示每臺(tái)車輛的健康度、運(yùn)行狀態(tài)，搭配快捷操作按鈕，實(shí)現(xiàn)高效管理。

三、交互體驗(yàn)：高效便捷，適配工業(yè)操作需求

• 多視角切換功能，支持全局 3D 視圖、單車近景視圖、分屏聯(lián)動(dòng)視圖，滿足不同監(jiān)控需求；
• 快捷操作欄集成緊急停止、遠(yuǎn)程接管、限速設(shè)置等核心功能，一鍵觸達(dá)，保障礦山作業(yè)安全；
• 可視化倒計(jì)時(shí)、狀態(tài)進(jìn)度條、合規(guī)性校驗(yàn)提示，讓操作狀態(tài)清晰可感知，降低操作失誤風(fēng)險(xiǎn)；
• 多端適配設(shè)計(jì)，適配電腦端大屏調(diào)度與移動(dòng)端便攜監(jiān)控，實(shí)現(xiàn)全場(chǎng)景操作無(wú)縫銜接。

四、蘭亭妙微實(shí)踐延伸

五、設(shè)計(jì)總結(jié)

在蘭亭秒微為企業(yè)級(jí)軟件、移動(dòng)端 App、數(shù)據(jù)可視化平臺(tái)等項(xiàng)目做 UI 設(shè)計(jì)時(shí)，我們始終把網(wǎng)格系統(tǒng)作為界面規(guī)范的核心底層框架。很多團(tuán)隊(duì)容易把網(wǎng)格當(dāng)成 “輔助線”，卻忽略它是統(tǒng)一視覺(jué)節(jié)奏、提升協(xié)作效率、保障多端還原度的關(guān)鍵工具。結(jié)合十六年行業(yè)實(shí)戰(zhàn)經(jīng)驗(yàn)，我們把網(wǎng)格系統(tǒng)的原理、構(gòu)成與落地方法，整理成一套可直接復(fù)用的設(shè)計(jì)標(biāo)準(zhǔn)。

本文聚焦交互設(shè)計(jì)核心認(rèn)知，清晰區(qū)分UI 設(shè)計(jì)、交互設(shè)計(jì)、UX 體驗(yàn)設(shè)計(jì)，并逐一拆解高頻交互術(shù)語(yǔ)，蘭亭妙微UI設(shè)計(jì)公司幫你快速建立完整的交互知識(shí)體系。

二、交互設(shè)計(jì)核心認(rèn)知：分清 UI / 交互 / UX

1. 三者核心定義

• UI 界面設(shè)計(jì)：聚焦產(chǎn)品最終視覺(jué)呈現(xiàn)，負(fù)責(zé)排版布局、色彩、圖標(biāo)、視覺(jué)樣式等落地工作，核心是把界面做美觀、規(guī)整。
• 交互設(shè)計(jì)（IXD）：制定界面操作規(guī)則與功能使用流程，比如外賣下單步驟、提醒設(shè)置邏輯、AI 對(duì)話交互方式等，核心是讓用戶會(huì)用、好用。
• UX 體驗(yàn)設(shè)計(jì)：以提升整體用戶體驗(yàn)為目標(biāo)，覆蓋需求分析、交互設(shè)計(jì)、UI 設(shè)計(jì)、用戶測(cè)試等全流程，是包含交互與視覺(jué)的頂層設(shè)計(jì)。

2. 最簡(jiǎn)單的區(qū)分方法

• 只做視覺(jué)落地、滿足產(chǎn)品需求 → UI 設(shè)計(jì)
• 制定操作流程、定義使用方式 → 交互設(shè)計(jì)
• 以體驗(yàn)為目標(biāo)，統(tǒng)籌視覺(jué)與交互 → UX 體驗(yàn)設(shè)計(jì)

3. 三者關(guān)系與工作流

1. UX 包含交互與 UI，先定交互方案，再做 UI 視覺(jué)是標(biāo)準(zhǔn)工作流；
2. 交互邏輯直接影響用戶體驗(yàn)與 UI 布局，UI 設(shè)計(jì)也必須適配交互操作；
3. 好設(shè)計(jì)要兼顧操作流暢與視覺(jué)協(xié)調(diào)，不能顧此失彼。

4. 交互設(shè)計(jì)的交付與工作場(chǎng)景

• 核心產(chǎn)出：線框圖 / 原型圖，配合流程連線、邏輯備注說(shuō)明交互規(guī)則；
• 常見(jiàn)誤區(qū)：不必死磕高保真可交互原型（Axure/Figma 動(dòng)效），核心是輸出清晰可落地的方案；
• 職場(chǎng)現(xiàn)狀：簡(jiǎn)單需求可在 UI 設(shè)計(jì)中同步完成交互；復(fù)雜功能 / 邏輯（尤其 B 端）必須獨(dú)立做交互設(shè)計(jì)，減少改稿、提升效率。

三、交互核心術(shù)語(yǔ)掃盲（一文看懂）

1. 基礎(chǔ)概念類

• 人機(jī)交互（HCI）：人與機(jī)器 / 軟件的所有互動(dòng)行為總稱，開(kāi)關(guān)機(jī)、點(diǎn)擊、輸入、鼠標(biāo)操作等都屬于此，界面交互是其子集。
• 交互設(shè)計(jì)（IXD）：特指軟件界面的操作規(guī)則與流程設(shè)計(jì)。
• 交互界面（UI）：可觸發(fā)操作、獲得反饋的可視界面，純靜態(tài)圖片 / 視頻不屬于交互界面。
• 交互原型：分靜態(tài)（線框圖，表達(dá)邏輯）與動(dòng)態(tài)（可操作演示，用于驗(yàn)證）兩類。
• 交互文檔：記錄項(xiàng)目交互邏輯、規(guī)則、細(xì)節(jié)的團(tuán)隊(duì)協(xié)作文件，用于信息同步與存檔。

2. 流程與行為類

• 交互流程（User Flow）：用戶完成一個(gè)目標(biāo)的完整步驟，如首頁(yè)→選品→下單→支付的全路徑。
• 交互事件：用戶單次操作 + 系統(tǒng)反饋的完整過(guò)程，包含觸發(fā)、行為、反饋、動(dòng)效，是 Figma 等工具的交互基礎(chǔ)單位。
• 交互方式（Trigger）：界面預(yù)設(shè)的觸發(fā)規(guī)則，移動(dòng)端以手指操作為主（點(diǎn)擊、長(zhǎng)按、拖拽、重壓），PC 端以鼠標(biāo) / 快捷鍵為主。
• 交互操作（User Action）：用戶實(shí)際做出的操作行為，與 “交互方式” 匹配才能正常觸發(fā)功能。
• 交互反饋（Action）：用戶操作后系統(tǒng)給出的響應(yīng)，如頁(yè)面跳轉(zhuǎn)、彈窗關(guān)閉、支付成功提示等。
• 交互動(dòng)效（Animation）：反饋的視覺(jué)動(dòng)畫形式，如頁(yè)面滑入、彈窗彈出、點(diǎn)擊動(dòng)效等。

3. 評(píng)價(jià)與體驗(yàn)類

• 交互體驗(yàn)：用戶使用功能時(shí)的操作感受，僅聚焦產(chǎn)品交互環(huán)節(jié)，不含定價(jià)、客服等外部因素。
• 交互可用性（Usability）：衡量交互是否好用、易上手的核心標(biāo)準(zhǔn)，決定設(shè)計(jì)方案的優(yōu)劣。

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.xintaizi.com 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。

一、全文速覽圖

“Good design is durable.” 迪特 · 拉姆斯的設(shè)計(jì)十誡提到，好的設(shè)計(jì)應(yīng)該是歷久彌新、不會(huì)輕易過(guò)時(shí)的。

在 20 世紀(jì)，大多數(shù)日常用品都經(jīng)歷過(guò)顛覆式的變革、簡(jiǎn)化或技術(shù)迭代，比如電話、筆、黑膠唱片機(jī)等。然而有少數(shù)物品，它們已問(wèn)世超過(guò)百年，形態(tài)與結(jié)構(gòu)卻跟設(shè)計(jì)之初別無(wú)二致，且還能較好地滿足當(dāng)下的需要。這些產(chǎn)品是如何誕生的？為什么他們能在時(shí)間的長(zhǎng)河中維持恒定不變？蘭亭妙微UI設(shè)計(jì)公司與您一起來(lái)學(xué)習(xí)。

二、這些百年產(chǎn)品的誕生

1. QWERTY鍵盤布局  1874年

1941 年，世界上第一臺(tái)電子計(jì)算機(jī)誕生；1968 年，第一只鼠標(biāo)原型問(wèn)世。然而，與它們共同構(gòu)成人機(jī)交互基礎(chǔ)的 QWERTY 鍵盤，其布局早在 1874 年就已獲得大規(guī)模應(yīng)用。

如今我們已有語(yǔ)音、觸摸屏、甚至是腦機(jī)接口等多種輸入方式，卻還是高度依賴著與 150 年前首批打字機(jī)外觀相似的鍵盤。

QWERTY鍵盤的發(fā)明

1868 年，肖爾斯（Christopher Latham Sholes）和他的同事們將他們的第一臺(tái)打字機(jī)運(yùn)往芝加哥，首位客戶是芝加哥波特電報(bào)學(xué)院的校長(zhǎng)愛(ài)德華（Edward Payson Porter）。這臺(tái)打字機(jī)有 28 個(gè)琴鍵式按鍵，外形似鋼琴，與波特學(xué)院使用的休斯·菲爾普斯印字電報(bào)機(jī)相似。其鍵盤按字母表順序排列：A 至 N 從左向右排布，O 至 Z 則從右向左延伸。

在會(huì)見(jiàn)了多名客戶后，根據(jù)反饋，肖爾斯與其同事對(duì)鍵盤的構(gòu)造與布局進(jìn)行了多次改進(jìn)。最終在 1872 年，《科學(xué)美國(guó)人》在頭版以大幅版畫形式報(bào)道了這臺(tái)打字機(jī)，畫面中清晰展示了其鍵帽結(jié)構(gòu)，此時(shí)的打字機(jī)已配備 42 個(gè)按鍵，包含大寫字母、數(shù)字 2 至 9，以及連字符、逗號(hào)、句號(hào)、問(wèn)號(hào)等常用標(biāo)點(diǎn)符號(hào)。

1874 年，肖爾斯發(fā)明的打字機(jī)由槍械制造商雷明頓公司（E. Remington and Sons）推向市場(chǎng)，并逐漸演變成為鍵盤的行業(yè)標(biāo)準(zhǔn)。其按鍵布局已與今天我們普遍使用的 QWERTY 鍵盤幾乎完全相同，是當(dāng)今世界上應(yīng)用最廣泛的鍵盤布局。盡管不同國(guó)家會(huì)因語(yǔ)言習(xí)慣在鍵位安排上做些微調(diào)，但整體結(jié)構(gòu)仍遵循著這一經(jīng)典設(shè)計(jì)。

撲朔迷離的鍵盤布局起源

這其中耐人尋味的是，肖爾斯是如何想出這種鍵盤排列方式的。

因其印刷行業(yè)的背景及報(bào)紙出版商的經(jīng)歷，肖爾斯應(yīng)當(dāng)熟悉排字工根據(jù)使用頻率排列字盤的做法。有一種廣為流傳的理論認(rèn)為 QWERTY 鍵盤的布局是為了限制打字者的速度：其核心原則是將高頻使用的字母分隔開(kāi)（盡管像 E 和 R 仍被放在一起），以此減少打字時(shí)連動(dòng)桿的相互碰撞而導(dǎo)致的故障。換而言之，這是一種以暫時(shí)性的輸入效率，換取機(jī)械運(yùn)行的長(zhǎng)期可靠性的妥協(xié)。

然而，京都大學(xué)的研究人員³提出，QWERTY 鍵盤布局的誕生可能與早期核心用戶——電報(bào)員的工作習(xí)慣密切相關(guān)。研究中以 E、S 、Z 這三個(gè)字母在鍵盤上的布局為例來(lái)闡明這個(gè)觀點(diǎn)。

當(dāng)時(shí)，美國(guó)電報(bào)員需要把聽(tīng)到的摩爾斯電碼實(shí)時(shí)轉(zhuǎn)譯成字母。在美國(guó)使用的電碼中，字母 Z 與常用組合 SE 的編碼恰好相同，均為“···  ·”（滴滴滴  滴）。當(dāng)聽(tīng)到這樣的電碼序列，尤其是在缺乏上下文的單詞的開(kāi)頭時(shí)，接收者無(wú)法立即判斷是 Z 還是 SE，只能根據(jù)后續(xù)聽(tīng)到的電碼來(lái)綜合判斷。這種不確定性會(huì)嚴(yán)重影響輸入效率：在傳統(tǒng)的 A-Z 順序鍵盤上，若電報(bào)員開(kāi)始輸入 Z，之后發(fā)現(xiàn)應(yīng)為 SE，手指就不得不在相距較遠(yuǎn)的鍵位之間移動(dòng)并修改。

而 QWERTY 鍵盤布局的調(diào)整是，把 Z、SE 這兩組容易引起混淆的字母安排在了彼此相鄰的位置。這樣一來(lái)，即使電報(bào)員在聽(tīng)到“滴滴滴  滴”時(shí)無(wú)法立刻判斷，手指也能在緊鄰的區(qū)域中快速選擇或更正，而不必在全鍵盤上尋找。或許正是這類針對(duì)電報(bào)場(chǎng)景的優(yōu)化，最終塑造了我們今天所熟知的 QWERTY 鍵盤格局。

雖然原因至今尚無(wú)定論，且無(wú)論是為了避免機(jī)械故障還是適配摩爾斯電碼的輸入習(xí)慣，都跟當(dāng)下的使用場(chǎng)景有所不同，但至今為止也沒(méi)有任何一種其他布局方式來(lái)取代它。

2. 回形針 1901年

19 世紀(jì)，木漿制漿技術(shù)與工業(yè)造紙廠的出現(xiàn)讓廉價(jià)紙張得以廣泛流通。面對(duì)隨之產(chǎn)生的大量零散紙張，人們開(kāi)始使用手邊常見(jiàn)的別針來(lái)加以固定——這被視為回形針的前身。盡管別針價(jià)格低廉、使用方便且用后即棄，但其缺點(diǎn)也十分明顯：不僅容易生銹，還會(huì)刺穿紙張，留下難看的銹跡與孔洞。

最早的回形針專利記錄來(lái)自挪威人約翰·瓦勒（Johan Vaaler），他在 1901 年提交了申請(qǐng)。專利摘要中寫道，這是一種“由彈簧材料彎曲成矩形、三角形或其他形狀的環(huán)，金屬絲兩端形成并排且方向相反的部件或舌片”。相比別針，回形針不需要通過(guò)刺穿紙面來(lái)固定紙張，并排的金屬絲結(jié)構(gòu)也提供了更多的固定方式。

1899 年，威廉·米德?tīng)柌剪斂耍╓illiam D. Middlebrook）獲得了回形針制造機(jī)械的設(shè)計(jì)專利，隨后他將專利賣給了一家辦公用品制造商，該公司將其注冊(cè)為“寶石回形針”（Gem clip）。其有著標(biāo)志性的雙橢圓形環(huán)圈設(shè)計(jì)，通常采用鍍鎳或彩色塑料包裹的材質(zhì)，不僅有效防銹，也兼顧外觀的美感。

相比約翰·瓦勒的設(shè)計(jì)，寶石回形針將紙張與回形針接觸的位置處理得更圓潤(rùn)，減少了刺破紙張的風(fēng)險(xiǎn)。螺旋狀的鋼絲具有一定的柔韌性，可輕松張開(kāi)以便放入紙張，同時(shí)又有足夠的彈性來(lái)夾緊文件。

幾年后，喬治·W·麥吉爾（George W McGill）對(duì)寶石回形針做出了改良，進(jìn)一步增大了內(nèi)環(huán)的弧度，使其更明顯地上翹。相比初代寶石回形針平緩的環(huán)圈末端，這種上揚(yáng)的開(kāi)口形成了更清晰的“示能”——直觀地提示用戶“此處可拉開(kāi)并插入紙張”。在結(jié)構(gòu)上，它也實(shí)現(xiàn)了更省力的開(kāi)合體驗(yàn)。正是這一改良版本，逐漸演變成了今天最常見(jiàn)、最廣泛使用的回形針。

回形針作為“固定文件”的工具這一認(rèn)知，也自然而然地從現(xiàn)實(shí)世界延伸到了數(shù)字世界。在圖形用戶界面中，當(dāng)我們想要將文件添加至郵件或文檔時(shí)，常常能看到那枚熟悉的回形針圖標(biāo)。

3. 螺旋蚊香 1902年

中國(guó)最早的蚊香可追溯至宋代，一本記錄民間生產(chǎn)技術(shù)的古籍《格物粗談》中記載：“端午時(shí)，收貯浮萍，陰干，加雄黃，作紙纏香，燒之，能祛蚊蟲”。這段記載中所述的制品可視為早期形態(tài)的“蚊香”，其外形類似于帶芯的線香。換而言之，最初的蚊香是直的。

蚊香的螺旋形演變可以追溯到 19 世紀(jì)末的日本。當(dāng)時(shí)，人們將除蟲菊粉與鋸末混合燃燒用于驅(qū)蚊。日本企業(yè)家上山英一郎（うえやま えいいちろう）生產(chǎn)了一種混合了淀粉和除蟲菊的香，雖然驅(qū)蚊效果良好，但存在明顯缺陷：不僅燃燒時(shí)間短，不到四十分鐘便燃盡，而且與普通線香一樣質(zhì)地較脆，遇風(fēng)易折。

1895 年，上山英一郎正致力于尋找延長(zhǎng)蚊香燃燒時(shí)間的方法。期間，他的妻子在倉(cāng)庫(kù)中偶然看見(jiàn)一條盤踞的蛇，由此獲得靈感，建議他將蚊香制成螺旋形狀。這一設(shè)計(jì)在工程上極為巧妙：螺旋結(jié)構(gòu)以最小的面積延展了蚊香長(zhǎng)度（相比線狀蚊香延長(zhǎng)約 4 倍），也設(shè)置了一個(gè)單點(diǎn)、穩(wěn)定、緩慢的燃燒路徑，讓蚊香既不會(huì)熄滅也不會(huì)因?yàn)橄銞l過(guò)寬而燃燒太快。1902 年，可持續(xù)燃燒約七小時(shí)的螺旋狀蚊香問(wèn)世，并被命名為“金鳥蚊香”，其有著標(biāo)志性的深綠色外觀與印有紅色公雞頭的包裝設(shè)計(jì)。

如今我們使用的螺旋盤香，基本都是采用了這個(gè)結(jié)構(gòu)，在保證單盤燃燒時(shí)間 7-8 小時(shí)的前提下，既能節(jié)省包裝空間，又能在運(yùn)輸中互相支撐，防止斷裂。

4. 拉鏈  1911年

在拉鏈發(fā)明之前，人們用以拉緊衣物的工具繁多，包括系帶、紐扣、別針、搭扣、腰帶與松緊帶等。紐扣是其中歷史最久、使用最廣的一種，但其使用效率較低，解開(kāi)與扣上均需時(shí)間，且在耐用性上存在不足，時(shí)有脫落之虞。

19 世紀(jì)末，在追求“效率”的工業(yè)時(shí)代背景下，拉鏈應(yīng)運(yùn)而生。發(fā)明家惠特科姆（Whitcomb Judson）想解決傳統(tǒng)的系帶式高幫靴穿脫過(guò)于繁瑣這個(gè)問(wèn)題，在芝加哥世界博覽會(huì)上展示了名為鉤鎖（clasp locker）的裝置，它的核心目標(biāo)很明確：用一次滑動(dòng)，替代逐個(gè)系扣的繁瑣過(guò)程，節(jié)省時(shí)間。但當(dāng)時(shí)這種拉鏈依賴手工制作，成本較高，且質(zhì)量不夠穩(wěn)定，最終因?yàn)榻Y(jié)構(gòu)缺陷及成本問(wèn)題退出了市場(chǎng)。

1912 年，森貝克（Gideon Sundback）取得了突破性進(jìn)展，他將惠特科姆發(fā)明的易崩開(kāi)的鉤環(huán)結(jié)構(gòu)改成了穩(wěn)定咬合的齒牙結(jié)構(gòu)，實(shí)現(xiàn)凹凸完全咬合，使拉鏈閉合更牢固，開(kāi)合也更加順滑流暢。一百多年過(guò)去，如今金屬拉鏈仍然在沿用這種工藝制造。

1923 年，百路馳（B.F. Goodrich）公司將森貝克設(shè)計(jì)的拉鏈用于一款女式橡膠靴，因其開(kāi)合時(shí)會(huì)發(fā)出“滋滋”的摩擦聲，公司便形象地將其命名為 “ZIPPER”。這個(gè)朗朗上口的名字隨后逐漸被大眾廣泛采用，“拉鏈”也因此得名并沿用至今。

拉鏈與紐扣的爭(zhēng)端

在時(shí)尚界，關(guān)于在服裝上用拉鏈或是紐扣還引起過(guò)一場(chǎng)關(guān)乎功能、形式甚至是倫理上的論戰(zhàn)。

從效率上而言，拉鏈無(wú)疑更勝一籌，其便利性也更符合我們現(xiàn)代快節(jié)奏生活的需要。紐扣的使用需要一定的技巧，而且會(huì)增加衣物的厚度，對(duì)于如今流行的緊身牛仔褲來(lái)說(shuō)，紐扣可能使面料更容易鼓起或撕裂；而拉鏈則能通過(guò)“收緊并向上拉”的方式來(lái)解決這個(gè)問(wèn)題。

但是，拉鏈更容易損壞和卡住，更難修理。它們也存在一定的安全隱患：在戰(zhàn)場(chǎng)上，軍服就曾發(fā)生過(guò)因拉鏈卡死耽誤急救而導(dǎo)致傷亡的事件；反之，紐扣在意外拉扯下更易整體脫落而非卡死。

紐扣的另一個(gè)好處在于美觀：隨著時(shí)間的推移，紐扣與衣服的摩擦?xí)纬瑟?dú)特的色落與磨損痕跡，對(duì)于牛仔愛(ài)好者來(lái)說(shuō)是一個(gè)理想的特性。

還有一部分來(lái)自復(fù)古派的道德質(zhì)疑，批評(píng)者稱拉鏈簡(jiǎn)化衣物穿脫的特性會(huì)助長(zhǎng)輕率行為，敗壞社會(huì)風(fēng)氣。因此，盡管拉鏈技術(shù)早已成熟，直到 1947 年李維斯才將其應(yīng)用于牛仔褲上。

最終在 1937 年，拉鏈在這場(chǎng)論戰(zhàn)中擊敗紐扣，鞏固了其在服裝設(shè)計(jì)中的地位。如今，這個(gè)一百多年前的發(fā)明無(wú)處不在，被廣泛應(yīng)用于服裝、行李箱和無(wú)數(shù)其他物品中，YKK（全球市場(chǎng)份額第一的拉鏈制造商）每年生產(chǎn)的拉鏈足以繞地球 50 圈。

三、何以百年不變

面對(duì)技術(shù)的百年巨變，為何這些產(chǎn)品能不被淘汰，甚至其基本形態(tài)都與百年前最初發(fā)明時(shí)大體相同？值得肯定的是，他們的設(shè)計(jì)的確超越了同期其他產(chǎn)品，呈現(xiàn)出一些寶貴的特質(zhì)。

簡(jiǎn)單精妙的結(jié)構(gòu)

例如經(jīng)典的寶石回形針，其雙橢圓形結(jié)構(gòu)在同期的其他設(shè)計(jì)中脫穎而出，以簡(jiǎn)潔優(yōu)雅的形態(tài)高效實(shí)現(xiàn)了“不傷紙”這一核心需求；而螺旋形的蚊香設(shè)計(jì)，既延長(zhǎng)了燃燒時(shí)間，又通過(guò)嚴(yán)絲合縫的嵌套，兼顧了節(jié)省包裝空間和運(yùn)輸穩(wěn)固性。

易用性

拉鏈和回形針是典型的無(wú)意識(shí)設(shè)計(jì)，它們形態(tài)與功能高度統(tǒng)一、無(wú)需學(xué)習(xí)曲線。即使是年幼的孩童，也能憑直覺(jué)學(xué)會(huì)使用拉鏈：20 世紀(jì) 30 年代拉鏈推廣初期，拉鏈款童裝就常常以“幫助幼兒學(xué)會(huì)自己穿衣，培養(yǎng)自理能力”作為賣點(diǎn)。

易工業(yè)化、標(biāo)準(zhǔn)化

回形針只需彎曲三次并剪斷即可制成，易于自動(dòng)化生產(chǎn)；螺旋形蚊香可通過(guò)鋼制模具一次沖壓成型，一臺(tái)機(jī)器每分鐘可生產(chǎn)數(shù)百盤蚊香，整個(gè)過(guò)程可高度標(biāo)準(zhǔn)化。規(guī)模化生產(chǎn)有效降低了成本，使其在市場(chǎng)上更容易取得價(jià)格優(yōu)勢(shì)，進(jìn)而推動(dòng)廣泛普及。

然而，歷經(jīng)百年技術(shù)發(fā)展與社會(huì)變遷，新生需求與問(wèn)題層出不窮。這些經(jīng)典產(chǎn)品，是否真的一如誕生之初那般，顯得全然不過(guò)時(shí)？或許，讓它們保持不變的還有更深層的原因。

四、已是最優(yōu)解，還是懶于改變？

去年 11 月的香港大埔火災(zāi)事故造成了重大人員傷亡，令人痛心。在對(duì)這場(chǎng)事故的追責(zé)中，首當(dāng)其沖地便是香港建筑行業(yè)的竹棚工程。許多人指出，竹材燃點(diǎn)僅為 265°C，遠(yuǎn)低于鋼材，可能加劇火勢(shì)蔓延。此外，竹棚的結(jié)構(gòu)強(qiáng)度也相對(duì)不足——過(guò)去香港曾多次發(fā)生棚架坍塌事故。以香港的經(jīng)濟(jì)發(fā)展水平，完全有能力推動(dòng)行業(yè)向鋼材升級(jí)。但網(wǎng)絡(luò)上仍有許多支持者聲稱：竹棚搭建技藝自清朝便出現(xiàn)在香港，已有上百年歷史，具有文化傳承價(jià)值‌，也是長(zhǎng)久以來(lái)的行業(yè)慣例。

同樣的，歷史上也有其他證據(jù)表明 QWERTY 鍵盤并非最佳的鍵盤布局，比如美國(guó)心理學(xué)家發(fā)明的德沃拉克鍵盤布局（Dvorak keyboard layout）：這一布局基于字母使用頻率和手的生理結(jié)構(gòu)設(shè)計(jì)，擁有打字更快、更易學(xué)習(xí)和降低疲勞的特點(diǎn)。二戰(zhàn)時(shí)一項(xiàng)研究表明，德沃拉克布局的打字員速度要比 QWERTY 布局打字員快 74%。即使是 QWERTY 鍵盤的發(fā)明人——肖爾斯本人也沒(méi)那么篤定：盡管他很早就將設(shè)計(jì)賣給了雷明頓公司，但他終其一生都在不斷改進(jìn)布局，并創(chuàng)造出各種替代方案，在他去世的前一年，他還為自己的 XPMCH 鍵盤申請(qǐng)了專利。

螺旋蚊香的使用體驗(yàn)也沒(méi)那么理想：其嵌套結(jié)構(gòu)導(dǎo)致在拆分時(shí)比較困難，一不小心可能直接掰斷，且必須依賴專用底座才能使用。這本質(zhì)上是一種便利工業(yè)化生產(chǎn)而非優(yōu)化用戶體驗(yàn)的設(shè)計(jì)。然而，即使有了電蚊香這種更方便、健康、安全的替代品，螺旋蚊香仍憑借低廉的成本、成熟的產(chǎn)業(yè)鏈以及簡(jiǎn)易的倉(cāng)儲(chǔ)運(yùn)輸要求，在市場(chǎng)中占據(jù)著一席之地。

在歷史較短的互聯(lián)網(wǎng)領(lǐng)域也有類似的案例——比如搜索引擎結(jié)果頁(yè)的布局與交互模式。自 2000 年代初谷歌確立“頂部搜索框 + 藍(lán)色鏈接標(biāo)題 + 簡(jiǎn)短摘要”的模式以來(lái)，其核心框架在近二十年間保持高度一致，并成為行業(yè)標(biāo)準(zhǔn)，不管是在網(wǎng)頁(yè)端還是移動(dòng)端。然而在移動(dòng)端上，固定于屏幕頂部的輸入框常位于手指的自然操作范圍之外，用戶需特意伸展才能觸及，體驗(yàn)不夠便捷。而“標(biāo)題用藍(lán)色表示超鏈接” 這個(gè)設(shè)計(jì)也稍顯過(guò)時(shí)，在用戶已基本認(rèn)知“搜索結(jié)果標(biāo)題可點(diǎn)擊”的今天，整屏的藍(lán)色可能帶來(lái)不必要的視覺(jué)干擾，增加閱讀負(fù)擔(dān)。

回望這些產(chǎn)品或設(shè)計(jì)，其“不變”與其說(shuō)是源于解決問(wèn)題的完美，不如說(shuō)是因?yàn)樗鼈冊(cè)缭绱_立了“行業(yè)標(biāo)準(zhǔn)”，獲得了先發(fā)優(yōu)勢(shì)，培養(yǎng)了牢固的用戶習(xí)慣，進(jìn)而形成了強(qiáng)大的路徑依賴。一旦從用戶到產(chǎn)業(yè)鏈的“慣性”形成，任何改變都將面臨難以估量的轉(zhuǎn)換成本。正因如此，即便它們存在一定的缺陷，市場(chǎng)往往也會(huì)接受，畢竟這是性價(jià)比相對(duì)較高的策略。

總結(jié)

一些產(chǎn)品能歷經(jīng)百年而保持不變，固然有其設(shè)計(jì)上的優(yōu)越性，但更值得深思的是不變的背后隱藏著的路徑依賴與行業(yè)慣性的強(qiáng)大力量。百年的不變或許只是暫時(shí)的，可能是顛覆性的技術(shù)尚未誕生，或是缺少一個(gè)推動(dòng)行業(yè)變革的契機(jī)。

歸根結(jié)底，設(shè)計(jì)無(wú)法時(shí)刻去尋求那個(gè)完美的終極方案，而是在多重約束條件下尋找平衡——既要權(quán)衡用戶習(xí)慣與使用體驗(yàn)，又要兼顧商業(yè)成本、行業(yè)發(fā)展情況與規(guī)模化需求，甚至還要回應(yīng)文化傳承與社會(huì)倫理的爭(zhēng)議。同時(shí)，作為設(shè)計(jì)師也需要保持對(duì)行業(yè)規(guī)范與慣例的審視與批判意識(shí)，警惕將“長(zhǎng)期不變”等同于“無(wú)可優(yōu)化”，在考慮用戶習(xí)慣轉(zhuǎn)換成本的前提下，積極探索更適配當(dāng)下需求的創(chuàng)新方案。

轉(zhuǎn)載：優(yōu)設(shè)

蘭亭妙微（藍(lán)藍(lán)設(shè)計(jì)）www.xintaizi.com 是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。