Adobe Xd 來設計banner真的回不去

Anna Liu
Anna Liu
Nov 5 · 3 min read

一位本來在自學 UI 卻半途來到台北做平面設計的小小美編。用這一年多的經驗作分享~這篇不是來分享做網站,只是突然發現很依賴 Xd 來設計。

身份:製作大部分為設計螢幕裝置上的Banner、活動圖,有一點美感。

時間:需要很快就要完稿,也包含Resize很多版本。

找素材:快速製作下,找素材的時間也要相對更快。

螢幕裝置上的圖?是指在螢幕上顯示的圖,包含電腦、平板、手機甚至電視或apple watch,這些沒有需要印刷,只用光呈現的圖,注重不同裝置上呈現的閱讀感,手機上有文字圖的話,文字就不能太小,考慮使用者閱讀不同裝置的感受。

6 大優點

  1. 一次存多個不同檔名的Artboard,每一個Artboard都可以直接命名,對於需要resize一堆圖,每一個圖都要重新打正確尺寸的人有希望了~
  2. 超出Artboart的範圍自動省略,像Ps依樣看起來邊邊很乾淨,但點Artboart還是會呈現出半透明的超出範圍,讓使用者看到能夠調整範圍。
  3. 匯入多張圖會一次橫排出現,相較Ai集中於一個點,預覽比較方便。
  4. Artboard可以直接選要新增的版型,不用再自行查尺寸或開新的檔案。(螢幕裝置的版型)
  5. 製作商品圖表格時,可以用好表格形式,直接匯入google表單。
  6. 開檔與存檔的速度比Ai快(抱歉Ai…)。
製作時大概會用上的字體與版型

6 個缺點

  1. 相較Ai ,Xd真的陽春比較多,很多細節需要進Ai調整,但基本Adobe檔案都是互通的,可以複製來貼上去。
  2. 找不到好的素材,還是要進Ps調整圖片顏色、光線、修去污點。
  3. 挑選字體不會像Ai、Ps直接呈現字體樣式,只會出現字體名稱,所以我會直接製作一堆字體懶人包直接拉來用。(畢竟這是專為網頁做的軟體,不是所有字體都能呈現出來在網頁上的說)
  4. 對於做一張活動圖,會需要去背很多圖,還要搭配背景圖,需要調整相同色調,進Ps做其實快很多,但考慮到resize,很多裝置圖在網頁上是幾倍放大,只要拖拉過去調整倍率,比較快。
  5. 不能設定解析度,但可以存svg、pdf檔。
  6. 不能開啟eps檔,有時候下載素材發現是eps檔只好進Ai開。

為什麼不用Sketch?因為我先學了Adobe Xd,而且都是Adobe系列很通用也好上手,Sketch比較後期才自學。

這是一篇整理這一年的心得篇,謝謝觀看:)

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade