什麼是設計Resize?

筱涵|Hannah
發佈於與網頁有關 個房間
閱讀時間約 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已能快速且自然地幫設計師生出額外的背景。


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


延伸閱讀

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



1.6K會員
19內容數
二寶媽用瑣碎的時間來寫寫字,紀錄工作和興趣。
留言0
查看全部
發表第一個留言支持創作者!