中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導(dǎo)語(yǔ)：利用設(shè)計(jì)系統(tǒng)，設(shè)計(jì)師可以更高效率地達(dá)成目標(biāo)，結(jié)合設(shè)計(jì)系統(tǒng)進(jìn)行設(shè)計(jì)，產(chǎn)品也可以給用戶(hù)帶來(lái)更好的使用體驗(yàn)。那么設(shè)計(jì)系統(tǒng)包括哪些內(nèi)容？在做設(shè)計(jì)系統(tǒng)時(shí)，又容易出現(xiàn)哪些常見(jiàn)誤區(qū)？本文作者就此進(jìn)行了總結(jié)，一起來(lái)看一下。

一、 設(shè)計(jì)師眼中的設(shè)計(jì)系統(tǒng)都有哪些

為了給用戶(hù)帶來(lái)良好的用戶(hù)體驗(yàn)，設(shè)計(jì)系統(tǒng)是其中的一個(gè)重要環(huán)節(jié)，一組基本設(shè)計(jì)體系大致包括風(fēng)格、內(nèi)容、基礎(chǔ)、組件、模式5大部分，其中的基礎(chǔ)與組件又是我們身為設(shè)計(jì)師接觸最頻繁的兩個(gè)部分。

1. 風(fēng)格

談到風(fēng)格，相信大家都不會(huì)陌生，像設(shè)計(jì)語(yǔ)言一樣，設(shè)計(jì)原理講的都是風(fēng)格問(wèn)題。許多設(shè)計(jì)系統(tǒng)網(wǎng)站上，都可以看到企業(yè)對(duì)設(shè)計(jì)系統(tǒng)風(fēng)格的標(biāo)注說(shuō)明。

風(fēng)格應(yīng)用在創(chuàng)建界面或其他設(shè)計(jì)交付物階段時(shí)候，對(duì)視覺(jué)參考和設(shè)計(jì)原則的品牌風(fēng)格的指導(dǎo)。風(fēng)格部分主要承擔(dān)著兩個(gè)主要的任務(wù)：

1. 對(duì)內(nèi)部：對(duì)設(shè)計(jì)師來(lái)說(shuō)需要自己梳理產(chǎn)品應(yīng)該具有什么樣的風(fēng)格個(gè)性，產(chǎn)品外觀(guān)為什么要設(shè)計(jì)成這種風(fēng)格（風(fēng)格）。
2. 對(duì)外部：對(duì)于外部用戶(hù)來(lái)說(shuō)，如何將企業(yè)品牌形象有效地傳遞給用戶(hù)是風(fēng)格的使命。

總之，好的品牌風(fēng)格能夠?qū)?nèi)輻射產(chǎn)品定位，對(duì)外輻射企業(yè)的宣傳推廣。很多設(shè)計(jì)系統(tǒng)中都會(huì)有對(duì)風(fēng)格的定義，像國(guó)外的蘋(píng)果設(shè)計(jì)系統(tǒng)的風(fēng)格語(yǔ)言定義為“完整，一致，簡(jiǎn)約”，國(guó)內(nèi)的貝殼設(shè)計(jì)系統(tǒng)風(fēng)格語(yǔ)言定義為“生長(zhǎng)、觸摸、關(guān)聯(lián)”。

https://developer.apple.com/design/

http://design.ke.com/page/home

一些企業(yè)在產(chǎn)品手冊(cè)中會(huì)強(qiáng)調(diào)“一致性”的設(shè)計(jì)原則，比如美團(tuán)外賣(mài)這款產(chǎn)品，不管是線(xiàn)下的物料宣傳還是線(xiàn)上產(chǎn)品，都大量采用了“黃色”這個(gè)顏色，為團(tuán)隊(duì)設(shè)計(jì)提供清晰的設(shè)計(jì)指導(dǎo)，讓用戶(hù)的感官標(biāo)準(zhǔn)一致，感受到“一致性”的設(shè)計(jì)理念。

2. 內(nèi)容

內(nèi)容指的是我們?cè)诋a(chǎn)品界面中使用的文案，也就是人們常說(shuō)的“微文本”，一些影音產(chǎn)品還會(huì)注重其文案的語(yǔ)氣、語(yǔ)調(diào)，并根據(jù)用戶(hù)的屬性為設(shè)計(jì)成員編寫(xiě)詞匯用法表，避免設(shè)計(jì)文案時(shí)給用戶(hù)帶來(lái)的焦慮情緒。

