欧美精品在线一区二区三区_亚洲女同精品视频_日韩一区免费_国产欧美久久久精品免费_国产这里只有精品_僵尸再翻生在线观看_久久99精品国产一区二区三区_亚洲免费一区二区_女教师淫辱の教室蜜臀av软件_中文字幕国产一区二区

交互規(guī)范制定指南

2022-3-3    鶴鶴

一、如何「理解」交互規(guī)范


說起設(shè)計規(guī)范,大家應(yīng)該都不陌生,一個成熟的設(shè)計規(guī)范對 產(chǎn)品設(shè)計、研發(fā)開發(fā)、用戶使用 都有著重要的指導(dǎo)作用:


產(chǎn)品設(shè)計:保障產(chǎn)品內(nèi)不同模塊的設(shè)計一致性,同時提高不同設(shè)計師間的設(shè)計、協(xié)作效率

研發(fā)開發(fā):通過定義的標(biāo)準(zhǔn)規(guī)范,提高流程、組件的復(fù)用率,提高整體開發(fā)效率

用戶使用:讓用戶能夠在產(chǎn)品全局感受到統(tǒng)一且完整的體驗,降低使用成本和學(xué)習(xí)難度



而一個完整的設(shè)計規(guī)范一般分成「視覺」「交互」兩個部分合并組成,在全局原則的指導(dǎo)下,側(cè)重不同的維度和內(nèi)容分別展開規(guī)范的定義,最后再合到一起形成一份完整的設(shè)計規(guī)范。



從用戶體驗要素來看,視覺主要是在「表現(xiàn)層」「框架層」進(jìn)行規(guī)范的統(tǒng)一,主要包括:形、色、字、構(gòu)、質(zhì)、動 六個層面。



而交互角度相對抽象,主要針對于產(chǎn)品的「結(jié)構(gòu)層」「框架層」入手,定義統(tǒng)一的交互規(guī)范,指導(dǎo)頁面、流程搭建和組件使用規(guī)則。包括:全局原則、頁面布局、通用流程、標(biāo)準(zhǔn)組件、文案規(guī)范



整體維度呈“從抽象到具體的總分關(guān)系”,不僅對產(chǎn)品的各個維度都有具體的交互指導(dǎo),而且不僅能保證長期使用,避免重復(fù)返工;同時也便于囊括后續(xù)的迭代內(nèi)容。而這些內(nèi)容,就是我們通常定義的交互規(guī)范,也是交互參與定義設(shè)計規(guī)范的發(fā)力點。


有了對于基本認(rèn)識和搭建框架之后,我們來詳細(xì)聊聊如何定義交互規(guī)范具體內(nèi)容。



二、不同階段應(yīng)該定義

哪些交互規(guī)范?


產(chǎn)品有不同發(fā)展階段,設(shè)計規(guī)范同樣也有,不同階段下的產(chǎn)品目標(biāo)和規(guī)范需要覆蓋的內(nèi)容都不盡相同。我們要既要避免做多,保證投入產(chǎn)出比最大化;同時也要構(gòu)建一個合理的規(guī)范迭代思路。


產(chǎn)品探索初期


該階段的產(chǎn)品核心目標(biāo)是「驗證產(chǎn)品或商業(yè)模型」,業(yè)務(wù)需求都是小步快跑、頻繁迭代。產(chǎn)品處于從0到1的野蠻生長狀態(tài),存在著“先滿足功能,再優(yōu)化體驗”的情況,導(dǎo)致該階段的產(chǎn)品體驗往往不太過關(guān)。


搭建目的:通過定義原則,梳理關(guān)鍵頁面和流程,搭建基本的規(guī)范框架。既讓團(tuán)隊對產(chǎn)品有統(tǒng)一的設(shè)計價值觀和認(rèn)知判斷;從頁面到流程,又能對應(yīng)設(shè)計參照標(biāo)準(zhǔn);同時業(yè)務(wù)可以在規(guī)定的框架下發(fā)展,不僅讓產(chǎn)品體驗的根基牢固,而且不會限制功能設(shè)計自由。


搭建范圍:「全局原則」「頁面布局」「通用流程」


產(chǎn)品穩(wěn)定發(fā)展期


該階段的產(chǎn)品基本形態(tài)已穩(wěn)定,也形成了初步的模型結(jié)構(gòu)。后續(xù)迭代是在現(xiàn)有結(jié)構(gòu)的基礎(chǔ)上,進(jìn)行增加或優(yōu)化功能。雖然探索期定義了產(chǎn)品原則、布局和流程,但探索期產(chǎn)品的自由生長,會導(dǎo)致不少設(shè)計細(xì)節(jié)不一致,從而影響了產(chǎn)品整體的體驗和效率。


搭建目的:通過回溯整理過往設(shè)計,沉淀優(yōu)化成完整的交互規(guī)范。再根據(jù)規(guī)范統(tǒng)一產(chǎn)品體驗,進(jìn)一步優(yōu)化流程和效率, 讓整個產(chǎn)品體驗達(dá)到相對穩(wěn)定的狀態(tài)。

