什麼是設計Resize？
Resize是一種設計手法，設計師在設計的過程中，為設計品調整尺寸與內容。
在主設計師完成了某項主要設計後，其他設計師遵守規範(比如使用到的字體、圖片、元素)去按照應用需求而做出延伸設計。
這能確保設計品在不同的環境中，都能夠呈現最佳的樣子，讓整體看起來更有一致性。
雖然Resize這件事看起來很簡單，但很需要基本功，對於電商廣告設計經驗不足的人來說，其實執行起來很花時間。
就算是熟練的設計師，在執行resize的過程中也是和時間賽跑，因為時間對能自主接案的設計師來說就是關鍵成本。
▉ 什麼時候會用到Resize
各種設計領域內都有可能會碰到，不管是做品牌設計還是網頁設計、介面設計，都有可能因為軟硬體設備的尺寸條件不同，而產生需要Resize的情況。
廣義來說，在CIS或VI的提案製作中，所需要的文宣品、應用品都是一種Resize，但不只尺寸，要考慮更多在不同媒介下的呈現方式與應用條件。
設計師必須考量出設計品最好的呈現方式。
(比如店面招牌，在圓招、直招、橫招各有不同用途的情況下，店名與標誌的呈現方式，而不是漫無目的放上相同的VI)
在與網頁設計有關的情況下，最常碰到的就是Banner resize，又可稱作電商廣告延伸應用。
▉ 關於Banner resize
一張Banner可能會具備LOGO、圖片、主標、副標、元素。
在做Banner resize時，可能會有幾種情況
尺寸延伸範例 - 使用的範例字體為Quicksand
1.尺寸優先
依照需要顯示的位置調整尺寸，依照尺寸做版面的編排刪減，以資訊最佳化的方式去思考。
風格延伸範例 - 使用的範例字體為Quicksand
2.風格優先
局部替換物件或顏色，做出不同商品、不同主標，但具有同款風格的系列感。
▉ 將AI人工智慧用於 Banner resize 的可能性
設計業界目前最常討論到的AI人工智慧，Midjourney、Leonardo.AI、Civitai AI...有太多AI工具已經能讓人利用文字指令、以圖生圖功能產出圖片。
先不提為人詬病的版權問題，這些AI工具目前產出的jpg，沒有透明背景功能、也無法拆分圖層、解析度也不好，目前暫時還沒看到Banner resize相關的工具。
有看到商品自動化排版調整的平台，但尚未看到那種能產出分層檔案並依照應用需求考量的resize工具。可在這兩年AI技術所帶來的效應中，在Adobe CC的Photoshop與Illustrator的功能中，已能做到非常好的應用。
設計師能輕鬆地和軟體許願Banner所需的背景，用原圖所生成的圖層。
插畫師能藉由關鍵字(咒語詠唱)去做到無中生有的配件，點陣和向量的都有呢！
光是能處理背景延伸這件事，在resize的作業過程中就已幫了大忙。
比如，當圖片出現超過原本設定的寬度需求時，Photoshop已能快速且自然地幫設計師生出額外的背景。
持續關注新的技術，說不定哪天就又突然進化了！
延伸閱讀
你可能也想看