許多產(chǎn)品在內(nèi)容設(shè)計(jì)上都花了不少心思，比如即刻APP的彈窗設(shè)計(jì)，新版本的彈窗則用更有趣、更易懂的文案“保存并繼續(xù)”來(lái)取代枯燥乏味“一下步”的文案，并且跟隨一小段“請(qǐng)根據(jù)提示引導(dǎo)完成后續(xù)操作”的提示，清楚地引導(dǎo)用戶(hù)進(jìn)行操作。

再比如嗶哩嗶哩這款產(chǎn)品，在輸入密碼的場(chǎng)景中，根據(jù)用戶(hù)輸入密碼的場(chǎng)景選擇了合適的表達(dá)方式，當(dāng)用戶(hù)輸入登陸密碼時(shí)，產(chǎn)品的吉祥物就會(huì)將眼睛捂住。這樣的設(shè)計(jì)不僅能很好地表達(dá)產(chǎn)品的個(gè)性，也能傳達(dá)產(chǎn)品的溫度。

假如你認(rèn)為內(nèi)容的改版僅僅是提升體驗(yàn)，那么你就錯(cuò)了，有這樣一個(gè)典型的案例會(huì)給企業(yè)帶來(lái)巨大的收益。

比如在 Google酒店搜索中，一開(kāi)始用“Book a room（預(yù)定房間）”這個(gè)詞來(lái)吸引用戶(hù)點(diǎn)擊，隨后的改版中將“Book a room（預(yù)定房間）”修改為“Check Availability（查看可用房間）”后，成功地將這一功能的交互點(diǎn)擊率提升17%。所以說(shuō)內(nèi)容（微文案）改版不僅僅提升用戶(hù)的體驗(yàn)，還可以給產(chǎn)品帶來(lái)數(shù)據(jù)的提升，從而帶動(dòng)企業(yè)收益的增長(zhǎng)。

3. 基礎(chǔ)

基礎(chǔ)可以理解為是設(shè)計(jì)表現(xiàn)層當(dāng)中最小顆粒度的合集，簡(jiǎn)單地理解就是將一頁(yè)中的元素不斷地拆解，拆解到無(wú)法拆解的狀態(tài)之后，剩下的元素就是“基礎(chǔ)”，比如字體、顏色、圖標(biāo)、布局（間距）、聲音、動(dòng)效等等。

“基礎(chǔ)”的搭建馬虎不得，因?yàn)樗亲钚〉臉?gòu)件，應(yīng)該用最科學(xué)的方法來(lái)設(shè)計(jì)。例如在搭配顏色這個(gè)元素時(shí)，我們可以采用拓展公式計(jì)算方法、手工疊加、公式計(jì)算、色彩曲線(xiàn)工具等方法來(lái)設(shè)定精確的色值。

https://colorbox.io/

https://lyft-colorbox.herokuapp.com/

4. 組件

組件也稱(chēng)之為組件庫(kù)，組件庫(kù)是身為設(shè)計(jì)師接觸最多的事物了，也是設(shè)計(jì)系統(tǒng)的靈魂所在了，主要可以分為設(shè)計(jì)組件庫(kù)和代碼組件庫(kù)兩這兩個(gè)大部分。

設(shè)計(jì)組件庫(kù)相信大家都不會(huì)陌生，這里我推薦兩個(gè)工具網(wǎng)站semantic-ui.和tetrisly，尤其是tetrisly它包含sketch與figma的組件使用很方便。

https://semantic-ui.com/

https://tetrisly.com/figma/

代碼組件庫(kù)主要是前端開(kāi)發(fā)人員使用，會(huì)有一些代碼規(guī)范的說(shuō)明。這里我推薦QMUI工具和Bit.dev兩款工具。

https://qmuiteam.com/web/page/index.html

https://bit.dev/

重點(diǎn)推薦Bit.dev，這是一種由第三方組件構(gòu)建的平臺(tái)，它有一個(gè)叫做組件共享的功能，即當(dāng)鼠標(biāo)懸停在一個(gè)組件上時(shí)，會(huì)產(chǎn)生高亮狀態(tài)，以提示該組件的名稱(chēng)、版本和父區(qū)域。

