亚洲第一色区,女人自慰网址导航大全,女夹腿自慰精品网站h,色大奶头精品hd视频

網(wǎng)頁設計師如何建造自己的設計系統(tǒng)?

網(wǎng)頁設計師如何建造自己的設計系統(tǒng)?

網(wǎng)站建設與制作 發(fā)布日期:2020-04-02 | 文章來源: | 閱讀:730

在數(shù)字設計領域工作的人一定聽說過“設計系統(tǒng)”這個詞;不過,你可能不確定這是什么意思。
在本文中,我們將準確地定義什么是設計系統(tǒng)、使用設計系統(tǒng)的原因、如何創(chuàng)建設計系統(tǒng)。

什么是設計系統(tǒng)?

設計系統(tǒng)是設計人員和開發(fā)人員共同創(chuàng)建、參考和開發(fā)的系統(tǒng)。它是一系列規(guī)則和一個符號庫組成——字體、圖標、顏色、形狀、網(wǎng)格、動畫、音調或更多——這些符號具有不同的含義,由它們的功能和層次關聯(lián)決定。
它本質上是一個由元素組成的生命體,這些元素隨著產(chǎn)品復雜度增加而增加。這些元素被轉換為可用于開發(fā)的組件,這些組件可以在活動環(huán)境中立即使用。

誰定義了設計系統(tǒng)?

設計人員和開發(fā)人員緊密合作,以建立設計系統(tǒng)的規(guī)則。設計師定義視覺傳達的所有方面——用戶界面、品牌和用戶體驗——同時與開發(fā)人員一起將這些屬性轉換為編碼的組件,通過不斷地迭代它們,直到它們以自包含的方式在技術上和風格上表現(xiàn)出來。

為什么要有設計系統(tǒng)?

雖然設計系統(tǒng)是任何可伸縮的數(shù)字產(chǎn)品的基本要求,但其核心是適用于任何設計工作的原則。最重要的方面是設置一組規(guī)則,當重復一遍又一遍時,將始終返回相同的原則。
建立一個系統(tǒng)的目的是擁有一個經(jīng)過測試的組件庫,這些組件可以被一致地重復使用,并期望每次都在所有產(chǎn)品維度上執(zhí)行——樣式、品牌、行為、功能和交付。設計系統(tǒng)最大的優(yōu)點是能夠高效地進行原型設計,并在開發(fā)高質量產(chǎn)品的過程中對設計和代碼進行共生迭代。
如何開發(fā)設計系統(tǒng)?
網(wǎng)頁設計師如何要創(chuàng)建一個設計系統(tǒng),大致需要實現(xiàn)如下三個步驟:
第一,建立一個清晰的產(chǎn)品愿景。
你需要對你正在開發(fā)的產(chǎn)品有一個清晰的概念。以下是一些需要考慮的基本問題:
它是做什么的?你的產(chǎn)品的用途是什么?產(chǎn)品需要什么樣的功能來執(zhí)行?是給誰的?這個產(chǎn)品的受眾是誰?用戶是否有任何可能影響產(chǎn)品接收方式的怪癖?用戶為什么要使用這個產(chǎn)品?是什么讓它獨一無二?
用戶是否熟悉同類產(chǎn)品?該產(chǎn)品是響應一個確定的需求還是創(chuàng)建一個新的需求?它是否解決了可訪問性?這個產(chǎn)品是網(wǎng)站嗎?一個web應用程序?一個應用程序嗎?它應該提供相同的跨平臺體驗,還是專注于特定環(huán)境中的特定微體驗?
設計系統(tǒng)的目的是通過處理已知的關注點以及在概念階段識別新的關注點來減少開發(fā)中的復雜性。在過程的早期定義產(chǎn)品映射是很重要的,因為它將有助于識別在原型階段可以避免的潛在停頓。
第二,制定你的創(chuàng)建計劃。
你需要評估最好的方法。如果你正在開發(fā)一個新產(chǎn)品,你可能會從一個MVP(最小可行產(chǎn)品)開始,你的注意力將會放在驗證功能和學習用戶的反饋上。在這些情況下,使用現(xiàn)有平臺上的UI套件是有意義的,比如谷歌的Material UI或Apple的UI kit。
如果你已經(jīng)經(jīng)過了MVP階段,或者從頭開始創(chuàng)建了一個完整的設計系統(tǒng),你的產(chǎn)品映射——應該包括關鍵方面,比如信息架構、站點地圖和用戶旅程——將會告訴你哪些基本功能需要首先解決。
例如,如果你的產(chǎn)品是一個電子商務應用程序,你需要在整個用戶旅程中有什么元素來執(zhí)行購買——從主頁到產(chǎn)品頁面,結帳和訂單確認?是垂直導航還是水平導航?cta是什么樣子的:它們的圖標是純文本的,背景是彩色的嗎?你考慮的圖像比例是什么:縱向、方形、橫向?
通過分層功能處理每個元素的屬性,您將能夠為漸進的UI版本打下堅實的基礎,從而構建一致可靠的系統(tǒng)。
第三,選擇合適的工具。
開發(fā)一個產(chǎn)品應該始終是一個包容的過程,這取決于所有相關方:設計師、開發(fā)人員、產(chǎn)品所有者、客戶和用戶。這些人一起創(chuàng)造了一個生態(tài)系統(tǒng),一個試驗場,在最終產(chǎn)品交付的整個過程中塑造設計系統(tǒng)。
由于進度需要共享,有時需要實時工作,因此選擇最適合您的工作流的工具是很重要的。值得慶幸的是,當涉及到設計和原型工具時,我們有太多工作可以選擇。
通過如上三步驟,設計師就可以創(chuàng)建一個可使用的設計系統(tǒng),該設計系統(tǒng)將會極大提高重復的設計工作,以及降低設計師的工作強度。

相關資訊

无码国产色欲XXXXX视频| 色播在线,日韩| a天堂成人| 亚洲制服丝袜美腿亚洲一区| 蜜臀AV夜夜嗨一区二区| 国产无码2023| 国产喷白浆精品一区二区| 亚州色图一区二| 久久久久性爱| 蜜臀AⅤ永久无码精品。| 久久96热情精品国产高清| 亚洲色图手机在线视频| 黄片在线播放一二三| 99视频在线精品免费观看2| 亚洲乱码视频在线播放| 神马视频一区二区三区| 免费亚洲洋洋| 欧美精品一区二区久久婷婷| 中文字幕乱论| 无码高清一区免费| 国产精品综合色高清在线| 一本亚洲视频| 天天综合天天添夜夜添狠狠添| 韩国一级免费视频| 欧美中文资源一区二区| 欧美国产日韩激| 玖玖午夜成人电影| 亚洲色偷偷综合亚洲AV78| ccyy草草| 国产成人无码a区在线视频5| 国产99视频精品免视看76| 绥江县| 中国娇小与黑人巨大交| 久久久A精品毛片| 九九无码高清视频| 亚洲色无码精品资源网| 台中市| 九九久精品国产综合| 午夜精品无码专区| 国产在线精品福利一区二区三区| 国产av网站网址|