墨刀使用入门学习笔记1
墨刀 原型工具
需要官網(wǎng)下載和注冊(cè)
 https://modao.cc/
 推薦下載到本地
入門使用
企業(yè)級(jí)使用最好創(chuàng)建一個(gè) organization space
 個(gè)人玩或者非正式場(chǎng)合,就personal space就可以了
創(chuàng)建Project
點(diǎn)擊Create旁邊的箭頭
 發(fā)現(xiàn)兩個(gè)選項(xiàng) project 或者 from template
 選project 一樣可以選擇墨刀自帶的一些模板 ,我們這里選 project
 
我們看到其實(shí)這里有兩個(gè)tab頁,一個(gè)是空項(xiàng)目 ,一個(gè)是create from demos 其實(shí)就是一些template
 我們這里先從簡(jiǎn)單的講起, demo那就花東西多了。
我們選擇一個(gè)webpage 平常工作 webpage情況多
 
 如果沒有自己喜歡的尺寸可以選擇custom
 
 來創(chuàng)建自己想要的頁面大小
 我們這里就用一個(gè)小一些的webpage
然后 別忘了填寫 project name
 沒錯(cuò),就是說你呢,在那楞點(diǎn)下面的create 按鈕但是按不動(dòng)
進(jìn)入Project編輯
 進(jìn)入項(xiàng)目之后我們看一下不同的區(qū)域,上面的工具欄,一目了然,都認(rèn)識(shí)字吧,
其中比較重要的
 第一、 library 如果你需要一些素材,或者自己想上傳一些素材 ,請(qǐng)點(diǎn)這里
 
 目前墨刀已經(jīng)發(fā)展的很不錯(cuò)了,該有的基本素材都有,如果你有需要的公司logo或者個(gè)人簽名,請(qǐng)選座右邊標(biāo)簽的Account來上傳自己的。或者點(diǎn)擊藍(lán)色按鈕,進(jìn)入素材廣場(chǎng)(會(huì)打開一個(gè)網(wǎng)頁) 來瀏覽更多網(wǎng)絡(luò)上的素材。
另外一個(gè)重要的東西是version control
 
 這個(gè)功能只對(duì)企業(yè)級(jí)的用戶開放,雖然貴,但是好用,沒錯(cuò)我還沒買。
 但是對(duì)于做商業(yè)化的app的時(shí)候還是蠻重要的功能。后面我們?cè)僬劇?/p> 
 對(duì)新手來說最重要的功能就是這個(gè)
 幫助里面的向?qū)?#xff0c;詳細(xì)介紹了每一個(gè)功能,并且配合了視頻去講解如何使用。不會(huì)用,最初步的就是這個(gè)。
 
 頁面的左邊欄 包括兩個(gè)部分,最左邊的,快速插入
 和分上下兩欄的目錄
 上面的目錄是頁面
 可以看到目前默認(rèn)的只有 home 和screen2 兩個(gè)頁面點(diǎn)擊對(duì)某個(gè)頁面進(jìn)行編輯。
 下面的layer
 有點(diǎn)類似于 PS里面的圖層 ,
 兩個(gè)作用,
 第一,是告訴你目前的頁面里有多少組件,可能是group 組件 ,可能是單個(gè)組件。
 第二,是告訴你如果有交疊,誰會(huì)在上層,如果你沒玩過PS,那么可以理解為webpage里面的z-index。
 主體頁面里面,最扎眼的就是這個(gè)組件框
 組件框里包括了各種組件你可以隨意拖動(dòng)選擇
其中最終要的是Dynamic Widget(動(dòng)態(tài)組件)
 它所包括或者包圍的部分就是可以點(diǎn)擊或者滑動(dòng)或者交互的,加載不同的狀態(tài),就可以形成動(dòng)態(tài)效果。
先到這兒吧,明天再續(xù)
總結(jié)
以上是生活随笔為你收集整理的墨刀使用入门学习笔记1的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
 
                            
                        - 上一篇: 微信小程序 超市购物页面
- 下一篇: 前端经典面试题 | Vue组件间的通信方