搭建范圍:「全局原則」「頁面布局」「通用流程」「標(biāo)準(zhǔn)組件」「文案規(guī)范」



三、如何「定義」交互規(guī)范


3.1 定義交互規(guī)范的原則


與行業(yè)通用的設(shè)計規(guī)范(如TDesign、AntDesign,文末領(lǐng)取騰訊設(shè)計系統(tǒng)源文件)“大而全”“通用”的特質(zhì)不同,一般團(tuán)隊內(nèi)構(gòu)建的設(shè)計規(guī)范都是源于某一個產(chǎn)品或業(yè)務(wù),主要的特點是“專精”。專注于「業(yè)務(wù)」本身,主要是「團(tuán)隊內(nèi)成員使用」,追求的是投入產(chǎn)出比最大化。


基于此背景,當(dāng)我們在定義「交互規(guī)范」時,有三點原則:


原則一:保持規(guī)范的業(yè)務(wù)性設(shè)計規(guī)范既要貼合業(yè)務(wù)場景歸納完整,同時又要避免憑空定義脫離實際。故我們定義時要代入業(yè)務(wù)規(guī)劃,盡量富有前瞻性,這樣定義的規(guī)范不僅能覆蓋當(dāng)前需要,同時后續(xù)也能更好地迭代。


原則二:保持規(guī)范的專注性。有的放矢,明確內(nèi)容優(yōu)先級,避免盲目追求大而全和形式主義。對于優(yōu)先級高(覆蓋面廣、復(fù)用率高)的關(guān)鍵內(nèi)容重點描述;優(yōu)先級低(邏輯簡單、認(rèn)知一致)的內(nèi)容可簡要描述,避免事無巨細(xì)降低效率。


原則三:保持規(guī)范的生長性。設(shè)計規(guī)范不是一成不變,而是跟隨業(yè)務(wù)發(fā)展不斷迭代完善的,所以需要階段性的回顧規(guī)范。遇到規(guī)范未能覆蓋或無法指導(dǎo)設(shè)計的地方,及時修訂同步團(tuán)隊,避免墨守成規(guī),固步自封。



最后,還有一點建議:在定義規(guī)范時,可以站在前人肩膀,適度參考行業(yè)設(shè)計規(guī)范,能復(fù)用用的直接參考,具有業(yè)務(wù)特性的再集合業(yè)務(wù)綜合考慮,使整個規(guī)范制定效率更高,科學(xué)性、指導(dǎo)性更強(qiáng)。


在找到自己當(dāng)前所屬的產(chǎn)品階段、明確要建立哪些設(shè)計規(guī)范后,具體應(yīng)該如何進(jìn)行落地執(zhí)行呢?建議從以下4個步驟入手。



3.2 第一步:定義規(guī)范分類


如上文中提到,一個完整的交互規(guī)范分為:「全局原則」「頁面布局」「通用流程」「標(biāo)準(zhǔn)組件」「文案規(guī)范」五個維度,但每個維度具體含有哪些內(nèi)容,都是不一樣的。仍然需要根據(jù)實際業(yè)務(wù)需要去定義,這樣才能盡量保證沒有遺漏,也更好為下一環(huán)節(jié)評估工作量。


通用的做法有兩種:


方式一:整理業(yè)務(wù)場景下不同的頁面、流程等,并進(jìn)行抽象合并。「全局原則」「頁面框架」和「通用流程」具有強(qiáng)業(yè)務(wù)導(dǎo)向,可以采用此方式。

以「頁面布局」為例,就需要將關(guān)鍵頁面按統(tǒng)一顆粒度收集(按層級或按場景等)。



方式二:參考行業(yè)通用規(guī)范的定義,先羅列完整,再根據(jù)產(chǎn)品實際業(yè)務(wù)需要進(jìn)行增刪改。

「標(biāo)準(zhǔn)組件」「文案規(guī)范」已經(jīng)在行業(yè)內(nèi)有了不少科學(xué)的目錄和沉淀,可以采用此方式,例如下圖組件的梳理。



最后可產(chǎn)出如下圖的規(guī)范分類和具體內(nèi)容。(可以列的不是很全,后續(xù)補(bǔ)充具體部分內(nèi)容時持續(xù)維護(hù)這張表。)



3.3 第二步:確定分工排期


有了具體內(nèi)容作為依據(jù),便可以根據(jù)此進(jìn)行排期分工。


分工原則:推薦按規(guī)范分類進(jìn)行分工,一個大的分類由一人負(fù)責(zé),保證專注性。同時團(tuán)隊交互最好都能參與,保證后續(xù)對規(guī)范更好的沿用。

排期原則:「定義規(guī)范」和「輸出需求」兩者經(jīng)常要并行處理,此時提高效率,控制投入產(chǎn)出比就很重要了,我們需要明確優(yōu)先級,先做什么后做什么。有3個思路可以綜合參考:


- 并行的思路:在定義完「全局原則」后,剩下的頁面、流程、組件、文案都可考慮并行定義,彼此之間沒有明確的依賴項。

- 迭代的思路:近期有迭代的版本,如:即將改版的模塊、反饋較多體驗較差的模塊,其中涉及到的頁面框架、組件可優(yōu)先定義

