激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

學(xué)習(xí)UI設(shè)計(jì)師的工作經(jīng)驗(yàn)和設(shè)計(jì)規(guī)范

發(fā)布時(shí)間：2024-04-01 15:08:01 瀏覽量：164次



我曾在文章：如何讓「設(shè)計(jì)規(guī)范」被有效執(zhí)行和落地？ 一文中為大家介紹過「設(shè)計(jì)規(guī)范」的落地經(jīng)驗(yàn)。這一期再給大家分享一套「設(shè)計(jì)規(guī)范」的編寫思路，相信看過之后，你也可以編寫出高質(zhì)量的設(shè)計(jì)規(guī)范。


看上去復(fù)雜的規(guī)范，其實(shí)都可以抽離出同一套編寫思路，不管你寫的是哪一類規(guī)范（比如組件規(guī)范、動(dòng)效規(guī)范、Banner 視覺規(guī)范等 ）都可以嘗試分為以下幾個(gè)步驟：


1. 定義通用原則

2. 定義事件特點(diǎn)

3. 定義特殊場(chǎng)景

4. 其它內(nèi)容補(bǔ)充


一、定義通用原則


通用原則會(huì)為你的使用者提供評(píng)價(jià)內(nèi)容設(shè)計(jì)好壞、質(zhì)量高低的衡量標(biāo)準(zhǔn)，定義整體設(shè)計(jì)的大方向，也會(huì)幫助使用者決策，判斷什么該做、什么不該做。


案例：

以編寫「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，規(guī)范中的某兩條內(nèi)容如下：


- 契合語義：Banner 中的元素需要與文字語義契合，并對(duì)重點(diǎn)內(nèi)容做強(qiáng)化和引導(dǎo)；


- 樣式簡(jiǎn)潔：以不過于吸引視線為標(biāo)準(zhǔn)，形狀不可過于復(fù)雜，面積不要過大，符合 XXXX行業(yè)的風(fēng)格特征。


經(jīng)驗(yàn)：

1. 通?？偨Y(jié)出關(guān)鍵的2-5條即可，內(nèi)容在精不在多；語言精練，易記、易理解很重要。


2. 這些原則是最基礎(chǔ)、通用的判斷標(biāo)準(zhǔn)，在編寫的過程中要結(jié)合實(shí)際情況，使之具備真實(shí)有效的指導(dǎo)性。


3. 形式要從簡(jiǎn)。寫規(guī)范不是為了彰顯設(shè)計(jì)價(jià)值，而是為了統(tǒng)一和更正他人的設(shè)計(jì)行為，因此形式要追隨功能，侃侃而談和花里胡哨的排版都要慎用，切忌舍本逐末。


二、定義事件特點(diǎn)


接下來你需要對(duì)所要規(guī)范的事件本身進(jìn)行描述，包括事件的特征、狀態(tài)、使用方式等細(xì)節(jié)。這就需要你對(duì)于事件本身進(jìn)行有邏輯的拆解和分類，你可以按照設(shè)計(jì)流程或者組成事件的框架結(jié)構(gòu)來進(jìn)行描述。


案例：

以編寫「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，你可以按照 Banner 的設(shè)計(jì)產(chǎn)出流程，從 Banner 的構(gòu)成框架、圖案樣式、文案規(guī)范、色彩規(guī)范、輸出文件格式等方面，對(duì)其進(jìn)行詳細(xì)描述，這些內(nèi)容就是你對(duì)于設(shè)計(jì)產(chǎn)出的基礎(chǔ)要求和限制。


經(jīng)驗(yàn)：

1. 通常來說你不需要從 0-1 來定義這部分內(nèi)容，而是可以借鑒現(xiàn)有行業(yè)中已被廣泛認(rèn)可的設(shè)計(jì)原理和法則（比如視覺原則就有：視差規(guī)律、情感化設(shè)計(jì)、費(fèi)茲定律等等），來為你的規(guī)范做理論背書，再結(jié)合實(shí)際產(chǎn)品 / 行業(yè)特點(diǎn)來編寫規(guī)范。


2. 規(guī)范顆粒度沒有限制，描述越細(xì)致，規(guī)范就越嚴(yán)格。規(guī)范定義得太寬松會(huì)起不到效果，太嚴(yán)格則會(huì)產(chǎn)生限制、不宜遵守，因此要適度。


3. 對(duì)于一些比較難理解的規(guī)范內(nèi)容，可以給出一些正確 / 錯(cuò)誤實(shí)例，也直接給出一些切實(shí)可用的實(shí)操模版，輔助使用者進(jìn)行理解或操作。如下方 Material Design 在描述 icon 設(shè)計(jì)規(guī)范時(shí)給出的實(shí)例：



三、定義特殊場(chǎng)景


以上的通用規(guī)范和定義可以涵蓋 80% 左右的設(shè)計(jì)情況。但在具體業(yè)務(wù)中難免會(huì)出現(xiàn)特殊或極端情況，預(yù)判并定義這些特殊場(chǎng)景的使用方式也很重要。你可以把特殊場(chǎng)景理解為「邊界場(chǎng)景」，相當(dāng)于找到事件位于臨界點(diǎn)時(shí)的處理方法。


案例：

還是以編寫「Banner 的設(shè)計(jì)風(fēng)格」規(guī)范為例，對(duì)于文案規(guī)范這部分內(nèi)容，當(dāng)業(yè)務(wù)一定要修改現(xiàn)在的文字排版和布局；或者給出的文字內(nèi)容很長(zhǎng)且無法縮減；再或者要翻譯成多國(guó)語言等，對(duì)這類情況提前做好預(yù)判，給出合理的解決方案。


經(jīng)驗(yàn)：

1. 對(duì)于特殊場(chǎng)景，你可以給你自己設(shè)定一條邏輯線，有順序地思考。


2. 更可行的方法是收集實(shí)際工作中其他設(shè)計(jì)師在設(shè)計(jì)過程中遇到的各種特殊情況，進(jìn)行匯總整理。


3. 特殊場(chǎng)景的規(guī)范不需要一步到位，隨時(shí)發(fā)現(xiàn)，隨時(shí)補(bǔ)充。


四、其他內(nèi)容補(bǔ)充


你還可以補(bǔ)充以下內(nèi)容，讓你的規(guī)范更完整：


- 應(yīng)用此規(guī)范的最佳實(shí)踐案例；


- 對(duì)于其他相關(guān)部門的同事，想要獲取相關(guān)知識(shí)，如何快速閱讀關(guān)鍵內(nèi)容；


- 設(shè)立簡(jiǎn)易的反饋和答疑方式，收取使用者的反饋，以便優(yōu)化規(guī)范；


- 規(guī)范的更新時(shí)間和更新內(nèi)容紀(jì)要，保留完整的記錄和歸檔。


規(guī)范的編寫過程不會(huì)是一帆風(fēng)順的，不要急于求成，可以步步為營(yíng)，逐漸優(yōu)化。


另外，并不是說規(guī)范文檔編寫好就萬事俱備了，更重要的是要提供給規(guī)范使用者閱讀的便利性，包括：如何更快地閱讀文檔、在更新文檔之后如何同步等等。

來源網(wǎng)絡(luò)

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定