一、為什么需要建立設(shè)計(jì)規(guī)范？
1、保證設(shè)計(jì)的一致性。
對(duì)內(nèi)部：多個(gè)設(shè)計(jì)師合作，依然能保證設(shè)計(jì)風(fēng)格的統(tǒng)一。
對(duì)用戶：提高用戶體驗(yàn)，提高操作效率，加深對(duì)產(chǎn)品的記憶。
2、提高開發(fā)效率
與前端有效溝通的工具，提高設(shè)計(jì)還原度，降低對(duì)接成本。
開發(fā)可以建立公共組件庫(kù)，很大的提高了開發(fā)效率。
3、方便產(chǎn)品迭代
隨著產(chǎn)品的業(yè)務(wù)變化，發(fā)現(xiàn)一些問題或者需要優(yōu)化用戶體驗(yàn)的時(shí)候，針對(duì)單個(gè)控件進(jìn)行調(diào)整，就可以影響全局，十分便捷。
二、設(shè)計(jì)原則
為了很大限度地提高影響力和影響范圍，請(qǐng)?jiān)谙胂髴?yīng)用程序的身份時(shí)牢記以下原則。
審美完整性
審美完整性表示應(yīng)用程序的外觀和行為與其功能的集成程度。例如，一個(gè)可以幫助人們執(zhí)行重要任務(wù)的應(yīng)用程序可以通過(guò)使用微妙，醒目的圖形，標(biāo)準(zhǔn)控件和可預(yù)測(cè)的行為來(lái)使他們專注。另一方面，沉浸式應(yīng)用程序（例如游戲）可以提供引人入勝的外觀，帶來(lái)樂趣和刺激，同時(shí)鼓勵(lì)發(fā)現(xiàn)。
一致性
一致的應(yīng)用程序通過(guò)使用系統(tǒng)提供的界面元素，知名的圖標(biāo)，標(biāo)準(zhǔn)的文本樣式和統(tǒng)一的術(shù)語(yǔ)來(lái)實(shí)現(xiàn)熟悉的標(biāo)準(zhǔn)和范例。該應(yīng)用程序以人們期望的方式結(jié)合了功能和行為。
直接操縱
屏幕內(nèi)容的直接操作可以吸引人們并促進(jìn)理解。用戶在旋轉(zhuǎn)設(shè)備或使用手勢(shì)來(lái)影響屏幕內(nèi)容時(shí)會(huì)經(jīng)歷直接的操縱。通過(guò)直接操作，他們可以看到其操作的直接可見結(jié)果。
反饋
反饋確認(rèn)行動(dòng)并顯示結(jié)果，以使人們了解情況。內(nèi)置的iOS應(yīng)用程序可響應(yīng)每個(gè)用戶操作提供可感知的反饋。輕觸時(shí)，交互元素將突出顯示，進(jìn)度指示器傳達(dá)長(zhǎng)時(shí)間運(yùn)行的操作的狀態(tài)，動(dòng)畫和聲音有助于闡明操作的結(jié)果。
隱喻
當(dāng)應(yīng)用程序的虛擬對(duì)象和動(dòng)作是扎根于現(xiàn)實(shí)世界或數(shù)字世界的隱喻時(shí)，人們會(huì)更快地學(xué)習(xí)。隱喻在iOS中可以很好地工作，因?yàn)槿藗兛梢耘c屏幕進(jìn)行物理交互。他們將視圖移開以隱藏下面的內(nèi)容。他們拖動(dòng)和滑動(dòng)內(nèi)容。他們切換開關(guān)，移動(dòng)滑塊并滾動(dòng)選擇器值。他們甚至瀏覽書籍和雜志的頁(yè)面。
互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的尺寸規(guī)范和分辨率的認(rèn)識(shí)，是進(jìn)行線上界面設(shè)計(jì)的di一步。然而，市面上的型號(hào)有很多，咋辦？
作為設(shè)計(jì)師，要掌握常見的尺寸和距離，理解并做好設(shè)計(jì)的適配，才能解決不同手機(jī)屏幕之間的布局規(guī)范和換算關(guān)系。