首頁

設(shè)計系統(tǒng)中的色板和色階,到底有什么用?|北京藍(lán)藍(lán)UI設(shè)計公司

周周

經(jīng)??次椅恼碌呐笥褜τ?ldquo;基礎(chǔ)組件”和“業(yè)務(wù)組件”的區(qū)別應(yīng)該耳熟能詳了。

對于相對底層的、開源的、通用的基礎(chǔ)組件庫來說,批量生產(chǎn)多種顏色的色板成本相對較低、準(zhǔn)確性也更高,且可以滿足中后臺設(shè)計中的開發(fā)者和設(shè)計者對于顏色的大部分使用需求。例如基礎(chǔ)組件庫 Ant Design、Arco Design 都提供了相對全面和豐富的平臺系統(tǒng)級別的色彩體系,包括 10+ 顏色的基礎(chǔ)色板、中性色板和功能色板:

5分鐘帶你快速了解Bento box設(shè)計趨勢|北京藍(lán)藍(lán)UI設(shè)計公司

周周

Bento box 設(shè)計風(fēng)格或 Bento UI 作為一種設(shè)計趨勢正在被驗證,它近期頻繁的出現(xiàn)在大眾視野。本文中我們將討論 Bento box 設(shè)計趨勢的起源和發(fā)展,并結(jié)合設(shè)計應(yīng)用案例,讓大家感受它的魅力,望此后的應(yīng)用中,為設(shè)計師朋友帶來更多靈感和啟發(fā)。

UI必看!詳細(xì)分析列表卡片的設(shè)計方式|北京藍(lán)藍(lán)用戶體驗設(shè)計公司

周周

列表卡片是一類將列表和卡片相結(jié)合的組件形式,盡管它聽起來很像列表,但是在 UI 中這兩者是完全不同的東西——列表卡片首先是一張卡片,其次才是將列表置于卡片之中。

移動端常用組件用法解析:對話框設(shè)計|北京藍(lán)藍(lán)UI設(shè)計公司

周周

關(guān)于對話框(Dialog)的定義、觸發(fā)場景、注意事項和案例示意。如果大家喜歡想看其他組件用法,甚至是整個系列的設(shè)計規(guī)范,可以在評論區(qū)留言。

用7個章節(jié),幫你完整掌握網(wǎng)頁設(shè)計中的字體設(shè)置|北京藍(lán)藍(lán)UI設(shè)計公司

周周

不同操作系統(tǒng)、不同瀏覽器下的默認(rèn)字體是不同的,在網(wǎng)頁項目中可以通過 CSS 的 font-family 和 @font-face 來讓頁面渲染出適合當(dāng)前網(wǎng)頁的字體。

 

B端設(shè)計攻略!16000字干貨幫你掌握通用/布局/數(shù)據(jù)展示三大組件|北京藍(lán)藍(lán)UI設(shè)計公司

周周

B 端設(shè)計的文章和資料參考,缺少系統(tǒng)性的說明,這是我總結(jié)第五篇。本文主要闡述——通用樣式、布局和數(shù)據(jù)展示。

如何組合元素,才能搭配出好看有設(shè)計感的畫面?|北京藍(lán)藍(lán)UI設(shè)計公司

周周

咱們這章就重點說說如何組合元素搭配出有設(shè)計感又實用的構(gòu)圖,希望你看完之后能有所收獲。

西派特光譜多指標(biāo)油氣檢測軟件界面設(shè)計分享|北京藍(lán)藍(lán)UI設(shè)計公司

周周

西派特(北京)科技有限公司是研發(fā)和制造科學(xué)儀器和智能工業(yè)儀表的國家高新技術(shù)企業(yè),公司總部位于北京經(jīng)濟(jì)技術(shù)開發(fā)區(qū)。產(chǎn)品是將光譜與物質(zhì)物化性質(zhì)全息智能分析技術(shù)相結(jié)合,開發(fā)制造的快檢設(shè)備,可快速檢測液體、固體、氣體物料的多種性質(zhì)指標(biāo)。適用于煉油、化工、煤炭、電力、生物發(fā)酵等領(lǐng)域。

該軟件由北京西派特科技有限公司委托藍(lán)藍(lán)設(shè)計負(fù)責(zé)界面視覺設(shè)計、交互設(shè)計。藍(lán)藍(lán)設(shè)計人員通過前期詳細(xì)溝通,參考大量相關(guān)競品,為其提供四種方案視覺設(shè)計。最終雙方確定方案一設(shè)計風(fēng)格,后續(xù)根據(jù)客戶提供的原型圖及需求完成其他頁面設(shè)計。

5000字案例復(fù)盤!如何從0到1打造B端儀表盤?|北京藍(lán)藍(lán)UI設(shè)計公司

周周

最近翻譯了一篇國外設(shè)計師在做 B 端儀表盤頁面的設(shè)計過程和思考,最后我會通過文章進(jìn)行分析,看看我們能從這個設(shè)計案例中學(xué)到哪些東西。這個設(shè)計案例以創(chuàng)作者為中心,驅(qū)動創(chuàng)作者更好的創(chuàng)作內(nèi)容,關(guān)注創(chuàng)作者成長。跟我們?nèi)粘=佑|的優(yōu)設(shè)平臺也有很大的相似之處,從文章中也可以感知內(nèi)容創(chuàng)作平臺是如何驅(qū)動設(shè)計師進(jìn)行輸出和提升的。這也是一個很典型的設(shè)計項目復(fù)盤案例,可以幫助我們設(shè)計師學(xué)習(xí)從 0 到 1 完成設(shè)計復(fù)盤。

從方法到工具,騰訊高手帶你輕松搞定圖表設(shè)計|北京藍(lán)藍(lán)UI設(shè)計公司

周周

數(shù)據(jù)無處不在,幫助我們更好地做出決策。然而數(shù)據(jù)不能獨立存在,為了使數(shù)據(jù)有用,我們必須理解它。數(shù)據(jù)的質(zhì)量很大程度上依賴于其表達(dá)方式,對數(shù)據(jù)分析結(jié)果的可視化呈現(xiàn)可以幫助我們更好地理解和挖掘數(shù)據(jù)的價值。數(shù)據(jù)可視化的本質(zhì)是視覺對話,數(shù)據(jù)可視化將數(shù)據(jù)分析與圖形設(shè)計相結(jié)合,數(shù)據(jù)是可視化設(shè)計的依據(jù),可視化為數(shù)據(jù)的表達(dá)提供了靈活性。利用數(shù)據(jù)可視化可以更好更高效地獲取有價值的信息。

日歷

鏈接

個人資料

存檔