一、為什么需要建立設(shè)計(jì)規(guī)范？

1、保證設(shè)計(jì)的一致性。

對內(nèi)部：多個(gè)設(shè)計(jì)師合作，依然能保證設(shè)計(jì)風(fēng)格的統(tǒng)一。

對用戶：提高用戶體驗(yàn)，提高操作效率，加深對產(chǎn)品的記憶。

2、提高開發(fā)效率

與前端有效溝通的工具，提高設(shè)計(jì)還原度，降低對接成本。

開發(fā)可以建立公共組件庫，很大的提高了開發(fā)效率。

3、方便產(chǎn)品迭代

隨著產(chǎn)品的業(yè)務(wù)變化，發(fā)現(xiàn)一些問題或者需要優(yōu)化用戶體驗(yàn)的時(shí)候，針對單個(gè)控件進(jìn)行調(diào)整，就可以影響全局，十分便捷。

二、設(shè)計(jì)原則

為了很大限度地提高影響力和影響范圍，請?jiān)谙胂髴?yīng)用程序的身份時(shí)牢記以下原則。

審美完整性

審美完整性表示應(yīng)用程序的外觀和行為與其功能的集成程度。例如，一個(gè)可以幫助人們執(zhí)行重要任務(wù)的應(yīng)用程序可以通過使用微妙，醒目的圖形，標(biāo)準(zhǔn)控件和可預(yù)測的行為來使他們專注。另一方面，沉浸式應(yīng)用程序（例如游戲）可以提供引人入勝的外觀，帶來樂趣和刺激，同時(shí)鼓勵(lì)發(fā)現(xiàn)。

一致性

一致的應(yīng)用程序通過使用系統(tǒng)提供的界面元素，知名的圖標(biāo)，標(biāo)準(zhǔn)的文本樣式和統(tǒng)一的術(shù)語來實(shí)現(xiàn)熟悉的標(biāo)準(zhǔn)和范例。該應(yīng)用程序以人們期望的方式結(jié)合了功能和行為。

直接操縱

屏幕內(nèi)容的直接操作可以吸引人們并促進(jìn)理解。用戶在旋轉(zhuǎn)設(shè)備或使用手勢來影響屏幕內(nèi)容時(shí)會(huì)經(jīng)歷直接的操縱。通過直接操作，他們可以看到其操作的直接可見結(jié)果。

反饋

反饋確認(rèn)行動(dòng)并顯示結(jié)果，以使人們了解情況。內(nèi)置的iOS應(yīng)用程序可響應(yīng)每個(gè)用戶操作提供可感知的反饋。輕觸時(shí)，交互元素將突出顯示，進(jìn)度指示器傳達(dá)長時(shí)間運(yùn)行的操作的狀態(tài)，動(dòng)畫和聲音有助于闡明操作的結(jié)果。

隱喻

當(dāng)應(yīng)用程序的虛擬對象和動(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)選擇器值。他們甚至瀏覽書籍和雜志的頁面。

互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)的尺寸規(guī)范和分辨率的認(rèn)識，是進(jìn)行線上界面設(shè)計(jì)的di一步。然而，市面上的型號有很多，咋辦？

作為設(shè)計(jì)師，要掌握常見的尺寸和距離，理解并做好設(shè)計(jì)的適配，才能解決不同手機(jī)屏幕之間的布局規(guī)范和換算關(guān)系。

http://ywxrmy.cn/wangzhansheji/3246.html 網(wǎng)站的設(shè)計(jì)規(guī)范都有哪些？