分享一個冷門的設(shè)計系統(tǒng)(二)

0 評論 1618 瀏覽 3 收藏 6 分鐘

在設(shè)計的世界里,探索未知總是充滿驚喜。繼HIUI之后,我們再次踏上尋寶之旅,發(fā)現(xiàn)了另一個隱藏的寶石——Cloudscape設(shè)計系統(tǒng)。由亞馬遜云AWS設(shè)計團隊精心打造,這個系統(tǒng)以其全面的內(nèi)容和新穎的理念,為設(shè)計師和工程師提供了一個全新的視角。

之前給大家分享過一期冷門的設(shè)計系統(tǒng) 「HIUI」,因為它很冷門、小眾,得到了很多同學(xué)的喜歡,今天給大家再給大家去分享一期冷門系統(tǒng):Cloudscape

分享一個冷門的設(shè)計系統(tǒng)

首先 Cloudscape 是來自 亞馬遜云 AWS 設(shè)計團隊,在 2022 年 7 月發(fā)布的,由于這個設(shè)計系統(tǒng)發(fā)布的年份較新,因此里面的內(nèi)容也相對完善全面,有部分內(nèi)容是我們在其他的設(shè)計系統(tǒng)當(dāng)中很少見到的。

當(dāng)我們進入到系統(tǒng)的首頁時,第一就能看到它對于 「設(shè)計師」、「工程師」 有著截然不同的兩個引導(dǎo)。并且里面會給出單獨的入口能夠讓我們點擊過后快速學(xué)習(xí)。

進入到設(shè)計師入門過后,我們會發(fā)現(xiàn)里面包含有自己獨立的設(shè)計系統(tǒng)、業(yè)務(wù)組件、對應(yīng) Demo 一系列的內(nèi)容我們都可以通過設(shè)計系統(tǒng)進行查看,同時也會給我們提供最基礎(chǔ)的設(shè)計樣式,包含 字體 圖標(biāo) 顏色 等等…

在設(shè)計基礎(chǔ)部分,我們還能看到很多想不到的內(nèi)容,比如:無障礙設(shè)計、響應(yīng)式設(shè)計、動效設(shè)計、主題設(shè)計等等,每一個內(nèi)容都極其豐富,并且都是基于自身業(yè)務(wù)給到大家合理的建議。

打開動效設(shè)計,你會發(fā)現(xiàn)它能夠精準(zhǔn)到 運動原理、圖案、曲線 等諸多內(nèi)容,并貼心標(biāo)注了常見的元素應(yīng)該使用那些動效,我覺得這部分真的就是即插即用~

同時亞馬遜云本身就是一個復(fù)雜的業(yè)務(wù),因此在組件當(dāng)中還會包含有很多 「不常見的組件」,比如 Board components、Collection preferences、Expandable section,這部分組件能夠幫助我們?nèi)フJ(rèn)識在基礎(chǔ)組件的基礎(chǔ)上,自己還能夠去做那些優(yōu)化,為大家的迭代提供一些具體的思路。

跳脫出 Ant design 束縛,或許是需要你認(rèn)識新的設(shè)計系統(tǒng)

在到設(shè)計模式,你會發(fā)現(xiàn)在行業(yè)當(dāng)中對于設(shè)計模式的了解其實一直以來沒有一個準(zhǔn)確的定義。而 AWS 就能根據(jù)自身業(yè)務(wù),幫我們總結(jié)出一套較為落地的設(shè)計模式,并且對于每一個模式都有著詳細(xì)的描述和準(zhǔn)則,這無論是學(xué)習(xí),又或者是 “學(xué)習(xí)”,都提供了很好很寶貴素材。

這里多聊一些,比如關(guān)于 生成式 AI 的基本準(zhǔn)則你會發(fā)現(xiàn)在這里也會提供,而且內(nèi)容跟真的很不錯。這也代表著這個文檔會一直不斷的更新~

最后我們還能直接預(yù)覽很多信息,并且在信息內(nèi)容上可以進行自定義,卻配置包含 暗黑模式、對齊方式 等內(nèi)容,能夠直接查看,這其實給了我們很多參考的內(nèi)容。

當(dāng)然對于設(shè)計系統(tǒng)來說會有很多,如果覺得這個冷門系統(tǒng)還不錯,點贊,下次再和大家進行分享。

本文由人人都是產(chǎn)品經(jīng)理作者【CE青年】,微信公眾號:【CE青年Youthce】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!