icon 圖示是一種圖形,也是一種標識。你是否也思量過,小小的圖示也能用於電子郵件排版中呢?圖示便於人記憶,高度濃縮了訊息,且能夠快速傳達內容,可謂小小的圖示,隱藏著大大的訊息能量!當你不想要在郵件中加入圖片時,可以使用 icon 圖示來傳達部分的郵件內容。

郵件加入 Icon 的三大好處

郵件設計者一般都知道圖文結合的郵件設計原則,編輯郵件時會加入圖片,結合文字。你是否也考慮過,在電子郵件中加入 icon 圖示,結合電子郵件文案內容,這也是一種不錯的編輯方式?這對於訂閱用戶來說只有利無害。主要有以下三大好處:

1.文案內容條理化

當你設計編輯郵件內容時,需要進行郵件排版,可以採用圖示,將郵件內容區隔成不同的區塊。譬如推銷公司的產品,或者介紹服務的特點,將產品服務性質特點分類整理,並用 icon 圖示陳列出每一點內容,呈現給訂閱用戶一封非常有條理,井然有序的郵件。

2.有效傳達訊息

圖示具有無聲的吸引力,能夠有效傳達郵件文案的意思。明智選擇會“說話”的圖示,訂閱用戶不用費力理解圖示的含義,搭配簡單的文字,即可傳達郵件中每一個區塊的重點,訂閱用戶一眼瀏覽郵件時,順應 icon 圖示便可快速抓住郵件重點,掌握核心的資訊。

3.代替圖片

有時候 icon 圖示比圖片傳達訊息的效果要好。電子郵件中的圖片很容易受到訂閱用戶的電子郵件客戶端影響或攔截,而無法正常顯示。使用 icon 圖示且是SVG格式,在所有的電子郵件客戶端都顯示一樣的效果,下載也非常方便。

Icon 運用四大技巧

圖示使用有秘訣嗎?當然有!在設計排版電子郵件之前,如果掌握一些 icon 的運用技巧,可以協助您快速判定如何使用圖示,加快編輯郵件的速度。因此,以下分別結合即將到來的萬聖節排版,介紹 icon 圖示運用的四大技巧:

1.搭配文字

雖然 icon 圖示簡潔有力,能代替圖片和文字傳達郵件的訊息,但有些圖示表達的意思比較抽象,如果擔心訂閱用戶的理解有誤,可以適當搭配簡潔的文字說明,作為分點內容的小標題,從而能更精準地協助訂閱用戶理解郵件的訊息。

2.加入背景

給 icon 圖示添加背景,即是美化圖示,為其增加色彩。通常是添加 icon 圖示增加不同形狀的背景,突出圖示,常見的添加背景形狀有圓形、方形等。添加背景之後,類似於我們文檔編輯的項目符號,每個圖示對應每一項文字重點。

3.同類圖示

我們經常使用到的 icon 圖示,有多種分類。如果在郵件排版中,使用不同類型的圖示,容易造成視覺上的混亂,譬如,不同類型圖示可能顏色不一致,避免造成文案排版有點混亂的情況,容易分散收件人閱讀郵件的注意力。

4.尺寸統一

編輯排版電子郵件的時候,要注重上傳的圖示尺寸,確保每一項圖示尺寸相同,表明每一項圖示代表著每一個同等重要的重點。有些平台提供免費的圖示資源,在下載的時候可以選擇圖示的尺寸。因此,至少要匹配和字型尺寸。

Icon 與郵件文案排版

如果你心中打定主意要使用圖示排版郵件,那麼,該如何開始著手排版電子郵件呢?遵循以下四大原則,結合圖示排版電子郵件,從而提高電子郵件的可讀性以及美觀性,俘獲收件人的心吧!

1.簡潔/重點突出

訂閱用戶瀏覽一封電子郵件一般不會超過1分鐘時間,要讓訂閱用戶開啟你的郵件,瞬間看到重點。譬如需要分享數據研究報告,可以不分享全部的數據結果,挑出部分重點內容,結合圖示表示,保持簡潔性,重點突出。

2.顏色字型搭配

無論是其他的排版,還是電子郵件,字型尺寸和字型顏色都要謹慎使用。由於圖示的顏色是多種多樣的,在和文字搭配的時候,根據圖示的或者文字,兩者尺寸大小要設定好,此外,字型的顏色應該要和圖示的顏色相搭配,不容易造成兩種顏色衝突。

3.視覺層次分明

透過區塊排版彰顯郵件的層次效果,像是使用不同顏色、區塊大小等小技巧,在加上區塊的不相同的圖示,突出每一個區塊內闡述的內容不相同,這樣不會容易造成視覺疲勞,以及擾亂訂閱用戶的閱讀視線。

4.對齊方式順序

注重圖示與文案的對齊方式和順序。郵件排版使用2欄式或者多欄式的排版,每一組欄位配備一組圖示,像下圖顯示,圖示的位置最好放置在同一個位置,具有統一性,而不是有些在頭部,有些在尾部。

Benchmark 編輯郵件應用 Icon

在眾多的郵件行銷平台中,大部分都可以支援郵件編輯,上傳圖示。使用 Benchmark 上傳圖示到圖庫中,就可以應用到郵件設計裡啦!要注意 Benchmark 支援的檔案格式以及尺寸喲。在此,我們按照上文談及的圖示應用技巧和排版技能,製作一封帶有圖示萬聖節郵件範本供大家參考!

免費 Icon 資源庫

網路資源豐富多樣,你可以在網絡上搜尋各類專業設計的 icon 圖示網站,並提供免費和付費 icon 圖示下載。以下是Benchmark Email 給大家推薦可以免費下載圖示的網站,網站上面圖示內容豐富。

Icon Finder

Icon Finder 這個圖示網站,有提供最新設計的海量圖示。你可以在Icon Finder上找到不同風格的圖示,亦可搜尋你想要的主題,比如針對萬聖節,推萬聖節主題圖示活動。每一個圖示對應附有標籤主題,甚至知道下載量。下載圖示的時候,除了可以選擇不同的圖示格式,還可以選擇下載的圖示尺寸大小,簡直不要太方便了!

Icons 8

Icons 8 是綜合性強、專業設計網站。不單是提供圖示,還集合了插圖、照片、音樂和設計工具資源。如果想要獲取圖示資源,不會令你失望。海量免費的圖示,高達352,400 個免費的圖示,35種不同的風格,各類型的主題。用戶不用登入賬戶,點擊即可下載圖示,在選擇下載的時候,可以圖示的尺寸。

Iconshock

Iconshock 是專業的圖示圖庫。具有200萬圖示,400+套圖示,集合30多種樣式。按照風格和不同行業類別進行分類,譬如其中包括了炫酷的3D效果圖示,高達30+個行業類別,資源甚是豐富。同時點開單個圖示頁面的時候,除了可以自定義編輯圖示顯示的顏色,還可以選擇圖示的尺寸大小(24px-512px)!

如何設計一封別樣的電子郵件,需要你另闢蹊徑,嘗試新思路,俘獲收件人的心。 icon 圖示包羅萬象,總有幾款圖示適合你的電子郵件排版。借用 icon 圖示,更好傳達郵件中的重點內容,能夠更加吸引收件人繼續閱讀郵件。

作者簡介:

by benchmarktw