iT邦幫忙

1

XD 設計稿問題

  • 分享至 

  • xImage

以下講的是Adobe XD 不是表情符號的XD

之前的工作 有收過XD設計稿由前端處理
那時的工作模式 設計師出pt單位 但前端可以在XD中切換px單位做切版
https://ithelp.ithome.com.tw/upload/images/20220426/20098345hWDtEkdicm.png

但昨日收到新版的XD設計稿,發現 官方敘述
I'm afraid there's no option to change the unit currently.

目前找到的說法 12px×3/4=9pt,試著用這樣換算,發現切出來的版型,似乎沒有很精準
想請問各位寫網頁的大大
遇到這樣情況 要如何做應對 ,應該不是用通靈的吧!

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
Todd
iT邦新手 1 級 ‧ 2022-04-26 16:53:22
最佳解答

pt是印刷用單位(代表一個物理長度,1pt = 1/72英寸)
所以如果是我,我會請設計師出px的稿
況且實際上如果用xd進行設計,應該是可以設定預設單位是px

但如果真的要換算pt換算成px是要看dpi
就問你們設計師在畫設計稿時是用多少dpi
windows預設是96dpi
假設你們設計師是用72dpi設計
所以換算起來會像是你的換算公式
1pt * 96 / 72 = 1.3333px
但實際上要看那張設計稿的dpi
假設是160dpi的設計稿那就會是
1pt * 96/160 = 0.8px

Vader iT邦研究生 4 級 ‧ 2022-04-26 18:08:19 檢舉

我們也想請他出PX的稿,但他找到的論壇訊息好像XD不支援了
I'm afraid there's no option to change the unit currently.

Todd iT邦新手 1 級 ‧ 2022-04-27 10:58:39 檢舉

Vader
好吧至少我以前拿到的xd出的稿都是px為單位,那可能是現在沒辦法了?
雖然我覺得不太可能一個畫ui的軟體沒辦法使用px當單位

那我覺得可能可以試試看導出到zeplin(或許其他標注軟體也可以,但我只用過zeplin),我記得他會根據android/ios/web專案換算不一樣的單位

Vader iT邦研究生 4 級 ‧ 2022-04-27 13:56:34 檢舉

zeplin 好的 感謝大大 我會跟我們設計說

0
海綿寶寶
iT邦大神 1 級 ‧ 2022-04-26 11:06:13

Google這篇供參考

真慶幸我不是做 UI 設計的
/images/emoticon/emoticon06.gif

Vader iT邦研究生 4 級 ‧ 2022-04-29 14:18:22 檢舉

謝謝海綿大大

我要發表回答

立即登入回答