- 復(fù)用的思路:某些典型頁面、典型流程、典型組件涉及面廣,許多需求的設(shè)計都將借鑒參考,亦可優(yōu)先抽象定義



3.4 第三步:統(tǒng)一撰寫原則


設(shè)計規(guī)范是由不同的設(shè)計師一起合作完成,所以我們盡量在一開始,就需要統(tǒng)一規(guī)范的撰寫和展現(xiàn)形式。以此提高后續(xù)合并的效率,同時又能保證其閱讀體驗,讓其它使用者能夠更好遵循。對此,我們定義了幾個關(guān)鍵原則:


目錄完整:高效檢索,快速讓使用者找到需要的內(nèi)容。

原則清晰:抽象的內(nèi)容往往含有許多概念和原則,需要讓使用者先理解再參考,才能保證后續(xù)使用正確、舉一反三

多圖少字:沒有人喜歡看字,圖片更容易吸收

搭配案例:讓使用者更好的代入場景,理解和使用規(guī)范。



3.5 第四步:定義具體規(guī)范 ★


前面鋪墊了許多流程性的內(nèi)容,就像我們?nèi)粘]敵鲈O(shè)計需求一樣,大家或多或少在工作中都有遇到過。接下來,將重點聊聊,我們具體的內(nèi)容應(yīng)該如何定義。依然分成5個環(huán)節(jié)一一講解。


3.5.1 全局原則

目標(biāo):明確影響整站各個模塊、各個頁面設(shè)計的原則和規(guī)范,指導(dǎo)我們后續(xù)各種規(guī)范的定義和設(shè)計。


而全局原則也分兩種,設(shè)計原則和業(yè)務(wù)原則兩種。


設(shè)計原則:每個完整的設(shè)計規(guī)范都需要包含的內(nèi)容,如:設(shè)計價值觀、設(shè)計準(zhǔn)則。看似相對務(wù)虛的東西,實則影響后續(xù)整個設(shè)計方向。這個部分需要和產(chǎn)品經(jīng)理、視覺同學(xué)結(jié)合產(chǎn)品的定位和發(fā)展共同提煉。具體定義方式可參考:

《你為什么需要設(shè)計原則?》

https://zhuanlan.zhihu.com/p/246430795


業(yè)務(wù)原則:源自實際業(yè)務(wù)本身產(chǎn)生的問題,行業(yè)內(nèi)沒有標(biāo)準(zhǔn)定義。需要具體問題具體分析,推導(dǎo)出具體目標(biāo),最后再統(tǒng)一制定規(guī)范解決業(yè)務(wù)問題。

舉一個實際的例子便于理解:全局Z軸定義


1)明確問題:整站層級高度沒有統(tǒng)一定義,導(dǎo)致不同控件間相互遮擋,沒有統(tǒng)一規(guī)則。需要定義全局Z軸規(guī)范,統(tǒng)一不同場景、頁面、組件的高度。



2)梳理借鑒:統(tǒng)一梳理相關(guān)場景、頁面、組件,明確需要定義的范圍。再查找行業(yè)規(guī)范,有無參考借鑒。(如Z軸定義,可參考Material Design)



3)定義規(guī)范:最后通過最具代表性的場景進(jìn)行展示



全局原則沒有維度高低之分,例如可能全局涉及到的「右鍵菜單」也能被定義成全局原則。不必盲從行業(yè)交互規(guī)范內(nèi)龐大且抽象的原則。只要能夠?qū)嶋H解決你業(yè)務(wù)的需要,能夠覆蓋整站各個部分,都可以納為全局原則。


3.5.2 頁面框架

目標(biāo):梳理整站所有關(guān)鍵頁面,整理抽象成相對固定的 框架布局&功能分區(qū) 讓后續(xù)設(shè)計新頁面時能遵循規(guī)律、找到參考。


頁面框架的搭建一般由四個步驟組成:

第一步,收集頁面:根據(jù)早期定義的規(guī)范分類,收集展示所有相同層級的頁面。這些在定義規(guī)范分類時,應(yīng)該已收集完成。

第二步,框架布局:提取共性,搭建框架和布局,明確頁面大的區(qū)域劃分和結(jié)構(gòu)。(TDesign布局詳細(xì)指南,文末領(lǐng)取騰訊設(shè)計系統(tǒng)源文件)



第三步,功能分區(qū):基于框架布局,細(xì)化區(qū)域內(nèi)具體的業(yè)務(wù)功能屬性,如:導(dǎo)航區(qū)、操作區(qū)等。這部分是頁面框架內(nèi)最接地氣最具指導(dǎo)性的內(nèi)容,同時也是最難定義的。主要原因如下:


- 定義太細(xì),擔(dān)心缺乏前瞻性限制后續(xù)設(shè)計:定義越細(xì)靈活度就低,后續(xù)改動和限制性就越高。為避免這種問題,推薦在定義關(guān)鍵頁面時,按輸出設(shè)計稿的思路:整理「信息架構(gòu)」→定義「功能分區(qū)」,這樣后續(xù)拓展性和前瞻性更高



