# 微信支付智能硬件產(chǎn)品工業(yè)設(shè)計指引和規(guī)范
《微信支付硬件產(chǎn)品工業(yè)設(shè)計指引和規(guī)范》（以下簡稱《指引與規(guī)范》）閱讀對象為消費場景智能硬件產(chǎn)品的工業(yè)設(shè)計師和開發(fā)者，微信支付生態(tài)硬件設(shè)備生產(chǎn)廠商。本《指引和規(guī)范》探索了消費場景智能硬件產(chǎn)品的設(shè)計原則，梳理了具體設(shè)計事物及施行方法，制定了通用模塊的設(shè)計規(guī)范，為設(shè)計高品質(zhì)的消費場景智能硬件產(chǎn)品提供了指引和參考。
本《指引和規(guī)范》中“用戶”——即消費場景智能硬件產(chǎn)品面向的用戶——是多角色的，不僅是作為直接使用者的顧客和店員，還包括設(shè)備管理人員、店主、經(jīng)營主體、服務(wù)開發(fā)商等等，并且每一種角色又有其廣泛的人群覆蓋范圍，在設(shè)計中須考慮到用戶的全面性。
# 一、設(shè)計原則
好的設(shè)計不是為了一個漂亮的外觀，而是用良好的整體體驗連接起用戶和產(chǎn)品，為用戶帶來便利和價值。
# 1. 可靠可信
功能是產(chǎn)品的基石和核心，所有的設(shè)計應(yīng)基于此且服務(wù)于此。產(chǎn)品的功能實現(xiàn)不打折扣，不應(yīng)只是“可以”實現(xiàn)這個功能，而是從內(nèi)到外均需為功能而生。
產(chǎn)品無論是在使用還是非使用狀態(tài)，均不應(yīng)對人、物和環(huán)境帶來干擾和傷害，均不應(yīng)引起用戶的懷疑和抗拒心理，設(shè)計須建立起用戶對產(chǎn)品的持續(xù)信賴感。
# 2. 易知易用
產(chǎn)品向用戶傳遞的信息應(yīng)該清晰明確，功能語意不言自明。產(chǎn)品應(yīng)具有識別性，從內(nèi)而外地塑造產(chǎn)品的獨特性。產(chǎn)品應(yīng)符合直覺，用戶使用無需額外指引。
# 3. 不作無意義的設(shè)計
設(shè)計的價值不是來自于“多”——特性的堆砌，也不是來自于“不一樣”——為差異化而作的差異化，而是來自經(jīng)過反復(fù)思考、對比和驗證后的最佳選擇。每一處的設(shè)計都應(yīng)有意義和價值，剔除可有可無的設(shè)計，若某一設(shè)計意義未明，要么舍棄要么尋取更進(jìn)一步的說服力。
# 二、設(shè)計元素
好的設(shè)計不只是一個主意或概念，而是由一個個具體的細(xì)節(jié)組成的真實可感的整體，所有的設(shè)計均應(yīng)為這一整體服務(wù)，來達(dá)到內(nèi)外合一的一體化設(shè)計。
# 1. 形態(tài)
為造型而造型的造型是無意義的造型，每一個形態(tài)都應(yīng)有源頭，都應(yīng)回答“為什么如此設(shè)計”，無論是來自理性的邏輯，還是來自感性的表達(dá)，每一個回答均應(yīng)具備充分的說服力。
# 1） 功能骨架
產(chǎn)品起源于功能，產(chǎn)品的形態(tài)起源于對功能的思考和布置，諸如“顯示屏需要多大，是橫還是豎，處在多高位置，是傾斜還是直立”等。功能骨架是一種抽象形態(tài)，要求合理和最簡，功能骨架設(shè)計不應(yīng)是單純的堆砌疊加，來一個功能就增加一段骨架，而是系統(tǒng)化的規(guī)劃和設(shè)計，用一體化和結(jié)構(gòu)化的骨架解決各種功能需求。
# 2） 外觀形態(tài)
外觀形態(tài)為產(chǎn)品的最終呈現(xiàn)，用戶對產(chǎn)品認(rèn)知，與產(chǎn)品的交互都由外觀形態(tài)所承載。外觀形態(tài)生發(fā)于功能骨架，易于被用戶感知，能清晰明確地傳遞產(chǎn)品的功用、價值和品質(zhì)。
外觀形態(tài)不是包裹在功能骨架上的一層外皮，功能骨架和外觀形態(tài)的設(shè)計不是串行的，即先完成功能骨架設(shè)計再來做外觀形態(tài)的設(shè)計，而是并行的，在研究功能骨架的同時也在探討外觀形態(tài)的呈現(xiàn)，在設(shè)計外觀形態(tài)的同時也在探索和驗證著功能骨架。
# 2. 尺度
# 1） 模擬真實尺寸
預(yù)先感知構(gòu)想中的產(chǎn)品在真實世界中的體驗，是設(shè)計師的一項專屬且必備的能力，其中很重要一項是對真實尺寸的感知。無論是在頭腦、紙張還是屏幕上構(gòu)筑產(chǎn)品時，都要時刻比擬此產(chǎn)品在實際使用時的大小。
設(shè)計過程中可以使用各種工具來驗證真實尺寸感，比如，1:1 的屏幕顯示，1:1 的紙張打印，1:1 的 3D 打印，1:1 紙板模型以及 1:1 的模型樣機(jī)等，要求設(shè)計之初即展開模擬真實尺寸的工作，并貫穿始終。
# 2） 比例協(xié)調(diào)
比例是關(guān)于各元素之內(nèi)和之間的大小關(guān)系，諸如長寬比，顯示區(qū)域和機(jī)身的尺寸比等等，這些大小關(guān)系需要經(jīng)過周密規(guī)劃。產(chǎn)品的尺寸往往會基于一些元尺寸，比如屏幕尺寸、人機(jī)尺寸或者是最小機(jī)構(gòu)尺寸等，比例是用來組織尺寸的工具。
元素之內(nèi)的比例盡可能采用通用數(shù)比（比如整數(shù)比），元素之間的比例除了采用通用數(shù)比之外，可以建立模數(shù)系統(tǒng)，同級別的元素采用一致的尺寸，不同級別的元素基于單元尺寸作增減約束。
# 3） 布局規(guī)整
布局是關(guān)于各元素之間的位置關(guān)系，每一個元素均應(yīng)處在它最合適的位置上，元素的位置關(guān)系也需要經(jīng)過周密規(guī)劃，杜絕隨意排布。如果“設(shè)計”只剩最后一項要求，那就是將元素排列齊整干凈。
平面設(shè)計中有網(wǎng)格設(shè)計系統(tǒng)（或稱柵格設(shè)計系統(tǒng)），通過一系列的網(wǎng)格線來組織各種設(shè)計元素，在產(chǎn)品設(shè)計中，元素的組織和排列關(guān)系，在平面維度之外還有三維的，因此除了在各投射視圖（如正視、俯視等）使用尺寸來規(guī)整元素的排布外，還要從三維的視角來檢驗。
在布置各元素的位置時，需結(jié)合元素的尺寸關(guān)系，以達(dá)到所需的形式感，比如均衡感、節(jié)奏感、對比感等等。
# 3. CMF
# 1） 顏色
基于消費場景智能硬件產(chǎn)品的特性，將“基本色 + 亮色”作為產(chǎn)品配色的優(yōu)先策略。從面積占比上說，基本色為主體色，亮色則為點綴識別色。
常用的基本色為中性色如白、灰、黑，亮色則通常為品牌色。白、灰、黑每一種顏色都有豐富的階梯等級，需要找到適合的一階；白、灰、黑亦可加入一定程度的彩色來達(dá)到更豐富微妙一些的基本色，比如米色、冷黑和暖黑色等等。
亮色雖然不是主體色，但作為前景色應(yīng)具備第一識別性，亮色應(yīng)該在最合適的位置出現(xiàn)，不應(yīng)為了識別而濫用；亮色通常以完整形態(tài)出現(xiàn)，比如完整的一個零件，完整的環(huán)形，保證各方位可識別。如果是品牌色作為亮色，顏色使用必須標(biāo)準(zhǔn)和準(zhǔn)確。
在優(yōu)先策略無法滿足需求的情況下，如大型設(shè)備，可以引入第二主體色——輔助色，即采取“基本色 + 輔助色 + 亮色”策略，輔助色亦為中性色；在亮色無法起到很好的點綴和識別作用的情況下，可采用“基本色 + 輔助色”方式來實現(xiàn)，并通過 Logo 來增加品牌識別性。
# 2） 材料
使用通用可靠的外觀材料，如玻璃、塑料（PC、ABS等）和金屬（鋁、不銹鋼等）。在產(chǎn)品的設(shè)計之初即要引入對材料的思考和選擇，不同的材料有不同成本，也有不同的屬性和加工工藝，將會直接決定產(chǎn)品的形態(tài)，比如選用塑料材料，就需要考慮到如何拆件和出模，產(chǎn)品的裝配縫隙在哪以及拔模角是多少。如果以上這些問題是在設(shè)計師“畫”好產(chǎn)品外觀后再來考慮（或者直接交給結(jié)構(gòu)工程師來做），極有可能直接破壞了設(shè)計的原始意圖和完整性，“產(chǎn)品用什么材料，是如何制作而成的？”這個問題是設(shè)計工作貫穿始終的一大主題。
# 3） 表面工藝
使用通用可靠的外觀工藝，來達(dá)到所需的產(chǎn)品外觀表面效果。表面工藝的選擇須站在整體產(chǎn)品的角度，部件為整體服務(wù)，切勿僅僅為了部件的出彩而選定某種表面工藝。作為消費場景智能硬件產(chǎn)品，產(chǎn)品表面效果偏冷靜穩(wěn)重，若選用高亮或高反光等處理須再次斟酌，產(chǎn)品主體傾向使用啞光效果。表面處理盡可能表達(dá)材料的原真性，塑料有塑料的表面特性，鋁合金有鋁合金的表面特性，切勿將鋁合金做成了塑料表面的樣子，或者將塑料材質(zhì)做成了木紋的樣子。
# 4. 人機(jī)工程
產(chǎn)品為人所用，用戶使用本產(chǎn)品時應(yīng)該是自然地、直覺地，用戶不應(yīng)該為使用產(chǎn)品而遷就自身，比如費力、非自然的肢體動作、或需借助于工具。
產(chǎn)品的人機(jī)工程指用戶在靜止和運動狀態(tài)下使用本產(chǎn)品時產(chǎn)品的可適用性，通常是關(guān)于產(chǎn)品尺寸——產(chǎn)品自身的尺寸以及產(chǎn)品在場景的設(shè)置尺寸——與人體尺寸的關(guān)系。作為公共產(chǎn)品，要考慮產(chǎn)品覆蓋用戶的全面性，諸如桌面類設(shè)備，要保證在不同的桌面高度能被不同身高和臂長的用戶使用，人臉識別設(shè)備首要考慮攝像頭可覆蓋的身高范圍，視覺元素需兼顧不同距離、不同視角的用戶，等等。產(chǎn)品上可視、可觸、可聽、可感等因子均需涵蓋到使用到這個產(chǎn)品用戶群體，在產(chǎn)品設(shè)計中需盡早搭建 1:1 的產(chǎn)品和使用場景原型，對用戶覆蓋性進(jìn)行模擬測試和檢查。
# 5. 交互體驗
交互體驗不只是關(guān)于屏幕內(nèi)的，用戶與產(chǎn)品的接觸和交互是全方位，不僅是圖形界面的交互，還包括對智能設(shè)備進(jìn)行的各種接觸和非接觸操作，比如實體按鍵的手感、卡片的接觸和拔插的易用性，也包括交互過程各種信息反饋，視覺信息如指示燈，聽覺信息如喇叭等。即便是關(guān)于觸摸屏，也有很多界面外的實體交互體驗需要去設(shè)計，比如屏幕的尺寸和位置決定的可觸范圍，屏幕可視角對交互位置的影響，屏幕亮度對使用場景的制約等等。
作為消費場景的智能設(shè)備，除了顧客和用戶外，需同時考慮設(shè)備安裝人員、設(shè)備管理和維護(hù)人員的交互體驗，諸如設(shè)備是否易裝，線纜和外設(shè)的連接是否便利等等。
與人機(jī)工程一樣，交互體驗在需要在設(shè)計中盡早通過產(chǎn)品原型來模擬測試和檢查，除此之外，交互體驗有調(diào)優(yōu)的過程，可視、可觸、可聽、可感等因子的反饋是否足夠到位，從功能樣機(jī)到最終生產(chǎn)這一階段內(nèi)調(diào)優(yōu)要持續(xù)進(jìn)行，每一個模塊在量產(chǎn)定型前完成。
# 6. 圖文設(shè)計
產(chǎn)品表面的圖文設(shè)計包括了品牌 Logo、產(chǎn)品信息、用于指示的符號與文字等，通過各種工藝印刻于產(chǎn)品表面。圖文設(shè)計的基礎(chǔ)是節(jié)制有效，不喧賓奪主不作多余的設(shè)計。功能指示圖文要具備識別性，結(jié)合圖文所在處的材料和顏色；要保證不突兀，黑底不用純白色，白底不用純黑色；要保證易讀易識別性，無特別需要選用無襯線字體；要保證圖文內(nèi)容的耐久性，防止被磨損。此外，在節(jié)制有效的基礎(chǔ)上追求對產(chǎn)品品牌的識別性和形象的塑造。
# 7. 風(fēng)格
風(fēng)格不是簡單的歸類，而是用戶對產(chǎn)品的整體印象的評估，以及對產(chǎn)品與所處場景相融關(guān)系的評估。用戶會用輕盈或穩(wěn)重、活潑或?qū)I(yè)、消費品或商用品等詞語來描述，而設(shè)計師需要將這些模糊的描述與設(shè)計的每一項元素連接起來。設(shè)計之初需對產(chǎn)品將要面向的用戶和場景作研究，預(yù)想這個產(chǎn)品怎樣置入到這個場景中并且被怎樣的人群給使用，基于此類問題的探討，對產(chǎn)品風(fēng)格傾向作出選擇，開始可能是模糊的預(yù)設(shè)項，在后繼的設(shè)計和施行過程中逐漸去修正、明晰和固化。
用戶對產(chǎn)品的整體印象有兩大主題：第一印象和持續(xù)性印象。第一印象要求產(chǎn)品具有辨識性，主要通過產(chǎn)品的視看特性傳達(dá)而出，比如產(chǎn)品的形態(tài)和顏色，需要探討在用戶頭腦中留下印象的內(nèi)容是什么，是否足夠地清晰。持續(xù)性印象則是建立在綜合體驗之上，結(jié)合經(jīng)過多次使用而鞏固了的視看體驗，以及與功能和服務(wù)相關(guān)的交互體驗。第一印象為切入點，而持續(xù)性印象是鞏固產(chǎn)品和品牌形象的目標(biāo)。
# 8. 成本
成本也是設(shè)計師需要去操作的一項必備元素，就和“人機(jī)工程”一樣，同樣，成本也是需要在設(shè)計之初就介入。設(shè)計的一大主題是關(guān)于這個產(chǎn)品“如何制作而成”的，“如何制作而成”除了產(chǎn)品層面外，比如功能如何實現(xiàn)、信息怎樣傳達(dá)等，另外一層就是這個產(chǎn)品“如何生產(chǎn)而成”的，工業(yè)產(chǎn)品往往是關(guān)于這個產(chǎn)品如何批量化的生產(chǎn)而成，因此，每一處設(shè)計都是和成本息息相關(guān)。設(shè)計師應(yīng)該明晰實現(xiàn)一個設(shè)計，或者實現(xiàn)一個設(shè)計特征的工藝在當(dāng)下所需耗費的大致成本，通過結(jié)合預(yù)算來作優(yōu)化和選擇。
設(shè)計師操作成本這一元素最重要的不在于懂得如何降成本，而是在于，創(chuàng)造更多的價值。設(shè)計追求的“巧妙”在于通過一份投入獲取兩份或多份成果，如果功效和成本同步向上堆砌就稱不上“巧妙”。
# 三、設(shè)計規(guī)范
好的設(shè)計不應(yīng)只停留于圖面之上，批量化的工業(yè)生產(chǎn)才能真正實現(xiàn)產(chǎn)品和設(shè)計的價值。從圖面設(shè)計到工業(yè)化制造的產(chǎn)品，只有通過嚴(yán)謹(jǐn)周密地執(zhí)行才能讓設(shè)計成真，批量化地成真。
# △1. 人臉攝像頭設(shè)計規(guī)范
# 1） 攝像頭身高覆蓋計算
攝像頭最重要的一個參數(shù)為視場（或視野，F(xiàn)OV），即攝像頭可以看到的范圍，F(xiàn)OV 越大意味著攝像頭能看到的范圍就大，衡量 FOV 的大小單位為角度，即視場角。在實際應(yīng)用中，視場角可以分解為水平視場角和垂直視場角兩維度來對待，在人臉識別應(yīng)用中，因為有覆蓋不同身高的人群的需要，所以垂直視場角為最關(guān)鍵的因子。
一款攝像頭的視場角為固定值，實際應(yīng)用場景中需考慮到覆蓋不同身高的人群，因此攝像頭高度和角度的設(shè)置至關(guān)重要。
微信支付提供了一個《微信支付攝像頭身高覆蓋計算表》，可以對設(shè)置條件下攝像頭覆蓋身高范圍進(jìn)行自動計算。
# 2） 攝像頭身高覆蓋設(shè)計
身高覆蓋范圍的確定
使用《攝像頭身高覆蓋計算表》，對產(chǎn)品中攝像頭的身高覆蓋范圍作出設(shè)計和驗證，根據(jù)產(chǎn)品使用的具體場景對用戶的身高分布情況作出調(diào)查和統(tǒng)計，建議產(chǎn)品需覆蓋 95% 以上分布的人群，通常低身高值優(yōu)先，高身高人群可以通過適當(dāng)?shù)淖藨B(tài)調(diào)整來與產(chǎn)品進(jìn)行交互。
應(yīng)用于不同場景的產(chǎn)品，身高覆蓋范圍會有很大的差異，比如教育場景尤為明顯，不同年齡段（高校和 K12 學(xué)校）有不同的身高分布情況，跨學(xué)生生長發(fā)育期的學(xué)校身高分布頭尾相差很大，綜合性 K12 學(xué)校需要尤其關(guān)注身高范圍差。
不同地域的身高也有較大差異，如果設(shè)備專用于某一區(qū)域，需檢查一下本區(qū)域的人體身高情況是否具有特殊性。
通用身高參照
具體場景的產(chǎn)品用戶身高范圍需要基于調(diào)查和統(tǒng)計，關(guān)注 4 項參數(shù)：平均身高值、最小身高值、最大身高值和身高分布情況。
通用場景指的是產(chǎn)品面向全區(qū)域全社會，通用身高可以參照全國的統(tǒng)計數(shù)據(jù)，可以參照《2014年國民體質(zhì)監(jiān)測公報》和《GB/T 10000-1988 中國成年人人體尺寸》（見本文檔“工具和資源”部分鏈接，若有新統(tǒng)計數(shù)據(jù)將作更新），前者只有平均身高值，而后者的國標(biāo)尺寸因為統(tǒng)計時間較早，與當(dāng)前國民平均身高已經(jīng)有偏差，但是可以作為百分位數(shù)分布的參照，因此若參考統(tǒng)計數(shù)據(jù)，可以結(jié)合兩份數(shù)據(jù)來使用。
按照 95% 以上的分布要求，以及結(jié)合上述兩份統(tǒng)計數(shù)據(jù)，面向成人使用的產(chǎn)品，攝像頭覆蓋最小身高值需在 1480 mm 左右，最大身高值要超過 1850 mm。
通用設(shè)備攝像頭高度設(shè)置
落地設(shè)備——比如自助收銀或者無人自助類設(shè)備——建議攝像頭離用戶站立面 1600 mm 左右；桌面設(shè)備，需要考慮到不同桌面的高度，以及觸摸等人機(jī)操作的合適性，需要結(jié)合攝像頭離用戶站立面高度和旋轉(zhuǎn)角度來確認(rèn)身高覆蓋范圍，常用值為攝像頭離用戶站立面高度 1350 左右，配合攝像頭在 0～30° 的范圍內(nèi)可調(diào)整。
建議產(chǎn)品中攝像頭具有角度的可調(diào)節(jié)性（攝像頭模組，或者帶攝像頭的屏幕模組等），以便于適應(yīng)各種可能的線下場景。
# 3） 攝像頭在整機(jī)中的設(shè)計
攝像頭在整機(jī)中的位置，除了考慮首要的“身高覆蓋”之外，還有其他一些重要因素需考慮。
攝像頭與屏幕的位置關(guān)系
人臉識別的智能硬件產(chǎn)品通常攝像頭和屏幕同時出現(xiàn)，用戶需要與屏幕進(jìn)行交互，包括在人臉識別的過程中對拍攝人像的確認(rèn)。因此盡可能將攝像頭靠近屏幕，位于視覺中心，通常為屏幕豎直中心線的正上方，讓用戶以直接自然的方式進(jìn)入人臉識別流程，攝像頭拍攝下的用戶姿態(tài)也更為自然，所拍攝人像以水平正視為最佳。
攝像頭的可見性以及心理安全
作為公共用的人臉識別產(chǎn)品，攝像頭不可被隱藏，用戶應(yīng)可發(fā)覺攝像頭的位置，在設(shè)計上需要對攝像頭作一定的明示，諸如對攝像頭區(qū)域的顯現(xiàn)或者強(qiáng)化。
用戶能夠通過攝像頭指示性，來認(rèn)識到本產(chǎn)品具備人臉識別的服務(wù)，一方面可以通過加強(qiáng)攝像頭的指示性設(shè)計，另一方面可以結(jié)合外加物料的設(shè)計，后者需要考慮如何與攝像頭、產(chǎn)品整體相結(jié)合。
另外，人臉攝像頭有多個模組集中排列具有多個孔洞，攝像頭區(qū)域設(shè)計不應(yīng)過于夸張，以免對用戶帶來心理壓力。
# 4） 攝像頭的環(huán)境要求
攝像頭是光學(xué)敏感器件，因此避免攝像頭在強(qiáng)光、逆光、弱光等場景下直接使用，如果集成攝像頭的產(chǎn)品要求在強(qiáng)光、逆光、弱光等場景下使用，則需要根據(jù)實際場景作出相應(yīng)設(shè)計，比如強(qiáng)光和逆光可以通過增加遮罩來控制進(jìn)光量，弱光場景則可以使用增加補(bǔ)光等手段。
在集成攝像頭時，也應(yīng)考慮到其他產(chǎn)品安全需求，比如防潮防霧防塵等。
# 2. 屏幕設(shè)計規(guī)范
# 1） 屏幕的選擇
屏幕選擇的第一要務(wù)就是尺寸的確定，對于消費場景智能硬件產(chǎn)品，市面上供選擇的屏幕規(guī)格較為固定，因此可以結(jié)合產(chǎn)品實際需求，作充分的比較，同時可以借助于 1:1 的模型（草模或自制手板）來模擬，找到合適尺寸的屏幕。
不同規(guī)格的屏幕有不同的可視角度（IPS 屏幕、TN 屏幕），結(jié)合產(chǎn)品在實際場景中的使用方式來選擇，保證用戶使用路徑上具備較好的可視性能，在選擇 TN 屏幕時需要尤其注意。
不同規(guī)格的屏幕有不同的長寬比，比如常用的 16:10 和 16:9 等，根據(jù)產(chǎn)品具體的應(yīng)用（比如橫豎）來作選擇，考慮信息呈現(xiàn)、軟件界面和交互操作。
不同規(guī)格的屏幕有不同的分辨率，比如 HD 和 FHD 等，結(jié)合成本考慮，以及界面適配等因素來作選擇。
屏幕有非觸摸屏和可觸摸屏之分，不作特殊說明，默認(rèn)為可觸摸屏即交互屏，可觸摸屏需要考慮觸摸操作的需求，單點還是多點，是否需要特殊支持比如手寫筆后者手套等。另外也需要考慮不同的貼合對產(chǎn)品設(shè)計的影響，對內(nèi)容可視體驗，以及對設(shè)備厚度的影響。
# 2） 屏幕的設(shè)計
屏幕橫豎模式的選擇
常用屏幕有長短邊之分，長邊在上的使用模式我們稱為橫屏，而短邊在上則我們稱之為豎屏。有傳統(tǒng)操作需求的（如 POS 軟件操作）通常為橫屏，因為軟件往往有左右模塊區(qū)分，而用戶的交互屏，著重于信息流的呈現(xiàn)，通常為豎屏，移植和參照手機(jī)使用體驗通常也為豎屏。
屏幕邊框的設(shè)計
在選定屏幕的規(guī)格書中提取幾個關(guān)鍵參數(shù)作為設(shè)計的基礎(chǔ)：屏幕的 AA 區(qū)尺寸、蓋板 VA 區(qū)尺寸、LCM 的外形尺寸。通常 AA 區(qū)與 LCM 外輪廓中心不重合，因此在設(shè)計屏幕邊框（無論是玻璃蓋板還是其他殼體）需注意，確保 AA 區(qū)在整體產(chǎn)品中的居中性，優(yōu)先考慮屏幕四周邊框?qū)挾纫恢拢浯巫龅较鄬叺膶挾纫恢拢鶕?jù)產(chǎn)品的使用需求來作選擇，最終為達(dá)到內(nèi)容顯示在整體產(chǎn)品中有很好的均衡性。
屏幕位置的設(shè)計
在產(chǎn)品中屏幕位置是通過高度和角度兩個指標(biāo)來體現(xiàn)，它由產(chǎn)品的特性、人機(jī)工程來決定，同時結(jié)合所選屏幕的尺寸，比如小尺寸的屏幕需更貼近用戶，大尺寸的屏幕適當(dāng)遠(yuǎn)離用戶，當(dāng)小尺寸屏幕貼近用戶時，作一定角度的傾斜可以在屏幕與用戶間形成一個較為舒適的緩沖區(qū)。
# 3. 形態(tài)設(shè)計規(guī)范
# 1） 使用基本形態(tài)
遵從“不作無意義的設(shè)計”原則，形態(tài)由產(chǎn)品內(nèi)在需求如功能來驅(qū)動，盡可能使用簡潔的形態(tài)，比如基本形，或者基本形的運算結(jié)果，比如基本形的疊加和嵌套等；盡可能使用完形，即張力向外的形態(tài)。從消費場景的智能設(shè)備的特點出發(fā)，不用或謹(jǐn)慎使用自由形態(tài)設(shè)計。
# 2） 細(xì)致入微及數(shù)理關(guān)系
使用基本形態(tài)并不是說直接使用一個矩形就行，即使是一個矩形，也是需要經(jīng)過細(xì)致的設(shè)計。首先需要有充足的理由支持選擇這樣的矩形（比如說為了適配顯示區(qū)），而不是那樣的矩形，或者選擇圓形，其次矩形的每條邊的尺寸的決定也需要具備說服力，而為了達(dá)到功能、制造、使用的要求，往往會給矩形加上圓角，而這個圓角也需要經(jīng)過充分的設(shè)計。
產(chǎn)品形態(tài)是否清晰明確，可以通過以下方法來檢驗：是否可以通過語言可描述形態(tài)，是否可以通過數(shù)學(xué)公式來描述，或者說讓用戶都可以看到其中的幾何關(guān)系。因此，數(shù)理關(guān)系是形態(tài)設(shè)計的一個重要工具。居中、對稱、重復(fù)等等所有的形態(tài)運算均可化為數(shù)理關(guān)系，形態(tài)的起源可以有多種，但最終均需要經(jīng)過數(shù)理關(guān)系的規(guī)范和約束，讓每一個元素在它本應(yīng)該出現(xiàn)的地方出現(xiàn)。
# 3） 圓角的設(shè)計
產(chǎn)品外觀特征的圓角（圓角四邊形的圓角）不能使用直接的圓弧圓角，圓角與直邊連接過渡應(yīng)做到曲率連續(xù)。通常產(chǎn)品形態(tài)上會有多處的圓角，這些圓角應(yīng)該形成模數(shù)關(guān)系，主特征圓角比如屏幕四周的圓角作為基準(zhǔn)圓角，產(chǎn)品其他地方的圓角，基于基準(zhǔn)圓角作模數(shù)關(guān)系的運算（作一定倍數(shù)的放大或縮小）。基準(zhǔn)圓角不應(yīng)過大和過小，圓角半徑大小與圓角所在短邊長度的關(guān)系建議可維持在 4%～8% 左右。
# 4. 交互反饋設(shè)計規(guī)范
# 1） 視覺信息反饋
屏幕反饋
屏幕內(nèi)的設(shè)計需遵循界面設(shè)計指引和規(guī)范。屏幕的默認(rèn)亮度設(shè)置需考慮產(chǎn)品使用場景，戶外和室內(nèi)會有不同的需求，不宜過暗和過曝，戶外過暗看不清，室內(nèi)過曝傷眼睛。人臉識別大屏設(shè)備，需考慮屏幕發(fā)光對人臉拍攝的干擾，在暗光環(huán)境大面積的彩色尤其明顯，須將相關(guān)約束和提醒傳達(dá)予界面設(shè)計師。
燈光反饋
燈光設(shè)計優(yōu)先考慮有顏色燈光（非單純白色光），可以是發(fā)光單元本色也可以是透過燈片，顏色區(qū)分要明顯。有直射眼睛的情況，結(jié)合發(fā)光面積來調(diào)整燈光強(qiáng)度，通常導(dǎo)光材料需作一定的遮擋（如表面磨砂處理）。如果燈光反饋與某一個功能專屬相關(guān)，則燈光需靠近此功能區(qū)如按鍵。燈光反饋的使用需要節(jié)制，如果相應(yīng)的反饋能夠在屏幕上很好地提供則不必作額外的燈光反饋。
# 2） 聲音反饋
聲音反饋的客觀需求
從用戶使用本產(chǎn)品的第一典型位置出發(fā)對聲音的響度提出要求，建議在典型位置響度在 80～85 分貝，可視產(chǎn)品落地的場景——所處環(huán)境的嘈雜程度——作出調(diào)整，對需要調(diào)低聲音響度的場景尤其要注意，對出廠的聲音設(shè)置作好控制。
聲音反饋的主觀需求
聲音設(shè)計需考慮首要面向?qū)ο螅詻Q定和驗證其位置的設(shè)計。并根據(jù)設(shè)備的類型和形態(tài)，對喇叭的音腔設(shè)計提出要求。如果條件許可，建議使用 2 個（或以上）單元的喇叭，以形成立體音效。聲音的驗證和測試除了實驗室場景，需要在實際使用場景比如嘈雜的環(huán)境中測試和作出主觀評判。
# 3） 機(jī)械反饋
按鍵反饋
按鍵需要有明確的鍵擊感，聲音反饋清脆；鍵擊方向一致性好，過程中不會有晃動；結(jié)合產(chǎn)品設(shè)計，讓用戶分清輕觸、長按還是短按。
接插反饋
插頭插座接插需有到位感，接插需牢固，但不能因配合過于緊密而影響操作。
阻尼反饋
旋轉(zhuǎn)或升降結(jié)構(gòu)等阻尼設(shè)計，運動過程應(yīng)維持一致感，平衡好阻力和順滑程度，如果較少被操作，可以適當(dāng)提高阻力以保證更高的穩(wěn)定性。
# 5. 一體化設(shè)計規(guī)范
用戶看到產(chǎn)品感受到的完整一體性，決定于多方面，外觀層面（外觀一體）、認(rèn)知層面（內(nèi)外一體），以及體驗層面（體驗一體）。
# 1） 外觀一體性
盡可能少的外觀組件
產(chǎn)品追求集成化設(shè)計，不應(yīng)該有零碎拼湊感，在設(shè)計之初即應(yīng)結(jié)合結(jié)構(gòu)拆件，使用盡可能少的外觀組件，簡潔地形態(tài)比復(fù)雜地形態(tài)更容易達(dá)到一體化。
協(xié)調(diào)一致的外觀效果
使用一致的形態(tài)語言，盡可能使用封閉完整的形態(tài)，部分為整體服務(wù)，營造整體形象。盡可能使用一致的工藝和表面處理。
外觀面沒有螺絲或盡可能少用螺絲
主外觀面不應(yīng)看到螺絲，盡可能做到?jīng)]有外露螺絲，如必不可少，考慮在隱藏位置出現(xiàn)，或使用外觀螺絲。
外觀面盡可能少的裝配縫隙
外觀面盡可能看不到裝配或結(jié)合縫隙，即使有，也是源自于設(shè)計不不是源自于不得已的拆件。盡可能不用簡單的前后殼或上下殼結(jié)構(gòu)，讓裝配縫隙在側(cè)面顯露。
# 2） 內(nèi)外一體性
不作無意義的設(shè)計
每一處的設(shè)計都應(yīng)有意義和價值，剔除可有可無的設(shè)計，若某一設(shè)計意義未明，要么去掉要么尋取更好的方案。
有效地傳達(dá)功能
用戶對產(chǎn)品的認(rèn)知是基于功能，如果設(shè)計能夠直接有效地傳達(dá)功能，那么在用戶頭腦中是一個合一的印象，而不是離散的信息片段。
緊致
產(chǎn)品的整體、各部件的尺寸均需要緊致，沒有多余的材料，外觀件和結(jié)構(gòu)件之間沒有多余的空腔，產(chǎn)品整體不應(yīng)該松松垮垮。
# 3） 體驗一體性
用戶對一個產(chǎn)品的認(rèn)知是全流程的，一個簡陋或者難拆的產(chǎn)品包裝設(shè)計會讓用戶此前已形成的好感打折扣，一份顏色突兀的產(chǎn)品說明書設(shè)計也許未影響到用戶觀感，但肯定比不上與品牌色一致的設(shè)計給用戶帶來的整體感。產(chǎn)品的輔料不必與消費類產(chǎn)品的輔料那樣精致，但它需要和產(chǎn)品一樣做到可靠可信、易知易用。
# △6. 品牌元素設(shè)計和使用規(guī)范
# 1） 品牌色的設(shè)計和使用規(guī)范
品牌色是產(chǎn)品設(shè)計中得力的元素，可以直接有效地凸顯產(chǎn)品的品牌形象，增強(qiáng)產(chǎn)品的識別性，豐富產(chǎn)品的視看體驗。品牌色的使用應(yīng)以“四兩撥千斤”或“畫龍點睛”的手法，不宜用作主體色（比如通體綠色），通常可以與邊框類元素相結(jié)合。
品牌色的使用應(yīng)該顯眼醒目，小型設(shè)備三米外，大型設(shè)備六米外，應(yīng)具備品牌識別性。
微信支付品牌色需嚴(yán)格遵從《品牌規(guī)范》執(zhí)行（見本文檔“工具和資源”部分鏈接），微信綠在屏幕外使用略有差異，在紙質(zhì)印刷場景，建議使用標(biāo)準(zhǔn)微信綠（PANTONE 7480 C），其他工藝比如塑膠本色、塑膠噴漆、金屬烤漆、油墨絲印等，建議使用候補(bǔ)微信綠（PANTONE 354 C）。
# 2） Logo 在產(chǎn)品上的使用規(guī)范
Logo 一方面能提高產(chǎn)品的原真性，傳達(dá)品牌信息，一方面作為視覺元素可以平衡和點綴產(chǎn)品的外觀形象。Logo 在產(chǎn)品上使用不應(yīng)夸張或者閃耀，應(yīng)盡可能與機(jī)身看起來一體，而不是一個容易脫落的貼紙標(biāo)簽。Logo 在產(chǎn)品上的使用應(yīng)注重標(biāo)準(zhǔn)色的準(zhǔn)確性，以及工藝耐久性。
微信支付 Logo 的使用規(guī)范請遵從《品牌規(guī)范》執(zhí)行（見本文檔“工具和資源”部分鏈接）。
# 7. 符號、字體設(shè)計和使用規(guī)范
# 1） 杜絕使用未授權(quán)版權(quán)素材
無論是字體、符號、Logo 還是圖片等具有版權(quán)的素材，未經(jīng)授權(quán)則杜絕使用，使用互聯(lián)網(wǎng)下載的素材需要先甄別是否有版權(quán)，使用軟件內(nèi)置的字體需要先甄別是否有版權(quán)。
# 2） 使用開源素材
如無授權(quán)素材，建議使用高品質(zhì)的開源素材，中英文字體可使用 Google 的 Noto Sans 字體家族（簡體中文字體為 Noto Sans CJK SC，見本文檔“工具和資源”部分鏈接）。
# 3） 自主設(shè)計
產(chǎn)品上的指示符號建議作自主設(shè)計。
# 8. 產(chǎn)品呈現(xiàn)設(shè)計規(guī)范
為產(chǎn)品宣傳材料（線上線下、紙張和電子）提供的產(chǎn)品圖片，通過實物拍攝或者計算機(jī)渲染，可分為以下三類，各司其職。
# 1） 封面圖片
封面圖片是讓產(chǎn)品具有識別性、沖擊力和誘惑力的圖片，通常只有一張（或少數(shù)幾張），這一張圖片就可以代表這一產(chǎn)品。封面圖片可以使用在各種場景：廣告大圖，宣傳材料的封面圖，標(biāo)題圖片，縮略圖（諸如用于頭像）等等。封面圖片具備一定的適應(yīng)性，通常為透明背景的圖片，要能放到各種材料的背景之中。
封面圖需要概括產(chǎn)品最重要最醒目的特征，并不一定需要涵蓋產(chǎn)品的所有特征和所有面貌，視角和光影表現(xiàn)可以脫離真實場景，具備一定的藝術(shù)表現(xiàn)力。
# 2） 功能圖片
功能圖片是展示產(chǎn)品全貌的圖片，通常是一組多張。這一組照片要能夠清晰明確地展示產(chǎn)品的外觀、特征和功能，比如多角度展示產(chǎn)品外觀特征的照片，如果放置與實際場景，以及如何被使用的圖片。這一組圖片要求具有一定的功能寫實性（比如盡可能接近正常人眼視角），同時也可以基于封面圖片的基調(diào)作系列化的演繹，維持風(fēng)格統(tǒng)一。
# 3） 細(xì)節(jié)圖片
細(xì)節(jié)圖片則是詳細(xì)展示產(chǎn)品某一項特征和功能的圖片，可以采用特寫鏡頭（貼近產(chǎn)品的具備特征），可以是寫實風(fēng)格，也可以具備一定的藝術(shù)表現(xiàn)力來烘托功能說明，比如用來說明堅固牢靠或者防水性能。細(xì)節(jié)圖片也可以通過其他形式來輔助展現(xiàn)，比如線框圖等。
# 9. 輔助物料的設(shè)計規(guī)范
# 1） 產(chǎn)品輔料和產(chǎn)品包裝
產(chǎn)品輔料包括產(chǎn)品身上的銘牌、標(biāo)簽、貼紙等外加物料，亦產(chǎn)品的一部分，也需要經(jīng)過嚴(yán)謹(jǐn)設(shè)計。產(chǎn)品上的標(biāo)簽在移動和使用過程中應(yīng)不被刮擦，可始終保持外觀和印刷信息完好；標(biāo)簽底色顏色應(yīng)與產(chǎn)品相協(xié)調(diào)，比如使用與機(jī)身顏色一致的材料或者使用黑白灰基本色。
產(chǎn)品包裝要求結(jié)構(gòu)緊湊，追求最小的空間和最少的用材，同時完全滿足運輸和質(zhì)量的需求。產(chǎn)品包裝的設(shè)計應(yīng)與產(chǎn)品風(fēng)格維持一致，比如品牌顏色的使用，并設(shè)計好秩序感，給用戶帶來良好的開箱體驗。
注意： 具有蓋板玻璃的器件，如攝像頭和屏幕，在出廠包裝內(nèi)往往貼有保護(hù)膜，為保證體驗良好，使用前需要撕去此保護(hù)膜，因此設(shè)計此保護(hù)膜時盡可能易識別和易撕除，比如采用不透明磨砂效果，讓用戶在首次使用時意識到只有撕去此保護(hù)膜才可以使用本設(shè)備。
# 2） 產(chǎn)品功能指示物料
產(chǎn)品功能指示物料通常有通用和專用兩種，前者如刷臉設(shè)備上的指示物料，后者是根據(jù)產(chǎn)品具體使用場景做出的物料，比如介紹產(chǎn)品的服務(wù)等。
與攝像頭和屏幕結(jié)合
人臉識別產(chǎn)品的輔助物料設(shè)計應(yīng)首先考慮圍繞著攝像頭，其次考慮貼近屏幕，做到醒目，以及對齊相應(yīng)的功能指示。
微信刷臉服務(wù)基礎(chǔ)物料
微信提供了刷臉服務(wù)的基礎(chǔ)物料，可以通過官方網(wǎng)站下載（見本文檔“工具和資源”部分鏈接）。
形態(tài)和材料要求
輔助物料的形態(tài)盡可能簡潔，無銳角和利邊，可使用常用形態(tài)如圓角四邊形，圓角的大小可繼承自產(chǎn)品的圓角。輔助物料的尺寸不能超過產(chǎn)品外輪廓，不宜給產(chǎn)品造成頭重腳輕感。
常駐輔助物料的要求經(jīng)久耐用，不易破損，且不傷及用戶。
# 10. 交叉驗證產(chǎn)品其他規(guī)范要求
工業(yè)設(shè)計跨越產(chǎn)品整個生成——使用周期，從一個模糊的創(chuàng)意和想法開始，到一個實體產(chǎn)品從產(chǎn)線封箱打包，再到產(chǎn)品被用戶日常性的使用，工業(yè)設(shè)計與產(chǎn)品定義、設(shè)計、制造、生產(chǎn)、使用高度融合，因此在各階段需要與其他工種緊密配合，需要與他們的規(guī)范要求對接，并對產(chǎn)品和設(shè)計進(jìn)行持續(xù)的交叉驗證，諸如結(jié)構(gòu)設(shè)計規(guī)范、硬件設(shè)計規(guī)范、安全規(guī)范、品質(zhì)要求、軟件產(chǎn)品設(shè)計規(guī)范等等。