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
即將進入廣告,捲動後可繼續閱讀
為什麼會看到廣告
avatar-img
8會員
8內容數
以全中文介紹 pxCode 的內部功能,並進行細節的分段教學。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
pxCode Team的沙龍 的其他內容
你或許會好奇,為什麼早已在設計軟體完成的設計稿,還要進行修正?—— 沒錯,因為這中間的切換,經常會有元件不適應(也可能是設計稿本身)的問題。
這篇文中,將會重點介紹網pxCode裡,使用者介面的四大功能項目,分別是——導覽列 Navigator、屬性 Inspector、工具列 Toolbor、編輯區 Editing Canvas
在pxCode裡,和其他編輯工具的共同點.,就是所有的編輯調整都建立在結構之上。所以要進入更細節的調整,都必須先把結構(既HTML)的基礎打好。
對於剛入門的新手來說,有一些細節概念或許不是那麼清楚的,例如說什麼時候應該做出怎麼樣的調整,來進入下一步調整?
pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何資訊或設計背景的用戶,都可以輕易上手。
在 pxCode 裡,我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後,再動手執行,會更有效率!
你或許會好奇,為什麼早已在設計軟體完成的設計稿,還要進行修正?—— 沒錯,因為這中間的切換,經常會有元件不適應(也可能是設計稿本身)的問題。
這篇文中,將會重點介紹網pxCode裡,使用者介面的四大功能項目,分別是——導覽列 Navigator、屬性 Inspector、工具列 Toolbor、編輯區 Editing Canvas
在pxCode裡,和其他編輯工具的共同點.,就是所有的編輯調整都建立在結構之上。所以要進入更細節的調整,都必須先把結構(既HTML)的基礎打好。
對於剛入門的新手來說,有一些細節概念或許不是那麼清楚的,例如說什麼時候應該做出怎麼樣的調整,來進入下一步調整?
pxCode就會提供許多獨創的視覺編輯方式,讓甚至沒有任何資訊或設計背景的用戶,都可以輕易上手。
在 pxCode 裡,我們也建議應用相同的概念 —— 在切版前先進行一輪的【思考切版】。當有了結構概念之後,再動手執行,會更有效率!
你可能也想看
Google News 追蹤
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
更新 新增:亞光和興勤 個人持股 8349,3484,1268,2106,8255,6789,3019 長線持股: 新應材 先進光 力特(減碼停損) 因為虧損超過8%~長線持股也會減碼,新應材和先進光的報酬率都近百趴,停損機率較低 本表使用方式: 1以下我講的是個人建倉方式 在股價接
Thumbnail
在完成兒童理財師資培訓課程後,在『適當的時機』開始了零用錢制度,透過面對需求和儲蓄目標的設定,教導理財和延遲滿足的重要性。文章中分享了球球如何透過存存及花花撲滿來分開儲蓄目標和日常消費的經驗,並介紹了儲蓄練習的三個原則。同時,提到重要的金錢決策及選擇的培養,對孩子的未來財務管理能力產生深遠影響。
Thumbnail
莊園咖啡,莊園紅酒,大家肯定常常聽到!那莊園茶呢?其實,耳熟能響的印度大吉嶺、阿薩姆、斯里蘭卡(錫蘭)、肯亞等全球知名紅茶產區,莊園茶制度早已行之上百年,而且貼近你我品飲生活!   莊園茶,源於十九世紀中期英屬殖民地,從亞洲印度、斯里蘭卡等,一路拓展至非洲肯亞等地。發展之初,
Thumbnail
先前在「我是股東,可以查公司帳務資料嗎?」一文,討論了身為有限公司或股份有限公司的股東,在主事股東或經營團隊不願意提供公司營運資料時,在法律上是否有權利可以查閱公司帳務等資料,這次,要討論的是在台灣也是常見的合作模式,與人「合夥」做生意時,如非執行合夥事務權利之合夥人,是否也有權利查閱合夥事業帳冊資
Thumbnail
最近營建股很夯,但是你知道你要如何道你手上的營建股未來營收是否會不錯? 那就是去看他的合約負債的金額,合約負債就是一家公司依據合約預收的款項,這個在營建股就是預售屋預收的工程款,在食品類股就是預收的餐券,這些未來當合約完成時都會轉成該公司的營收。   所以這個金額對營建股來說當然是愈高愈好啊。
今天我們三個表姐妹在台灣香港雪梨三地一起吃個線上午餐. 上一次吃飯少說也兩年前了. 那天忽然想到我們不就打開電腦就好了嗎?大家就可以見到面聊天吃飯了. 因為還是有時差所以他們兩個吃早餐9:30就是我這裡的11:30. 最主要的是小表妹有一個很小的小孩要下去游泳課所以我們就配合他. 我們大家都各自叫u
Thumbnail
我們有很多一起吃午餐和晚餐的人,跟你一起吃早餐你的人,並不多
Thumbnail
大家應該都有在我的故事中看到,我的資產能累積到現在的地步,某種程度來說,靠的是我女友的幫忙。我女友在剛畢業的時候在傳產業當倉管,月收入只有一萬七。後來轉職到科技業當業務,然後靠職場人脈到科技業上市公司當採購。我曾經告訴她,每個月的花費靠我的收入就夠支出,你賺的錢就是我們能存下來的錢。你賺得越多,我們
Thumbnail
人要先有「我」,才可能真的做到捨「我」。如果你的自我發展是空洞的、缺少成就、發展和培育,那麼你說要捨「我」,那個「我」究竟是什麼? 從小到大,我們大多數人活在不被允許有「我」的狀態,把「自我」當成是「自私」,以致我們的個體自我發展支離破碎,人格難以統整,情感和思想難以自我認同...
Thumbnail
*合作聲明與警語: 本文係由國泰世華銀行邀稿。 證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務,定期定額(股)服務由國泰綜合證券提供。   剛出社會的時候,很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天,都會聽到各種市場動態、理財話題,像是:聯準會降息或是近期哪些科
Thumbnail
更新 新增:亞光和興勤 個人持股 8349,3484,1268,2106,8255,6789,3019 長線持股: 新應材 先進光 力特(減碼停損) 因為虧損超過8%~長線持股也會減碼,新應材和先進光的報酬率都近百趴,停損機率較低 本表使用方式: 1以下我講的是個人建倉方式 在股價接
Thumbnail
在完成兒童理財師資培訓課程後,在『適當的時機』開始了零用錢制度,透過面對需求和儲蓄目標的設定,教導理財和延遲滿足的重要性。文章中分享了球球如何透過存存及花花撲滿來分開儲蓄目標和日常消費的經驗,並介紹了儲蓄練習的三個原則。同時,提到重要的金錢決策及選擇的培養,對孩子的未來財務管理能力產生深遠影響。
Thumbnail
莊園咖啡,莊園紅酒,大家肯定常常聽到!那莊園茶呢?其實,耳熟能響的印度大吉嶺、阿薩姆、斯里蘭卡(錫蘭)、肯亞等全球知名紅茶產區,莊園茶制度早已行之上百年,而且貼近你我品飲生活!   莊園茶,源於十九世紀中期英屬殖民地,從亞洲印度、斯里蘭卡等,一路拓展至非洲肯亞等地。發展之初,
Thumbnail
先前在「我是股東,可以查公司帳務資料嗎?」一文,討論了身為有限公司或股份有限公司的股東,在主事股東或經營團隊不願意提供公司營運資料時,在法律上是否有權利可以查閱公司帳務等資料,這次,要討論的是在台灣也是常見的合作模式,與人「合夥」做生意時,如非執行合夥事務權利之合夥人,是否也有權利查閱合夥事業帳冊資
Thumbnail
最近營建股很夯,但是你知道你要如何道你手上的營建股未來營收是否會不錯? 那就是去看他的合約負債的金額,合約負債就是一家公司依據合約預收的款項,這個在營建股就是預售屋預收的工程款,在食品類股就是預收的餐券,這些未來當合約完成時都會轉成該公司的營收。   所以這個金額對營建股來說當然是愈高愈好啊。
今天我們三個表姐妹在台灣香港雪梨三地一起吃個線上午餐. 上一次吃飯少說也兩年前了. 那天忽然想到我們不就打開電腦就好了嗎?大家就可以見到面聊天吃飯了. 因為還是有時差所以他們兩個吃早餐9:30就是我這裡的11:30. 最主要的是小表妹有一個很小的小孩要下去游泳課所以我們就配合他. 我們大家都各自叫u
Thumbnail
我們有很多一起吃午餐和晚餐的人,跟你一起吃早餐你的人,並不多
Thumbnail
大家應該都有在我的故事中看到,我的資產能累積到現在的地步,某種程度來說,靠的是我女友的幫忙。我女友在剛畢業的時候在傳產業當倉管,月收入只有一萬七。後來轉職到科技業當業務,然後靠職場人脈到科技業上市公司當採購。我曾經告訴她,每個月的花費靠我的收入就夠支出,你賺的錢就是我們能存下來的錢。你賺得越多,我們
Thumbnail
人要先有「我」,才可能真的做到捨「我」。如果你的自我發展是空洞的、缺少成就、發展和培育,那麼你說要捨「我」,那個「我」究竟是什麼? 從小到大,我們大多數人活在不被允許有「我」的狀態,把「自我」當成是「自私」,以致我們的個體自我發展支離破碎,人格難以統整,情感和思想難以自我認同...