組件庫簡介:
被封裝成.??Sketch Library的UI庫才是UI頁面搭建的??神助手,設(shè)計(jì)同學(xué)也???以像前端大大一樣調(diào)組件和樣式,而不是畫UI~
??再也不用手把手??檢查新來同學(xué)的視覺稿子了,有了完整的中臺(tái)組件的??.Sketch Library,也不用戰(zhàn)戰(zhàn)兢兢擔(dān)心規(guī)范統(tǒng)一的問題了
資源/素材文件介紹:
XIN WUI KITS一號(hào)文件是一個(gè)Symbol組件庫,作為資源庫插件被置入到??Sketch 中【插件→組件庫】,置入后其將成為你??Sketch軟件中的一款組件插件,可以在軟件中調(diào)用其內(nèi)容;
一號(hào)文件同步輸出二號(hào)文件《?????? ?????? ???????? ???????→?????????? ????????》,二號(hào)文件,是一號(hào)基礎(chǔ)組件的調(diào)用演示案例,即將一號(hào)文件的組件控件調(diào)用出來一遍進(jìn)行展示。該文件內(nèi)容可以直接拖拽、復(fù)制到你的設(shè)計(jì)頁面中…
?? XIN組件風(fēng)格:
“BIG”大圓角的板塊載體表現(xiàn)元素的親和,恰當(dāng)?shù)拈g距讓您的頁面松緊控制自如;
?? 搭建基礎(chǔ):
XIN KITS的搭建基于經(jīng)典組件Element的組件類型;涵蓋了絕大部份常見的基礎(chǔ)組件,基本滿足大多數(shù)頁面搭建訴求;
資源/素材文件格式:
.Sketch
資源/素材文件內(nèi)容/規(guī)格:
XIN基礎(chǔ)組件包含43種常用組件類型 的樣式:
● 2種Common 通用組件類型,包含:
Icon 圖標(biāo)(579P)、Button 按鈕;
● 13種Form 表單控件,包含:
Radio、Checkbox、Input 、InputNumber 計(jì)數(shù)器、Select/Cascader 選擇器、Switch 、Slider 滑塊、TimePicker 、DatePicker、Upload 、Rate 評分、Transfer 穿梭框 、Form 表單等
● 7種Data 數(shù)據(jù)展示組件類型,包含:
Table 表格、Tag 標(biāo)簽、Progress 進(jìn)度條、Tree 樹控件、Pagination 分頁、Badge 標(biāo)記、Avatar頭像等
● 3種Notice 提示組件,例如:
Alert Message 消息提示、Loading 加載、Notification 通知
● 5種Navigation 導(dǎo)航組件,包含:
NavMenu 導(dǎo)航菜單、Tabs Bar 標(biāo)簽頁、Breadcrumb 面包屑、Dropdown下拉菜單、Steps 步驟條
● 13種Others 其他組件類型,包含:
Dialog、Tooltip 、 Popover 彈出框、Card 卡片、Carousel、Collapse 折疊面板、Timeline 時(shí)間線、Divider、Calendar、Image、Backtop、Drawer 抽屜、VideoPlayer 視頻播放器等
組件資源的特性/亮點(diǎn):
基礎(chǔ)組件設(shè)計(jì)資源的封裝,兼具智能布局的可響應(yīng)能力:一鍵換色、統(tǒng)一圖層樣式,支持組件引用后隨意變更尺寸或內(nèi)容;
通過組件庫的調(diào)用提升頁面搭建效率、統(tǒng)一頁面視覺調(diào)性……
被封裝成.??Sketch Library的UI庫才是UI頁面搭建的??神助手,設(shè)計(jì)同學(xué)也???以像前端大大一樣調(diào)組件和樣式,而不是畫UI~
??再也不用手把手??檢查新來同學(xué)的視覺稿子了,有了完整的中臺(tái)組件的??.Sketch Library,也不用戰(zhàn)戰(zhàn)兢兢擔(dān)心規(guī)范統(tǒng)一的問題了
資源/素材文件介紹:
XIN WUI KITS一號(hào)文件是一個(gè)Symbol組件庫,作為資源庫插件被置入到??Sketch 中【插件→組件庫】,置入后其將成為你??Sketch軟件中的一款組件插件,可以在軟件中調(diào)用其內(nèi)容;
一號(hào)文件同步輸出二號(hào)文件《?????? ?????? ???????? ???????→?????????? ????????》,二號(hào)文件,是一號(hào)基礎(chǔ)組件的調(diào)用演示案例,即將一號(hào)文件的組件控件調(diào)用出來一遍進(jìn)行展示。該文件內(nèi)容可以直接拖拽、復(fù)制到你的設(shè)計(jì)頁面中…
?? XIN組件風(fēng)格:
“BIG”大圓角的板塊載體表現(xiàn)元素的親和,恰當(dāng)?shù)拈g距讓您的頁面松緊控制自如;
?? 搭建基礎(chǔ):
XIN KITS的搭建基于經(jīng)典組件Element的組件類型;涵蓋了絕大部份常見的基礎(chǔ)組件,基本滿足大多數(shù)頁面搭建訴求;
資源/素材文件格式:
.Sketch
資源/素材文件內(nèi)容/規(guī)格:
XIN基礎(chǔ)組件包含43種常用組件類型 的樣式:
● 2種Common 通用組件類型,包含:
Icon 圖標(biāo)(579P)、Button 按鈕;
● 13種Form 表單控件,包含:
Radio、Checkbox、Input 、InputNumber 計(jì)數(shù)器、Select/Cascader 選擇器、Switch 、Slider 滑塊、TimePicker 、DatePicker、Upload 、Rate 評分、Transfer 穿梭框 、Form 表單等
● 7種Data 數(shù)據(jù)展示組件類型,包含:
Table 表格、Tag 標(biāo)簽、Progress 進(jìn)度條、Tree 樹控件、Pagination 分頁、Badge 標(biāo)記、Avatar頭像等
● 3種Notice 提示組件,例如:
Alert Message 消息提示、Loading 加載、Notification 通知
● 5種Navigation 導(dǎo)航組件,包含:
NavMenu 導(dǎo)航菜單、Tabs Bar 標(biāo)簽頁、Breadcrumb 面包屑、Dropdown下拉菜單、Steps 步驟條
● 13種Others 其他組件類型,包含:
Dialog、Tooltip 、 Popover 彈出框、Card 卡片、Carousel、Collapse 折疊面板、Timeline 時(shí)間線、Divider、Calendar、Image、Backtop、Drawer 抽屜、VideoPlayer 視頻播放器等
組件資源的特性/亮點(diǎn):
基礎(chǔ)組件設(shè)計(jì)資源的封裝,兼具智能布局的可響應(yīng)能力:一鍵換色、統(tǒng)一圖層樣式,支持組件引用后隨意變更尺寸或內(nèi)容;
通過組件庫的調(diào)用提升頁面搭建效率、統(tǒng)一頁面視覺調(diào)性……
素材文件
?????? ?????? ???????? 01??Sketch Library.sketch
?????? ?????? ???????? 02???→?????????? ????????.sketch
舉報(bào)
