首頁(yè)

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

周周

經(jīng)常看我文章的朋友對(duì)于“基礎(chǔ)組件”和“業(yè)務(wù)組件”的區(qū)別應(yīng)該耳熟能詳了。

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

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

周周

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

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

周周

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

移動(dòng)端常用組件用法解析:對(duì)話(huà)框設(shè)計(jì)|北京藍(lán)藍(lán)UI設(shè)計(jì)公司

周周

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

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

周周

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

 

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

周周

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

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

周周

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

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

周周

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

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

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

周周

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

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

周周

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

日歷

鏈接

個(gè)人資料

存檔