- 定義太粗,無法定義出明確的功能分區(qū),擔(dān)心缺乏實際指導(dǎo)意義:同一區(qū)域有些頁面展示操作,有些展示導(dǎo)航。從規(guī)范角度好像不應(yīng)該,但實際套在各個業(yè)務(wù)內(nèi)卻又合理。當(dāng)遇到這種無法達(dá)成一致的情況時,建議就不定義具體的“功能分區(qū)”,避免因為盲目追求統(tǒng)一而限制實際設(shè)計。


而可以采用“窮舉舉例”的方式,將該布局下可承載的內(nèi)容均展示出來,既可以起到參考意義,又能供后續(xù)沿用達(dá)到統(tǒng)一的效果。



第四步,加入案例:將剛剛定義的布局框架與功能分區(qū),與實際案例完整結(jié)合,便于后續(xù)理解和沿用。



3.5.3 通用流程

目標(biāo):梳理整站所有流程,對那些可復(fù)用的流程進(jìn)行整理、抽象、封裝。讓后續(xù)設(shè)計師和研發(fā)能夠直接沿用。


“可復(fù)用的流程”是指:在多個場景下,不改變其原有業(yè)務(wù)邏輯的情況下能夠“既插既用”。例如:登錄注冊流程、掃碼關(guān)注流程、分享流程等等。往往一個通用流程中,不同的步驟亦可以打散,重新拼裝成不同的流程,以適配具體的場景使用。


下面就舉一個具體的例子:注冊流程。一般完整的注冊流程如下,通過不同的入口觸發(fā)后進(jìn)入,通過一定步驟后注冊成功。



當(dāng)業(yè)務(wù)有了進(jìn)一步需求,需要通過插件快捷登錄時,步驟便可以重新組合,再適配具體的場景



對于設(shè)計師要做的,就是識別具體的通用流程有哪些,并將其給「步驟化」串聯(lián)起來。當(dāng)有新的需求來的時候,判斷能直接復(fù)用,還是需要重新組裝,亦或是新增步驟。

而這樣拼裝的思維,恰好對應(yīng)了研發(fā)搭建流程時的思路。通用流程對于他們就是將不同的步驟進(jìn)行組合起來。當(dāng)遇到不同場景時,再以搭積木的方式進(jìn)行拼裝。


而具體的搭建步驟也是由兩個步驟組成:1.第一步,收集流程;2.第二步,抽象步驟。具體方式上面已提到,就不過多贅述。


3.5.4 標(biāo)準(zhǔn)組件

目標(biāo):將產(chǎn)品內(nèi)使用過的組件整理成“標(biāo)準(zhǔn)組件”,統(tǒng)一定義規(guī)則,讓后續(xù)設(shè)計和研發(fā)時能直接調(diào)取組件,提高設(shè)計和研發(fā)效率。


其實行業(yè)中已經(jīng)有很多通用組件,可以快速調(diào)用。但由于不同業(yè)務(wù)的復(fù)雜度不一樣,也會生成自己獨特的業(yè)務(wù)定制組件。同時,產(chǎn)品持續(xù)在迭代,也很難能抽出時間單獨定義組件。故基于這個背景,結(jié)合“需求設(shè)計流程”和“組件整理流程”,有兩種高效定義標(biāo)準(zhǔn)組件的方式。


方式一:調(diào)用行業(yè)通用組件


第一步,業(yè)務(wù)設(shè)計確定基本邏輯。

第二步挑選行業(yè)通用組件,增加業(yè)務(wù)規(guī)則。(一般開發(fā)在搭建產(chǎn)品初期時,便會選擇一家行業(yè)組件進(jìn)行使用,而組件也僅能在這家提供的組件中挑選)

第三步,視覺根據(jù)全局視覺原則,設(shè)計新的樣式。

第四步,將交互規(guī)則、視覺樣式合并,統(tǒng)一成標(biāo)準(zhǔn)組件。基礎(chǔ)規(guī)則直接引用行業(yè)組件已定義的內(nèi)容,場景規(guī)則按需補(bǔ)充。




方式二:業(yè)務(wù)定制組件


第一步,進(jìn)行正常的業(yè)務(wù)設(shè)計。交互根據(jù)需求搭建原型,視覺設(shè)計具體樣式

第二步,判斷組件是否通用,是否可復(fù)用到其它場景。例如:分享對話框,不同的內(nèi)容分享都能夠用得到,像這種就是可抽象成標(biāo)準(zhǔn)組件的典型案例。

第三步,定義標(biāo)準(zhǔn)組件規(guī)范。簡單的組件展示具體樣式即可,團(tuán)隊內(nèi)設(shè)計師基本認(rèn)知一致,無需重新學(xué)習(xí)。而復(fù)雜的組件為保證后續(xù)的正確復(fù)用,建議包括以下內(nèi)容:


- 更新日志:因為組件是變動最多的規(guī)范,需要明確具體的版本和改動點

- 組件定義:簡要介紹用途和使用規(guī)則,如對話框定義:必須是用戶主動觸發(fā)時才出現(xiàn)、主要使用在二次確認(rèn)場景需用戶確認(rèn)后才消失等。

- 組件結(jié)構(gòu):介紹組件構(gòu)成、功能分區(qū)、分區(qū)定義,詳細(xì)展示不同分區(qū)內(nèi)具體信息和對應(yīng)規(guī)則。 



- 使用場景:詳細(xì)區(qū)分多種場景下不同的使用方式,明確給予使用指導(dǎo)



- 設(shè)計方案:備選,如果比較復(fù)雜的組件且涉及到流程中的關(guān)鍵環(huán)節(jié),建議可以考慮復(fù)制一個完整的設(shè)計方案嵌入其中,便于團(tuán)隊成員理解沿用。


第四步,跟研發(fā)溝通,封裝成標(biāo)準(zhǔn)組件。這一步是非常關(guān)鍵也是重要的一步,這將大大提高我們后續(xù)的組件復(fù)用率,降低重復(fù)性走查的耗時。推薦使用CoDesign-設(shè)計規(guī)范功能,上傳「組件庫」后能夠按目錄自動生成規(guī)范文檔,同時將自動標(biāo)注和切圖,大大提高研發(fā)開發(fā)標(biāo)準(zhǔn)組件的效率。



3.5.5 文案規(guī)范

目標(biāo):將產(chǎn)品內(nèi)各個場景內(nèi)文案進(jìn)行整理,幫助業(yè)務(wù)更準(zhǔn)確表達(dá)意圖,讓設(shè)計師更好沿用,同時讓用戶感受到一致的產(chǎn)品風(fēng)格。


文案就像“產(chǎn)品對用戶說的話”,不同的人說話方式可能并不一樣,沒有絕對的對錯。但清晰明了的語言表述,讓用戶更容易理解;符合產(chǎn)品氣質(zhì)的語氣,能拉近產(chǎn)品與用戶的距離;統(tǒng)一的文案描述,又能讓用戶在整站一致的語境下體驗產(chǎn)品。


需要定義的內(nèi)容,包括但不限于以下3個部分:


1.語言:語言是指我們通過什么樣的規(guī)則來組合文字,讓它形成一種慣用的表達(dá)方式。例如語句簡潔明了,不過度修飾,避免重復(fù)描述,使用簡潔清晰的語序,幫助用戶快速理解;例如用詞精準(zhǔn)易懂,使用簡單、易于用戶理解的詞匯,避免使用專業(yè)術(shù)語,或過于口語化的表述


單純說規(guī)則可能太虛了,在實際定義規(guī)范時,還要如下圖所示,加上實際案例示意避免誤解。



2.語氣:語氣是可以體現(xiàn)產(chǎn)品氣質(zhì)和風(fēng)格,定義時要結(jié)合全局原則內(nèi)的設(shè)計價值觀,明確產(chǎn)品性格后才能更好的定義出符合產(chǎn)品的語氣風(fēng)格。同一種語境下不同風(fēng)格的文案就有明顯差異。如網(wǎng)絡(luò)異常時:


? 俏皮的文案可能是:網(wǎng)絡(luò)開小差,請稍等一下

? 而正經(jīng)的文案可能是:網(wǎng)絡(luò)異常,稍后重試。



3.書寫規(guī)則:主要包括常用詞匯的書寫方式,例如「日期簡寫方式」「英文大小寫方式」「使用全角標(biāo)點符號」等。以及易錯的詞匯短語示意,例如「賬號還是帳號」、「登陸還是登錄」等。這是團(tuán)隊設(shè)計師最容易沿用遵循的,也是接地氣的部分。



4.具體使用指南:以上「語言」「語氣」「書寫規(guī)則」3個部分,是構(gòu)成全局文案的基礎(chǔ)規(guī)范。如果有充足時間的團(tuán)隊,可以考慮再結(jié)合實際業(yè)務(wù),分別定義不同場景和組件下具體的使用指南。如下圖:



最后再附上各個行業(yè)內(nèi)定義文案規(guī)范例子,供大家參考:

B端產(chǎn)品文案指南:

https://www.yuque.com/linyecx/dragon/occ7pr#UEUSw

AntDesign 文案規(guī)范:

https://ant.design/docs/spec/copywriting-cn

Clarity Design 文案規(guī)范:

https://design.teambition.com/doc/introduction

國家標(biāo)點符號用法:

http://www.moe.gov.cn/ewebeditor/uploadfile/2015/01/13/20150113091548267.pdf



四、如何「推進(jìn)」交互規(guī)范


定義完交互規(guī)范,后續(xù)將考慮如何將其順利的推進(jìn)落地。本文羅列幾個推進(jìn)時重點需要注意的事項。


4.1 團(tuán)隊評審,達(dá)成一致


規(guī)范的定義不是一個人的事情,而是一個團(tuán)隊事情,它將關(guān)系到每個后續(xù)每個人的設(shè)計產(chǎn)出。所以在制定規(guī)范期間,應(yīng)該定期在團(tuán)隊中進(jìn)行設(shè)計評審。這不僅是評審設(shè)計好壞的過程,更是讓團(tuán)隊達(dá)成一致、大家更深入了解如何使用規(guī)范的過程。


