快速提示 使用Studio加快設計過程

2021-10-07 11:47:45 字數 568 閱讀 6174

在今天的快速提示中,我將向您介紹數字產品的設計工具「 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繼...