什麼是設計Resize?

筱涵|Hannah-avatar-img
發佈於網頁一角 個房間
更新於 發佈於 閱讀時間約 3 分鐘

Resize是一種設計手法,設計師在設計的過程中,為設計品調整尺寸與內容。


在主設計師完成了某項主要設計後,其他設計師遵守規範(比如使用到的字體、圖片、元素)去按照應用需求而做出延伸設計。


這能確保設計品在不同的環境中,都能夠呈現最佳的樣子,讓整體看起來更有一致性。


雖然Resize這件事看起來很簡單,但很需要基本功,對於電商廣告設計經驗不足的人來說,其實執行起來很花時間。

就算是熟練的設計師,在執行resize的過程中也是和時間賽跑,因為時間對能自主接案的設計師來說就是關鍵成本。


▉ 什麼時候會用到Resize

各種設計領域內都有可能會碰到,不管是做品牌設計還是網頁設計、介面設計,都有可能因為軟硬體設備的尺寸條件不同,而產生需要Resize的情況。

廣義來說,在CIS或VI的提案製作中,所需要的文宣品、應用品都是一種Resize,但不只尺寸,要考慮更多在不同媒介下的呈現方式與應用條件。


設計師必須考量出設計品最好的呈現方式。

(比如店面招牌,在圓招、直招、橫招各有不同用途的情況下,店名與標誌的呈現方式,而不是漫無目的放上相同的VI)


在與網頁設計有關的情況下,最常碰到的就是Banner resize,又可稱作電商廣告延伸應用。



▉ 關於Banner resize

一張Banner可能會具備LOGO、圖片、主標、副標、元素。

在做Banner resize時,可能會有幾種情況


尺寸延伸範例 - 使用的範例字體為Quicksand

尺寸延伸範例 - 使用的範例字體為Quicksand

1.尺寸優先

依照需要顯示的位置調整尺寸,依照尺寸做版面的編排刪減,以資訊最佳化的方式去思考。


風格延伸範例 - 使用的範例字體為Quicksand

風格延伸範例 - 使用的範例字體為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已能快速且自然地幫設計師生出額外的背景。


持續關注新的技術,說不定哪天就又突然進化了!


延伸閱讀

#設計分享 廣告圖自動排版平台工具



留言
avatar-img
留言分享你的想法!
avatar-img
筱涵|Hannah的沙龍
8.9K會員
42內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/03/14
在設計完成之後,提供的檔案格式都會因為情況而有不同,認識到差別,才能掌握到設計之外的細節,本篇文章將簡單介紹最常見的 6 種圖像格式,以及其他檔案交付格式、瀏覽器相容性查詢工具Can I use。
Thumbnail
2025/01/02
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
2025/01/02
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
2024/12/13
2024/12/13
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。 以下內容會說明每個設計調整的原因跟
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。 以下內容會說明每個設計調整的原因跟
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
Thumbnail
排版微系列調專門分享如何透過一些調整讓設計與排版更好看,並且每張設計都會說明為何調整的原因,以及原本設計可能有的問題。 如果你是設計初學者那這份內容會很適合你,因為會很細節的去講解排版原因,如果你看完喜歡,我每月會有三篇微調詳解固定分享給訂閱會員,歡迎訂閱。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News