注意,參與評審的人不止是設(shè)計師,當(dāng)然也包括具體的業(yè)務(wù)開發(fā),很多時候我們會得到新的思路和啟發(fā)。


4.2 善用工具,沉淀規(guī)范


規(guī)范搭建的過程中,有很多痛點:組件庫需要多人參與維護(hù)和創(chuàng)建,容易造成沖突內(nèi)容丟失;同時沉淀規(guī)范文檔時,需要圖片逐一復(fù)制、粘貼到文檔內(nèi),更新時又要重復(fù)一遍這樣的操作。而這些問題,使用CoDesign設(shè)計規(guī)范功能,就可以有效的解決提高效率。


首先組件庫支持多人同時維護(hù),差量更新;其次組件庫上傳后,可以自動生成/更新規(guī)范文檔,避免反復(fù)編寫文檔,整體提效;最后當(dāng)組件庫有新版本時,會自動提醒團(tuán)隊內(nèi)其他成員進(jìn)行更新,保障團(tuán)隊設(shè)計一致性。



規(guī)范的過程其實也是整體設(shè)計走查的過程,我們會發(fā)現(xiàn)有些設(shè)計可能有體驗問題,或不符合規(guī)范。每當(dāng)這個時候,我們就需要對這些設(shè)計進(jìn)行標(biāo)記。在規(guī)范定義完成之后,迭代排期優(yōu)化線上的設(shè)計。


而在實際設(shè)計使用過程中,可能又會發(fā)現(xiàn)規(guī)范無法滿足的地方,此時又可以展開新一輪的提煉和總結(jié),再反哺規(guī)范,形成正向循環(huán)促使設(shè)計和規(guī)范不斷完善。



五、寫在最后


在前言的時候就有提到「交互規(guī)范」只是整體規(guī)范中的一部分,最終是需要與視覺合并成一份統(tǒng)一的設(shè)計規(guī)范,指導(dǎo)后續(xù)具體的設(shè)計。具體的合并方式,在定義的章節(jié)內(nèi)已有提到,就不再贅述。


最后,我一直認(rèn)為好的設(shè)計規(guī)范是提高設(shè)計效率,引導(dǎo)設(shè)計方向,而不是因為設(shè)計規(guī)范而局限了具體業(yè)務(wù)的設(shè)計,如果這樣,還不如不去定義。

文章來源:站酷      作者:大魔V

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計www.ocunn.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務(wù)

日歷

鏈接

個人資料

存檔

