產(chǎn)品設(shè)計(jì)規(guī)范與關(guān)乎“秩序和混亂”的人生算法

一、目錄結(jié)構(gòu)規(guī)范

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

Axure 輸出原型及規(guī)范汹忠,方便閱讀

1.需求規(guī)格說明書&產(chǎn)品結(jié)構(gòu)導(dǎo)圖

目的:介紹整個(gè)項(xiàng)目背景及產(chǎn)品形態(tài)等被辑,通常以《需求規(guī)格說明書》的形式展示。

需求規(guī)格書1


需求說明書2


需求說明書3


產(chǎn)品結(jié)構(gòu)導(dǎo)圖

一般用思維導(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)的需求,評(píng)審阔蛉,設(shè)計(jì)&開發(fā)褒繁,測試,驗(yàn)收馍忽,上線的路線,相關(guān)流程都應(yīng)該體現(xiàn)在流程圖里燕差,方便閱讀者知曉遭笋。

開發(fā)流程

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

流程圖

3. 原型封面&版本控制

原型封面主要介紹作簡要的產(chǎn)品描述和歸屬標(biāo)識(shí),作為原型設(shè)計(jì)完整性的一部分测暗,不是必要的央串。

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

版本控制

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ái)系統(tǒng)框架:1)系統(tǒng)功能區(qū) 2)菜單區(qū) 3)數(shù)據(jù)/功能區(qū)

框架設(shè)計(jì) 示例1

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

框架設(shè)計(jì) 2


框架設(shè)計(jì) 示例 3


框架設(shè)計(jì) 示例4


框架設(shè)計(jì) 示例 5

2. 全局控件設(shè)計(jì)規(guī)范

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

控件1


控件 2


控件規(guī)范

品設(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文檔扎运。對(duì)于PC端的原型設(shè)計(jì),我更傾向于用Axure 原生的注釋功能來描述饮戳。分別為:業(yè)務(wù)邏輯豪治,需求說明,功能邏輯扯罐,視覺(交互)邏輯负拟,技術(shù)邏輯,備注等歹河。

規(guī)范注釋

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

artistic order and creative chaos of masters

摘抄來自:http://www.woshipm.com/pmd/935516.html

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市秸歧,隨后出現(xiàn)的幾起案子厨姚,更是在濱河造成了極大的恐慌,老刑警劉巖键菱,帶你破解...
    沈念sama閱讀 211,265評(píng)論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谬墙,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)拭抬,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,078評(píng)論 2 385
  • 文/潘曉璐 我一進(jìn)店門部默,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人造虎,你說我怎么就攤上這事傅蹂。” “怎么了累奈?”我有些...
    開封第一講書人閱讀 156,852評(píng)論 0 347
  • 文/不壞的土叔 我叫張陵贬派,是天一觀的道長。 經(jīng)常有香客問我澎媒,道長搞乏,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,408評(píng)論 1 283
  • 正文 為了忘掉前任戒努,我火速辦了婚禮请敦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘储玫。我一直安慰自己侍筛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,445評(píng)論 5 384
  • 文/花漫 我一把揭開白布撒穷。 她就那樣靜靜地躺著匣椰,像睡著了一般。 火紅的嫁衣襯著肌膚如雪端礼。 梳的紋絲不亂的頭發(fā)上禽笑,一...
    開封第一講書人閱讀 49,772評(píng)論 1 290
  • 那天,我揣著相機(jī)與錄音蛤奥,去河邊找鬼佳镜。 笑死,一個(gè)胖子當(dāng)著我的面吹牛凡桥,可吹牛的內(nèi)容都是我干的蟀伸。 我是一名探鬼主播,決...
    沈念sama閱讀 38,921評(píng)論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼缅刽,長吁一口氣:“原來是場噩夢啊……” “哼啊掏!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起衰猛,我...
    開封第一講書人閱讀 37,688評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤脖律,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后腕侄,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,130評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,467評(píng)論 2 325
  • 正文 我和宋清朗相戀三年冕杠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了微姊。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,617評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡分预,死狀恐怖兢交,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情笼痹,我是刑警寧澤配喳,帶...
    沈念sama閱讀 34,276評(píng)論 4 329
  • 正文 年R本政府宣布,位于F島的核電站凳干,受9級(jí)特大地震影響晴裹,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜救赐,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,882評(píng)論 3 312
  • 文/蒙蒙 一涧团、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧经磅,春花似錦泌绣、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,740評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至轧叽,卻和暖如春苗沧,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背犹芹。 一陣腳步聲響...
    開封第一講書人閱讀 31,967評(píng)論 1 265
  • 我被黑心中介騙來泰國打工崎页, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人腰埂。 一個(gè)月前我還...
    沈念sama閱讀 46,315評(píng)論 2 360
  • 正文 我出身青樓飒焦,卻偏偏與公主長得像,于是被迫代替她去往敵國和親屿笼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子牺荠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,486評(píng)論 2 348

推薦閱讀更多精彩內(nèi)容