假設(shè)鼠標(biāo)點(diǎn)擊按鈕此組件時(shí)，還將跳轉(zhuǎn)到相關(guān)聯(lián)頁(yè)中顯示這些按鈕組件的范圍，有興趣的同學(xué)可以體驗(yàn)一下。

一套完整的設(shè)計(jì)組件庫(kù)一般是由公共組件和業(yè)務(wù)組件構(gòu)成的，它和設(shè)計(jì)系統(tǒng)一樣，只是作為參考的規(guī)范使用，組件庫(kù)也是要根據(jù)業(yè)務(wù)進(jìn)行微調(diào)整，需要不斷進(jìn)行優(yōu)化的，所以并不是一塵不變的。

隨著業(yè)務(wù)和產(chǎn)品的數(shù)量增多，公共組件庫(kù)的數(shù)量也一定會(huì)增加，因此搭建組件庫(kù)時(shí)候有兩個(gè)問(wèn)題特別值得注意：

1. 注意點(diǎn)一：在組件庫(kù)搭建時(shí)候尤其要注意公共組件庫(kù)的使用效率問(wèn)題，如果使用率較低的組件總是出現(xiàn)，那么公共組件庫(kù)就會(huì)很臃腫，所以要及時(shí)去除不通用的組件保留常用組件。
2. 注意點(diǎn)二：公共和業(yè)務(wù)組件并不是越多越好，盲目地追求“大而全”一定是不可取的，要時(shí)刻提醒自己“合適的組件庫(kù)要比全面的組件庫(kù)更為重要”。

5. 模式（規(guī)范）

模式這個(gè)詞大家剛一聽(tīng)到可以會(huì)有點(diǎn)陌生，其實(shí)早期在《1975 NASA Graphics Standards Manual》 手冊(cè)中模式這一概念產(chǎn)生?，F(xiàn)在也常被人稱(chēng)呼為感知模式或者是設(shè)計(jì)規(guī)范。

對(duì)此大家不必了解得那么深入，一句話(huà)就可以概括了“為了避免重復(fù)造輪子，就搞了幾個(gè)通用的流程，以保證產(chǎn)品開(kāi)發(fā)流程的效能問(wèn)題”這里的模式可以被簡(jiǎn)單地理解為習(xí)慣使用的解決方案，即設(shè)計(jì)團(tuán)隊(duì)給用戶(hù)在我們的產(chǎn)品中完成一系列操作的使用說(shuō)明書(shū)，它可以是一個(gè)模型或者用戶(hù)的習(xí)慣。

比方說(shuō)，發(fā)送語(yǔ)音時(shí)我們都要按住按鈕，進(jìn)行語(yǔ)音記錄，如果我們對(duì)產(chǎn)品有類(lèi)似的語(yǔ)音對(duì)話(huà)功能，可以直接使用微信的交互邏輯，不用自己發(fā)明新的交互邏輯，這樣做的好處就是降低用戶(hù)的學(xué)習(xí)成本?？匆幌氯A為鴻蒙設(shè)計(jì)系統(tǒng)，就會(huì)有關(guān)于交互手勢(shì)規(guī)范說(shuō)明的注釋。

https://developer.huawei.com/consumer/cn/doc/50902#h4-1587181522014

當(dāng)然，模式其實(shí)也包括對(duì)組件的交互說(shuō)明，比如我建立一個(gè)按鈕的組件就會(huì)把按鈕的尺寸、交互狀態(tài)等信息編輯成文檔用于對(duì)設(shè)計(jì)組件庫(kù)的說(shuō)明。

二、 對(duì)設(shè)計(jì)系統(tǒng)認(rèn)知5點(diǎn)誤區(qū)

很多新手認(rèn)為，設(shè)計(jì)系統(tǒng)像是一個(gè)新華字典是萬(wàn)能的，其實(shí)不是的。有5點(diǎn)常見(jiàn)的認(rèn)知誤區(qū)，我覺(jué)得還是有必要聊一聊。

1. 設(shè)計(jì)系統(tǒng)并不是設(shè)計(jì)規(guī)范或組件庫(kù)

