Posize 和 Flex?——pxCode 兩個簡單功能,掌握 RWD 切版的關鍵要素

2022/01/28閱讀時間約 1 分鐘
而這一篇文中,就將對此分享我們所設計的一個全新編輯工具——pxCode
透過Figma/Sketch將檔案直接輸出,並導入pxCode之後,pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何工程或設計背景的用戶,都可以輕易上手——(這句話是真的喔)
這支影片中,將會詳細地為pxCode用戶分享【Posize & Flex】這個獨創功能。
說是「獨創」其實也並不完全,因為從「Posize」一詞來看,顧名思義就是 Position+Size。這是不少設計工具都會有的概念。
因此,就是將原本的兩個功能做結合,透過一個清晰的版面,就可以做出相當豐富的變化,最後再於「Size」進行更細節的設定。
.

➤ 加速網頁切版的過程?——這兩個工具,讓你比其他工具快上10倍

如此一來,就可以在非常視覺化/直覺式的編輯方法之下,來達到使用者最期望的切版結果!
於是在pxCode裡,只要有了Posize+Flex,無論什麼樣的設計稿,都可以用最有效率的方式進行切版編輯,大大提升了效率!
歡迎收看以上教學影片,並提出任何疑惑,我們都會為你解決。 ;)
⏱ Timeline:
🔵 0:09 Group 的類別
🔵 0:20 Posize
🔵 1:10 Posize 的操作
🔵 1:54 Posize 與程式碼
🔵 2:06 Flex
🔵 3:15 Fusion Flex
🔵 4:46 總結
.
📲 歡迎任何問題與合作邀約: pxCode官方網站, Facebook, YouTube
為什麼會看到廣告
illustration
贊助支持創作者,成為他繼續創作的動力吧!
pxCode Team
pxCode Team
pxCode 是一個響應式網頁(RWD)開發工具,並由台灣團隊創建的。致力於提供一個最快速、最簡單的平台,讓每個人輕鬆地將設計稿轉換成響應式網頁。
留言0
查看全部
發表第一個留言支持創作者!
從 Google News 追蹤更多 vocus 的最新精選內容