手机av免费观看| 久久久人成影片一区二区三区观看| 日韩美女视频在线观看| 一区二区精品在线观看| 日日夜夜精品视频免费观看| 成年人免费高清视频| 九九在线视频| 国产aⅴ精品一区二区四区| 女生裸体视频一区二区三区| 91丨九色porny丨蝌蚪| 欧美日韩亚洲不卡| 91精品国产高清久久久久久久久 | 亚洲男人天堂手机在线| 成人在线观看视频网站| aaa毛片在线观看| 久久艹精品视频| 国产有码在线| 日韩超碰人人爽人人做人人添| 久久精品国产免费| 日韩欧美国产一区二区| 欧美激情中文字幕在线| 一本—道久久a久久精品蜜桃| 亚洲狠狠婷婷综合久久久久图片| 一级片视频免费| 97人澡人人添人人爽欧美| 欧美电影一二区| 国产日韩精品一区二区三区| 亚洲第一网中文字幕| 亚洲一区二区三区毛片| 粉色视频免费看| 最近中文字幕在线观看视频| 久久免费电影| 欧美午夜不卡影院在线观看完整版免费 | 色偷偷一区二区三区| 91精品国产乱码久久久久久久久| youjizz.com亚洲| 一级黄色录像毛片| 最新天堂资源在线| 国偷自产视频一区二区久| 国产91丝袜在线播放| 欧美一级久久久久久久大片| 91视频网页| 国产日韩视频一区| 手机看片福利在线| 超碰在线成人| 97se亚洲国产综合自在线| 亚洲精品久久7777777| 精品久久一区二区三区蜜桃| 国产乱了高清露脸对白| 91网在线观看| 羞羞色国产精品网站| 久久婷婷国产综合国色天香| 亚洲网在线观看| 亚洲成人a**址| 老司机成人免费视频| 午夜在线观看视频| 午夜精品国产| 欧美日韩免费一区| 国产精品丝袜视频| 日本一区二区三区在线免费观看| 国产黄色美女视频| ccyy激情综合| 国产午夜亚洲精品不卡| 日韩视频免费在线| 免费特级黄色片| 91久久国产综合久久91| 主播大秀视频在线观看一区二区| 精品无人区卡一卡二卡三乱码免费卡| 制服丝袜激情欧洲亚洲| 国产午夜精品一区| 欧美另类69xxxx| 久久久久久久久免费视频| 激情六月综合| 在线免费观看一区| 国产精品视频免费一区| 国产一区二区三区四区五区六区 | 777奇米四色成人影色区| 国产久一道中文一区| 妖精视频在线观看免费| 哥也色在线视频| 久久性天堂网| 亚洲成人黄色在线观看| 综合久久国产| 黄色片网站在线免费观看| 韩国精品视频在线观看| 99re亚洲国产精品| 欧美激情videoshd| 国产成人美女视频| 中文产幕区在线观看| 91精品国产91久久久久久黑人| 婷婷综合另类小说色区| 91久久国产自产拍夜夜嗨| 永久免费毛片在线观看| bl视频在线免费观看| 国产一区视频导航| 一区二区欧美激情| 漂亮人妻被中出中文字幕| 蜜臀av免费在线观看| 欧美精品久久久久久| 欧美性猛交xxxx富婆| 国产一区不卡在线观看| 久久国产精品波多野结衣av| 日韩高清在线| 久久久国产一区二区三区四区小说| 欧美极品少妇xxxxⅹ免费视频| 五月天丁香花婷婷| 国产精品99999| 天堂久久久久va久久久久| 亚洲精品国产精品国自产在线| 欧美久久久久久久久久久久久久| 91肉色超薄丝袜脚交一区二区| 丝袜av一区| 欧美日韩亚洲激情| 欧美人xxxxx| 久久久久久久亚洲| 色愁久久久久久| 色综合久久综合网欧美综合网| 精品一区二区三区日本| 精品国产xxx| 免费看久久久| 色婷婷av一区| 日韩影片在线播放| 一二三区中文字幕| 日韩欧美一区免费| 4438x亚洲最大成人网| 亚洲黄色网址在线观看| 亚洲精品视频网| 欧美一区二区| 亚洲激情成人网| caopor在线视频| 国产在线视频网| 精品综合免费视频观看| 欧美高清视频免费观看| 国产 xxxx| 日韩av一卡| 国产精品视频一二| 97夜夜澡人人双人人人喊| 国产乡下妇女做爰视频| 豆花视频一区二区| 在线观看日产精品| 国产又粗又大又爽的视频| 少妇一区二区三区四区| 99综合视频| 色狠狠久久aa北条麻妃| 精品人妻一区二区免费| 日本不卡免费高清视频在线| 国产精品私人自拍| 国产一区再线| 97超碰人人草| 亚洲性人人天天夜夜摸| 中文字幕日韩av综合精品| 杨幂一区二区国产精品| 国产传媒在线| 一区精品在线播放| 免费影院在线观看一区| 99国产精品久久久久久久成人 | 国产精品白丝av嫩草影院| 91激情在线视频| 菠萝蜜视频在线观看入口| 亚洲52av| 国产a级毛片一区| 国产美女搞久久| 久久精品视频5| 欧美不卡高清| 日韩亚洲国产中文字幕| 精品无码国产污污污免费网站 | 奇米成人av国产一区二区三区| 5566中文字幕| 伊人久久大香线蕉综合网站| 日韩欧美电影一区| 在线一区二区不卡| 中老年在线免费视频| 亚洲国产日韩一级| 久久久久久av无码免费网站下载| 三级无遮挡在线观看| 丰满白嫩尤物一区二区| 亚洲精品欧美日韩| 国产精品久久久久久无人区| 国产精品日韩| 96精品视频在线| 日本一本高清视频| 欧美日韩国产免费观看| 久久99视频精品| 日本中文字幕免费在线观看| 国内黄色精品| 一区二区三区回区在观看免费视频| 精品熟女一区二区三区| 久久国产精品美女| 欧美一区日本一区韩国一区| 国产三级精品三级在线| 先锋欧美三级| 欧美日韩免费在线视频| 天天视频天天爽| 精品亚洲美女网站| 精品视频1区2区3区| 污网站在线免费| 国产成+人+综合+亚洲欧美| 欧美色精品天天在线观看视频| 手机看片福利日韩| 怡红院成人在线| 欧美性色黄大片| 亚洲高清免费在线观看| 99久久er| 欧美一级理论片| 91丨porny丨对白| 成人福利一区| 亚洲欧美中文日韩v在线观看| 精品无码国产污污污免费网站 | 国产精品青草久久| 一本色道久久88亚洲精品综合| 香蕉视频在线免费看| 一区二区三区日韩精品| 日本www在线视频| 色偷偷偷在线视频播放| 欧美影视一区二区三区| 黄色片免费网址| 国产精品久久久久久久久久辛辛| 精品日韩在线观看| 国产精品无码久久久久一区二区| 一区二区三区日本久久久| 中文字幕欧美视频在线| 欧美成欧美va| 在线日韩中文| 国产精品自拍网| 欧美 日韩 人妻 高清 中文| 成人精品gif动图一区| 欧美最大成人综合网| 无遮挡动作视频在线观看免费入口| 亚洲精品国久久99热| 亚洲精品中文字幕无码蜜桃| 欧美黑粗硬大| 日韩精品在线观看视频| 多男操一女视频| 狠狠综合久久| 成人av资源在线播放| 亚洲色图 校园春色| 中文字幕成人av| 国产69精品久久久久久久| 欧美片第一页| 亚洲激情自拍图| 欧美日韩偷拍视频| 欧美一级视频| 国产精品美女黄网| av在线播放免费| 亚洲成a人v欧美综合天堂下载| 在线黄色免费观看| 国产精品久线在线观看| 亚洲欧美综合精品久久成人| 久久深夜福利免费观看| 免费高清成人在线| 精品国产乱码久久久久| av2020不卡| 国产亚洲视频中文字幕视频| 一卡二卡在线观看| 亚洲女人的天堂| 亚洲啪av永久无码精品放毛片| 欧美私人啪啪vps| 日本10禁啪啪无遮挡免费一区二区| 亚洲少妇视频| 精品国产一区二区三区久久狼5月| 国产夫妻在线观看| 亚洲大片一区二区三区| 第一次破处视频| 另类综合日韩欧美亚洲| 香港三级日本三级a视频| 成人福利一区| 国产精品小说在线| 在线看福利影| 国产一区二区黄| 国产自产一区二区| 黑人精品xxx一区一二区| 欧美色视频一区二区三区在线观看| 久久精品国内一区二区三区| 免费观看国产精品视频| 欧美综合久久| 国内精品国语自产拍在线观看| 中文字幕在线免费观看视频| 久久香蕉国产线看观看网| x88av蜜桃臀一区二区| 欧美天堂亚洲电影院在线播放| 久久久久久久黄色| 久久蜜臀中文字幕| 怡红院一区二区| 日本午夜精品视频在线观看 | 91大神精品| 国产日韩欧美自拍| free性欧美| 欧美成人免费全部| 欧洲视频在线免费观看| 日韩视频免费观看高清完整版在线观看 | 久久久久久av无码免费看大片| 亚洲欧美日韩国产成人精品影院| 亚洲欧美va天堂人熟伦| 国产成人精品影视| 图片区乱熟图片区亚洲| 另类图片国产| 又粗又黑又大的吊av| 亚洲精品国产成人影院| 亚洲综合第一| 少妇精品久久久一区二区| 国产视频在线观看一区| 精品视频在线观看网站| 成人在线视频福利| 日本精品另类| 国产精品高潮呻吟久久av野狼| 日本片在线观看| 欧美日韩福利在线观看| 日本美女在线中文版| 日韩在线视频免费观看| 久久精品国产亚洲a∨麻豆| 亚洲男人第一网站| 亚洲精品男人| 亚洲欧美综合精品久久成人| 午夜在线观看91| 亚洲美女喷白浆| 一级黄色在线| 亚洲日本成人女熟在线观看 | 亚洲成成品网站| 日批视频在线播放| 精品国产区一区| 午夜在线观看视频18| 精品成a人在线观看| 色婷婷av一区二区三| 亚洲成人av在线| 玖玖在线免费视频| 精品无人区乱码1区2区3区在线| 国产三级av在线| 精品亚洲永久免费精品| 天堂影院在线| 中文字幕在线精品| 9色在线视频网站| 久久综合伊人77777蜜臀| 久热国产在线| 91精品国产91久久| 日产福利视频在线观看| 国产精品日本精品| 青青国产精品| 国产精华一区| 日韩影视高清在线观看| 亚洲一区二区三区精品视频| 日韩电影免费网址| wwwwww欧美| 日韩亚洲国产欧美| 182午夜在线观看| 国产精品亚洲一区二区三区妖精| 少妇一级淫片免费放播放| 91亚洲国产成人精品一区二区三 | 国产91在线|亚洲| 自拍偷拍中文字幕| 中文一区在线播放| 日本少妇xxxx动漫| 色欧美88888久久久久久影院| 91成人在线免费| 精品国产伦理网| 免费在线黄色影片| 欧美激情精品久久久久久蜜臀| 69av成人| 亚洲精品免费一区二区三区| 高潮按摩久久久久久av免费| 亚洲毛片aa| 激情欧美日韩| 加勒比av中文字幕| 成人成人成人在线视频| 午夜精品久久久久99蜜桃最新版| 亚洲自拍偷拍av| 国产精品久久影视| 日韩成人在线视频观看| 日本免费在线观看| 国产精品久久久久久久9999| 欧美2区3区4区| 综合久久国产| 久久国产66| 亚洲调教欧美在线| 亚洲天堂av老司机| 成人a v视频| 精品国产伦一区二区三区观看方式| 国产中文在线| 青草青草久热精品视频在线网站| 伊人久久大香| 亚洲在线色站| 性伦欧美刺激片在线观看| 日本69式三人交| 一区二区三区在线观看欧美| 国产乱人乱偷精品视频a人人澡| 亚洲国产天堂久久国产91| 国产原创精品视频| 成人妇女免费播放久久久| 一本色道久久综合亚洲精品酒店| 男人添女人下部高潮视频在观看| 久久99国产精品久久| www成人啪啪18软件| 欧美日韩亚洲一区二区| 五月激情婷婷综合| 欧美日韩爱爱视频| 国产精品视频一区二区三区综合| 一区二区三区欧美成人| 久久久成人网| 四季av中文字幕| 色8久久人人97超碰香蕉987| 情se视频网在线观看|