1、好的設(shè)計需要表達(dá),原型制作的方法,QQ：120517012,理想原型要素,變更日志,版本說明,信息結(jié)構(gòu),任務(wù)流程,頁面流程,線框圖,交互說明,原型核心要素,線框圖,交互說明,變更日志 OR 版本說明,變更記錄、線框圖、交互說明的“意義”,變更日志/版本說明：方便項目成員看到每次更改的內(nèi)容，然后重點關(guān)注更改部分就可以 線框圖：是業(yè)務(wù)流程的頁面呈現(xiàn)形式，是業(yè)務(wù)規(guī)則的載體，是產(chǎn)品的骨架 交互說明： 讓團(tuán)隊成員清晰、快速的看到全部動態(tài)說明，減少重復(fù)的溝通成本 提高設(shè)計、開發(fā)質(zhì)量和工作效率 加深記憶，方便后續(xù)查閱,變更日志or版本說明 制作方法,變更日志：一般包含日期，變更內(nèi)容變更原因、備注等內(nèi)容,版本

2、說明：一般包含版本號，日期、更改內(nèi)容等,線框圖 - 制作方法,通過明暗對比表達(dá) 不使用截圖與顏色 合理的布局 遵守柵格規(guī)范 標(biāo)記第一屏高度 表達(dá)清楚UI邏輯 考慮視覺實現(xiàn)后的效果,了解視覺趨勢 利用習(xí)慣用法 建立有效的視覺層次 把頁面劃分明確定義的區(qū)域 明顯標(biāo)識可以點擊的地方 降低視覺噪聲 為內(nèi)容創(chuàng)建清楚的格式，以便掃描,線框圖 - 通過明暗對比表達(dá),補妝（光）前,補妝（光）后,加入明暗對比之后，界面元素的優(yōu)先級關(guān)系更直觀，方便視覺設(shè)計師更好的理解設(shè)計,線框圖 - 不使用截圖與顏色,不規(guī)范 對視覺設(shè)計師做設(shè)計有干擾,線框圖 - 合理的布局,美觀、易懂 更符合設(shè)計規(guī)則和用戶習(xí)慣,線框圖 - 遵守

3、柵格規(guī)范,使頁面布局更標(biāo)準(zhǔn)、合理 提高頁面模塊可重用性 提高產(chǎn)品質(zhì)量,線框圖 - 標(biāo)記第一屏高度,讓視覺設(shè)計師進(jìn)行視覺設(shè)計時明確首屏區(qū)域,線框圖 - 表達(dá)清楚UI邏輯,減少頁面樣式的混亂，給用戶一個清晰的引導(dǎo),線框圖 - 考慮視覺實現(xiàn)后的效果,原型設(shè)計要預(yù)見到元素布局對視覺設(shè)計會產(chǎn)生的影響，占位符畢竟不是真實的圖片,線框圖 - 了解視覺趨勢,有助于我們在審美上和視覺設(shè)計師站在較為一致的立場，使大家溝通更順暢,線框圖 - 了解視覺趨勢,我們可以把發(fā)現(xiàn)的設(shè)計趨勢應(yīng)用到線框圖的設(shè)計中,線框圖 - 利用習(xí)慣用法,頁面上什么內(nèi)容在什么位置 視覺元素的外觀 盡量保持頁面的一致性,線框圖 - 建立有效的視覺

4、層次,重要部分越突出,邏輯上相關(guān)部分視覺上相關(guān),邏輯上包含部分在視覺上進(jìn)行嵌套,這四列位于同一個標(biāo)題之下，明確表示它們是同一個新聞故事的組成部分,這個標(biāo)題字體大小讓人一眼就能看出它是最重要的新聞故事,讓頁面一瞬間明白哪些是重要的，哪些是類似的，哪些是另一些的組成部分，讓頁面更易懂,線框圖 - 把頁面劃分明確定義的區(qū)域,讓開發(fā)、設(shè)計人員明確自己在哪，并且關(guān)注的是什么區(qū)域,線框圖 - 明顯標(biāo)識可以點擊的地方,讓開發(fā)、設(shè)計人員除了關(guān)注內(nèi)容展示之外，更關(guān)注哪些是可點擊的地方,線框圖 - 降低視覺噪聲,我們的時間和注意力都很有限，把無謂的部分統(tǒng)統(tǒng)去掉，讓用戶更集中于他關(guān)注的信息和主要操作上,線框圖 -

5、為內(nèi)容創(chuàng)建清楚的格式，以便掃描,清楚的文本格式可以讓用戶更易讀 可使用方法： 突出關(guān)鍵詞語 充分使用標(biāo)題 保持段落簡短 使用符號列表,不好的設(shè)計,更好的設(shè)計,交互說明 制作方法,盡量使用真實、符合邏輯的數(shù)據(jù)內(nèi)容 不遺漏特殊狀態(tài)的描述 避免過長的流水賬式說明 如原型有修改，要更新說明并告訴大家,交互說明 盡量使用真實、符合邏輯的數(shù)據(jù)內(nèi)容,避免增加開發(fā)人員的困擾，讓開發(fā)人員少一些糾結(jié),交互說明 不遺漏特殊狀態(tài)的描述,交互說明寫的具體一些，減少不必要的溝通成本,交互說明 避免過長的流水賬式說明,提高交互說明的易讀性，讓前端和開發(fā)人員快速的理解頁面操作邏輯關(guān)系,交互說明 如原型有修改，要更新說明并告訴

6、大家,可以通過郵件或其他方便的形式通知大家，避免團(tuán)隊成員信息的不對稱，減少不必要的溝通成本,為什么要有設(shè)計規(guī)范,設(shè)計規(guī)范是對設(shè)計具體細(xì)節(jié)、技術(shù)的要求、是設(shè)計工作的規(guī)則和界限，是一種模板化應(yīng)用的方法 沒有規(guī)范容易出現(xiàn)什么問題呢？ 不同頻道/模塊各自設(shè)計獨立，導(dǎo)致風(fēng)格不統(tǒng)一 共用功能組件多種樣式重復(fù)設(shè)計，導(dǎo)致時間大量浪費 設(shè)計效率低下 設(shè)計質(zhì)量難以把控,為什么要有設(shè)計規(guī)范,規(guī)范解決了什么問題？ “一致性“形成鮮明的產(chǎn)品特征，增強(qiáng)用戶粘度 提高易用性 滿足團(tuán)隊協(xié)作的需求 減少重復(fù)勞動，提高工作效率 提升設(shè)計質(zhì)量 降低培訓(xùn)和支持成本,原型制作規(guī)范的執(zhí)行及注意事項,對于原型規(guī)范應(yīng)該什么樣，行內(nèi)并沒有非常統(tǒng)一的標(biāo)準(zhǔn)。規(guī)范不可能面面俱到，也不