在今天的快速提示中,我將向您介紹數字產品的設計工具「 studio」。 讓我們看看它如何幫助您加快設計過程!
多年來,我們所有人都對使用photoshop,adobe xd或sketch等工具來設計布局和介面非常熟悉。 studio在設計過程中採用了稍微不同的方法。
這是乙個基於web的工具,目前可以免費使用,因此,如果您要註冊或登入並輸入您的憑據,則可以使用。
您將看到「專案」頁面,準備好並等待您的第乙個專案(如果您剛剛註冊)。 在開始新專案時,您可以選擇設計乙個網路專案或乙個iphone應用程式。
啟動專案後,您會看到乙個頁面 (類似於其他設計應用程式中的畫板 ),一些縮放和檢視控制項,在左側,您會看到可以新增框,影象,文字和圖示。 這些幾乎就是您可以新增的所有內容,因此studio和您可能習慣的其他ui設計應用程式立即會有所不同!
至關重要的是,studio的所有布局元素都具有響應能力。 它們的大小和排列方式會根據您所設計頁面的大小而變化。 這是studio工作方式以及如何更改介面設計方式的關鍵。
翻譯自:
studio使用技巧
ctrl f12 此快捷鍵可以調出當前檔案的大綱,並通過模糊匹配快速跳轉至指定的方法。勾選上 show anonymous classes 後其功能相當於eclipse中的ctrl o ctrl alt h ctrl shift i 如其名,書籤。幫助快速回到指定的位置,實際使用中簡直爽得不行。f1...
studio基礎控制項的使用
在studio裡把幾個基礎控制項往場景檔案一拖,然後匯出json格式的資源檔案 邏輯 如下 1 var helloworldlayer cc.layer.extend 2021 init ui 22initui function 3435 36var checkbox ccui.helper.see...
cardview在studio中的使用
首先要知道這個空間是幹什麼用的,cardview可以在乙個卡片布局中一致性的顯示內容,卡片可以包含圓角和陰影。cardview是乙個layout,可以布局其他view。cardview如linearlayout framelayout一樣都是viewgroup,即其他控制項的容器。cardview繼...