一、目錄結(jié)構(gòu)規(guī)范
一個(gè)好的原型設(shè)計(jì)不僅僅是畫出滿足業(yè)務(wù)需求的原型頁面,而是讓瀏覽者清晰的明白這個(gè)項(xiàng)目的背景和業(yè)務(wù)邏輯以及整個(gè)產(chǎn)品結(jié)構(gòu),而這些基本都是通過目錄來引導(dǎo)的

1.需求規(guī)格說明書&產(chǎn)品結(jié)構(gòu)導(dǎo)圖
目的:介紹整個(gè)項(xiàng)目背景及產(chǎn)品形態(tài)等,通常以《需求規(guī)格說明書》的形式展示。




一般用思維導(dǎo)圖和架構(gòu)圖來展示說明,以上兩個(gè)頁面主要告訴閱讀者項(xiàng)目背景,產(chǎn)品功能形態(tài)。
2. 項(xiàng)目開發(fā)流程&基本流程圖
項(xiàng)目開發(fā)流程圖主要介紹整個(gè)項(xiàng)目開發(fā)過程中各部門角色之間的協(xié)作流程,有的公司偏向于敏捷開發(fā),有的公司走傳統(tǒng)的需求,評審,設(shè)計(jì)&開發(fā),測試,驗(yàn)收,上線的路線,相關(guān)流程都應(yīng)該體現(xiàn)在流程圖里,方便閱讀者知曉。

產(chǎn)品設(shè)計(jì)過程中每一個(gè)涉及到業(yè)務(wù)邏輯和功能邏輯的流程都需要在基本流程圖里提現(xiàn),當(dāng)遇到復(fù)雜的業(yè)務(wù)邏輯的時(shí)候,流程圖往往比原型頁面更加直觀。

3. 原型封面&版本控制
原型封面主要介紹作簡要的產(chǎn)品描述和歸屬標(biāo)識,作為原型設(shè)計(jì)完整性的一部分,不是必要的。

版本控制主要作為產(chǎn)品更新迭代記錄以及設(shè)計(jì)周期的一個(gè)時(shí)間標(biāo)識。

4. 全局框架設(shè)計(jì)規(guī)范&全局控件設(shè)計(jì)規(guī)范&原型注釋規(guī)范
不僅是專業(yè)的UI設(shè)計(jì)需要遵守設(shè)計(jì)規(guī)范,產(chǎn)品設(shè)計(jì)也需要定義一定的設(shè)計(jì)規(guī)范,方便自己設(shè)計(jì)產(chǎn)品隨時(shí)復(fù)用,也方便其他人接手時(shí)能盡可能的在保持設(shè)計(jì)樣式整體一致的前提下,快速上手。
二、產(chǎn)品設(shè)計(jì)規(guī)范
產(chǎn)品設(shè)計(jì)規(guī)范具體體現(xiàn)在:全局框架設(shè)計(jì)規(guī)范,全局控件設(shè)計(jì)規(guī)范,原型注釋規(guī)范這三個(gè)方面。
1. 全局框架設(shè)計(jì)規(guī)范
關(guān)于后臺系統(tǒng)框架:1)系統(tǒng)功能區(qū) 2)菜單區(qū) 3)數(shù)據(jù)/功能區(qū)

當(dāng)然三個(gè)區(qū)域可以進(jìn)行很多靈活的設(shè)計(jì),無論選擇哪種都需要保持所選框架下所有頁面的整體一致性。




2. 全局控件設(shè)計(jì)規(guī)范
控件設(shè)計(jì)規(guī)范在系統(tǒng)設(shè)計(jì)之前很重要



品設(shè)計(jì)過程中可以參考一些優(yōu)秀的UI框架,例如:品設(shè)計(jì)過程中可以參考一些優(yōu)秀的UI框架,例如:Bootstrap,F(xiàn)lat UI ,jQuery UI 等。,F(xiàn)lat UI ,jQuery UI 等。
Axure很使用的功能:母版和控件樣式

3. 全局注釋規(guī)范
于Axure 的,并非借助于PRD文檔。對于PC端的原型設(shè)計(jì),我更傾向于用Axure 原生的注釋功能來描述。分別為:業(yè)務(wù)邏輯,需求說明,功能邏輯,視覺(交互)邏輯,技術(shù)邏輯,備注等。

“我們的混亂,是逃避秩序前無力掌控的毀滅性混亂”?
