在這樣美好的周末，跟大家宣布一件大事！

現(xiàn)在?Guo UI?公測(cè)?直接上線到帥鍋官網(wǎng)啦~

↑ 可從帥鍋網(wǎng)站的首頁進(jìn)入 ↑

↑ 目前做了一些示例界面，來幫助大家更好的理解按鈕和配色的使用 ↑

帥鍋參考國內(nèi)外設(shè)計(jì)風(fēng)格，將國內(nèi)擬態(tài)和國外太陽谷、材料，將其融合。

設(shè)計(jì)要素包含：搜索欄、頂部導(dǎo)航欄、側(cè)邊導(dǎo)航欄、按鈕、復(fù)選框、單選框、進(jìn)度條和鏈接。

配色要素包含3種：原色、淺色和陰影色。

原色：應(yīng)用于按鈕文字、關(guān)鍵性文字、加重字、重度按鈕背景和輕度按鈕邊框。

淺色：應(yīng)用于輕度按鈕背景和注釋文字。

陰影色：應(yīng)用于重度和輕度按鈕的陰影色。

設(shè)計(jì)理念：秉承著晶瑩剔透的導(dǎo)航效果，再加上實(shí)心填充材料風(fēng)格的圖標(biāo)，還有一些現(xiàn)代化設(shè)計(jì)的按鈕，讓用戶感到不臃腫，而顯得簡(jiǎn)潔有力概括性。

基于：Bootstrap CSS 5.1.3 / Animate CSS 4.1.1 / Guo UI 2.0

帥鍋網(wǎng)站主要顏色和輔色：#187AFF / #F39121 / #F32121 / #000000

注意：以上說明配圖詳見“帥鍋網(wǎng)站-Guo UI”！

目前 Guo UI 仍處于公共測(cè)試階段，不代表最終效果，粉絲們可以在評(píng)論區(qū)留言提出修改建議，如果你們的建議合理，將會(huì)被應(yīng)用哦~