那些說(shuō)自己完成了設(shè)計(jì)系統(tǒng)的開(kāi)發(fā)的人員都是把設(shè)計(jì)規(guī)范或者開(kāi)發(fā)組件庫(kù)理解成設(shè)計(jì)系統(tǒng)的人。

80%的人都會(huì)將設(shè)計(jì)系統(tǒng)簡(jiǎn)單的理解為模式（設(shè)計(jì)規(guī)范）或者組件（開(kāi)發(fā)組件庫(kù)），這種理解是片面的，設(shè)計(jì)系統(tǒng)并不是單純地指某一類(lèi)內(nèi)容，準(zhǔn)確來(lái)說(shuō)它并不是只包含設(shè)計(jì)規(guī)范和開(kāi)發(fā)組件庫(kù)。

比如像Bootstrao這樣的開(kāi)發(fā)組件庫(kù)開(kāi)源網(wǎng)站就不是設(shè)計(jì)系統(tǒng)，因?yàn)樗鄙賹?duì)產(chǎn)品風(fēng)格、內(nèi)容、模式的定義。準(zhǔn)確地來(lái)說(shuō)，設(shè)計(jì)系統(tǒng)是包含模式（設(shè)計(jì)規(guī)范）、組件（開(kāi)發(fā)組件庫(kù)），如圖。

https://v3.bootcss.com/

為什么會(huì)這樣呢？主要的原因就是模式（設(shè)計(jì)規(guī)范）、組件（開(kāi)發(fā)組件庫(kù)）和設(shè)計(jì)系統(tǒng)三者的目標(biāo)是一致的，都是可以解決提高設(shè)計(jì)產(chǎn)品一致性、提高設(shè)計(jì)效率、降低與前端開(kāi)發(fā)溝通成本這三個(gè)問(wèn)題，所以容易搞混淆。

如果把三者中從功能的角度對(duì)比看，只有設(shè)計(jì)系統(tǒng)是帶有實(shí)施的方案的性質(zhì)，而設(shè)計(jì)規(guī)范具有指導(dǎo)性質(zhì)，而組件則是構(gòu)建其規(guī)范的元素。

2. 設(shè)計(jì)系統(tǒng)并不缺乏創(chuàng)造性

有人會(huì)提議設(shè)計(jì)系統(tǒng)為了提高效率都會(huì)做規(guī)范性的說(shuō)明，那是不是設(shè)計(jì)系統(tǒng)一旦實(shí)施就會(huì)給抹殺掉產(chǎn)品的創(chuàng)造性呢？這得分兩個(gè)角度看。

角度一：不好的設(shè)計(jì)系統(tǒng)只會(huì)照貓畫(huà)虎，不會(huì)考慮從產(chǎn)品業(yè)務(wù)和用戶(hù)體驗(yàn)的角度出發(fā)去設(shè)計(jì)“設(shè)計(jì)系統(tǒng)”，當(dāng)然會(huì)抹殺掉創(chuàng)造性。

角度二：但是好的設(shè)計(jì)系統(tǒng)往往會(huì)促進(jìn)產(chǎn)品的創(chuàng)造性，因?yàn)楹玫脑O(shè)計(jì)系統(tǒng)都是圍繞解決問(wèn)題而出發(fā)，產(chǎn)品的問(wèn)題根據(jù)時(shí)間的推移會(huì)層出不窮，那能解決產(chǎn)品問(wèn)題的設(shè)計(jì)系統(tǒng)又怎么會(huì)缺少創(chuàng)造性呢？所以說(shuō)要嚴(yán)格執(zhí)行設(shè)計(jì)系統(tǒng)的內(nèi)容這樣企業(yè)搭建的設(shè)計(jì)系統(tǒng)才不會(huì)缺乏創(chuàng)造性。

3. 設(shè)計(jì)系統(tǒng)不是由設(shè)計(jì)師獨(dú)立完成

設(shè)計(jì)系統(tǒng)是一個(gè)龐大的關(guān)系網(wǎng)絡(luò)，是需要來(lái)自不同角色支持和參與的，這里包括前端、UI設(shè)計(jì)、品牌設(shè)計(jì)、動(dòng)態(tài)設(shè)計(jì)、 用戶(hù)研究等。并不是由一個(gè)人或者是幾個(gè)人獨(dú)立完成的，設(shè)計(jì)團(tuán)隊(duì)的成員都應(yīng)積極參與。

大家都參與到設(shè)計(jì)系統(tǒng)的搭建，最重要的意義就是有助于提高對(duì)設(shè)計(jì)系的認(rèn)知，從而幫助設(shè)計(jì)系統(tǒng)執(zhí)行落地。

有一次我就是一個(gè)人制定了設(shè)計(jì)系統(tǒng)中的規(guī)范，只是單純把規(guī)范發(fā)給其他設(shè)計(jì)人員，可想而知，其他設(shè)計(jì)人員自然不會(huì)使用規(guī)范，對(duì)里面的設(shè)計(jì)元素沒(méi)有加深理解，最終項(xiàng)目呈現(xiàn)不是很理想，所以設(shè)計(jì)系統(tǒng)并不是一個(gè)人完成，也不能讓一個(gè)人去完成。

4. 設(shè)計(jì)系統(tǒng)不是每個(gè)企業(yè)都需要的

設(shè)計(jì)系統(tǒng)是需要迭代優(yōu)化的，它這是非常繁瑣耗時(shí)的項(xiàng)目。設(shè)計(jì)體系專(zhuān)家Nathan Curtis（2015）和Salesforce的Jina Anne（2015）提出了獨(dú)裁模式、集中化模式與聯(lián)盟模式三種模式適應(yīng)不同規(guī)模的企業(yè)。

對(duì)小規(guī)模的公司：比如只有幾個(gè)人公司，團(tuán)隊(duì)可能根本就不需要設(shè)計(jì)系統(tǒng)。如果強(qiáng)行使用設(shè)計(jì)系統(tǒng)的話(huà)只會(huì)讓開(kāi)發(fā)模式變得不夠敏捷，影響產(chǎn)品上線(xiàn)時(shí)間。

對(duì)成規(guī)模的公司：起初，設(shè)計(jì)系統(tǒng)只需要幾個(gè)人抽出部分時(shí)間兼職維護(hù)（獨(dú)裁模式）；后來(lái)需要指派專(zhuān)門(mén)的人來(lái)全職維護(hù)（集中化模式），直到最后會(huì)組建出一支由設(shè)計(jì)師，工程師和產(chǎn)品經(jīng)理組成的大團(tuán)隊(duì)來(lái)不斷改進(jìn)和維護(hù)（聯(lián)盟模式）。

所以說(shuō)，設(shè)計(jì)系統(tǒng)不是每個(gè)企業(yè)都需要的，不管是大公司還是小公司搭建設(shè)計(jì)系統(tǒng)時(shí)候，選擇自己適合的方式最為重要。

5. 設(shè)計(jì)系統(tǒng)不是一塵不變的

Corinna在2018年發(fā)表的“為什么我們的模式庫(kù)不再使用原子設(shè)計(jì)”一文中，也提到了原子設(shè)計(jì)在落地時(shí)的局限性，他提到，過(guò)度地依賴(lài)層層遞進(jìn)的關(guān)系，會(huì)導(dǎo)致整個(gè)系統(tǒng)會(huì)變得極其復(fù)雜而難以維護(hù)，一旦開(kāi)始使用，后續(xù)的迭代和重構(gòu)成本會(huì)非常高。

設(shè)計(jì)系統(tǒng)是隨著團(tuán)隊(duì)的和用戶(hù)的需求不斷變化的，所以說(shuō)設(shè)計(jì)系統(tǒng)是動(dòng)態(tài)地不斷需要不斷更新升級(jí)，為解決更多產(chǎn)品問(wèn)題而存在的，我們需要花時(shí)間去維護(hù)更新，使之越來(lái)越完善，越來(lái)越高效。比如大型的設(shè)計(jì)系統(tǒng)都有更新日志，記載那個(gè)階段做了那些更新。

#專(zhuān)欄作家#

斜杠7濕兄，公眾號(hào)：斜杠7濕兄，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。星光不問(wèn)趕路人，時(shí)光不負(fù)有心人，勵(lì)志做一個(gè)知識(shí)的分享者。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自Unsplash，基于CC0協(xié)議