在討論標(biāo)志設(shè)計(jì)時(shí),大多數(shù)指南都關(guān)注創(chuàng)建品牌標(biāo)志的美學(xué)方面。而且,因?yàn)橐粋€(gè)偉大的標(biāo)志可以成就或破壞一個(gè)企業(yè)的成功,這是完全可以理解的。
然而不幸的是,標(biāo)志設(shè)計(jì)的一個(gè)方面經(jīng)常被忽視:分辨率。
作為影響如何看待公司logo的技術(shù)因素,分辨率在確保您的logo發(fā)揮應(yīng)有作用方面起著至關(guān)重要的作用。
但是,您可能想知道:首先什么是分辨率?設(shè)計(jì)在線和離線使用的logo時(shí)有何不同?
在常州標(biāo)志logo設(shè)計(jì)公司整理的指南中,您將了解有關(guān)logo設(shè)計(jì)中分辨率的所有信息,它如何受到您網(wǎng)站上的審美選擇或社交媒體上的品牌視覺標(biāo)識(shí)的影響,以及在現(xiàn)代為響應(yīng)式網(wǎng)站創(chuàng)建標(biāo)識(shí)所面臨的挑戰(zhàn)設(shè)備屏幕。
所以,事不宜遲,讓我們開始吧。
什么是分辨率?
在我們開始討論解析在標(biāo)志設(shè)計(jì)中所扮演的角色之前,首先要了解這個(gè)術(shù)語的含義。
根據(jù) Adobe的說法,分辨率(很簡單)代表“圖像中的細(xì)節(jié)量”。
在打印中,分辨率表示以線性英寸 (DPI) 為單位打印的點(diǎn)數(shù)。但是,在計(jì)算機(jī)和電子設(shè)備上,分辨率是通過每英寸像素?cái)?shù) (PPI) 來衡量的。
換句話說,術(shù)語分辨率(或像素?cái)?shù))實(shí)際上表示水平軸上的像素?cái)?shù)除以垂直軸上的數(shù)字,從而計(jì)算出每英寸的像素?cái)?shù)。
圖像在屏幕上顯示的清晰度取決于屏幕大小和像素?cái)?shù)。
精確的像素分辨率在較小的屏幕上會(huì)更清晰,而屏幕越寬越不清晰。
這是有道理的,因?yàn)楸举|(zhì)上,相同數(shù)量的像素分布在更大的區(qū)域上。
簡單吧?
輸出將取決于實(shí)際設(shè)備和顯示器。因此,您的圖像在不同設(shè)備和屏幕上的顯示可能會(huì)有所不同,具體取決于設(shè)備的技術(shù)規(guī)格。
什么是像素?
要獲得在所有l(wèi)ogo設(shè)計(jì)中獲得正確分辨率所需的知識(shí),您首先必須了解一些有關(guān)像素的知識(shí)。
根據(jù)定義,像素表示當(dāng)成行堆疊在一起時(shí)構(gòu)成圖像的各個(gè)正方形。
讓我們想一想,當(dāng)您放大到非常接近圖像時(shí)會(huì)發(fā)生什么。你會(huì)發(fā)現(xiàn)距離越近,圖像就越模糊。
從本質(zhì)上講,這種模糊意味著您已經(jīng)如此接近,以至于您可以看到構(gòu)成您正在查看的照片的單個(gè)像素(或模糊方塊)。
避免這種模糊的最佳方法是關(guān)注 DPI(每英寸點(diǎn)數(shù))和 PPI(每英寸像素?cái)?shù))。
在討論打印輸出時(shí)通常使用術(shù)語 DPI,而 PPI 用于顯示和數(shù)字圖像。然而,許多人(甚至專家)交替使用這兩個(gè)術(shù)語,這在討論解決方案的概念時(shí)往往會(huì)導(dǎo)致混淆和混淆。
但是視覺文件中的像素?cái)?shù)如何影響外觀?
DPI 或 PPI 越高,圖像中的信息就越多,這意味著您可以看到更多細(xì)節(jié),并且圖像看起來更清晰。
但是,您可能認(rèn)為 DPI 或 PPI 越高,圖像的質(zhì)量就越高。畢竟,有什么比將細(xì)節(jié)濃縮在文件中更好的方式來確保出色的觀看體驗(yàn)?zāi)兀?/p>
不幸的是,影響圖像質(zhì)量的不僅僅是像素密度。像素大小在結(jié)果中起著同樣重要的作用。
例如,較低的 DPI 和較低的像素尺寸會(huì)在尺寸增加時(shí)導(dǎo)致圖像模糊。
同樣,更高的像素尺寸和更高的 DPI 也會(huì)導(dǎo)致圖片在調(diào)整大小時(shí)變得模糊。
您的logo應(yīng)該是什么 DPI?
大多數(shù)資源會(huì)告訴您72 DPI 是最好的。
但是,請(qǐng)注意,在查看屏幕上的圖像時(shí),DPI 并不總是會(huì)產(chǎn)生影響,因?yàn)閷?shí)際屏幕的分辨率可能會(huì)使圖像看起來不同。(顏色和焦點(diǎn)也可以相同。)
因此,雖然 72 DPI 的概念在印刷中完美運(yùn)行(其中一英寸顯示為一英寸),但數(shù)字屏幕的情況變得稍微復(fù)雜一些。
為避免混淆,請(qǐng)以絕對(duì)像素測量用于在線使用的圖像。
你的標(biāo)志應(yīng)該是什么格式?
通常,您在設(shè)計(jì)logo時(shí)會(huì)希望選擇矢量格式,其原因是可擴(kuò)展性。
雖然光柵文件對(duì)初學(xué)者很友好,但如果您需要放大logo以進(jìn)行打印或縮小其大小以適應(yīng)您的網(wǎng)站圖標(biāo),它們可能會(huì)帶來問題。
您應(yīng)該記住,在線顯示您的logo時(shí),您可以使用的最佳文件格式是 PNG。由于這些往往更小,它們不會(huì)增加加載時(shí)間(因此避免損害您的轉(zhuǎn)化率),但它們將保持詳細(xì)和清晰。
此外,請(qǐng)注意,PNG 允許您將logo添加到透明背景,這可以確保它看起來很棒,無論它顯示在哪里。
如何確定您需要的logo尺寸?
您可以(輕松)使用計(jì)算器工具計(jì)算logo的空間大小。通過確定您需要填充的區(qū)域,此工具將幫助您了解logo將占用的空間所需的尺寸和分辨率圖像。
請(qǐng)注意,您的logo的最佳尺寸將根據(jù)您打算在您的網(wǎng)站、社交媒體還是印刷版中使用而有所不同。
這意味著您可能需要為不同的平臺(tái)準(zhǔn)備多種尺寸?;蛘撸鷮⑿枰x擇允許輕松調(diào)整大小的logo格式。
為確保您的logo在各種分銷渠道上的顯示效果達(dá)到最佳效果,最好熟悉(并及時(shí)了解)有關(guān)logo大小和分辨率的行業(yè)建議。
推薦的網(wǎng)站logo大小
網(wǎng)站設(shè)計(jì)(和吸引力)在企業(yè)的成功中起著重要作用。
研究表明,網(wǎng)站的美學(xué)和功能特征決定了消費(fèi)者是否會(huì)信任一個(gè)品牌,影響他們對(duì)該品牌的看法,他們是否會(huì)記住它,甚至決定他們的購買意圖。
因此,您的目標(biāo)是使您的品牌網(wǎng)站盡可能設(shè)計(jì)良好,這是很自然的。
而且,事實(shí)證明,您放置logo的位置(連同其大?。?huì)對(duì)您的網(wǎng)站留下的整體印象產(chǎn)生積極或消極的影響。
那么,根據(jù)預(yù)期用途,推薦的網(wǎng)站logo大小是多少?
網(wǎng)站標(biāo)題
顯示公司logo的最傳統(tǒng)區(qū)域?qū)⑽挥诰W(wǎng)站的左角,可以稱為網(wǎng)站標(biāo)題或?qū)Ш綑凇?/p>
研究表明,這個(gè)位置非常適合放置視覺品牌元素,因?yàn)樗蔷W(wǎng)絡(luò)訪問者登陸頁面時(shí)首先看到的位置。
為確保您的logo脫穎而出,尺寸至關(guān)重要。太小了,它會(huì)被忽視,讓您錯(cuò)過寶貴的品牌推廣機(jī)會(huì)。但是,太大,它會(huì)掩蓋您網(wǎng)站的轉(zhuǎn)化驅(qū)動(dòng)元素,例如獨(dú)特的價(jià)值主張或主要 CTA。
那么,網(wǎng)站標(biāo)題logo的推薦尺寸是多少?
使用水平圖標(biāo)時(shí),一個(gè)好的經(jīng)驗(yàn)法則是將logo高度保持在 100 像素以下,并根據(jù)品牌名稱中的字?jǐn)?shù)確定寬度。
例如,如果您查看Sola Wood Flowers主頁,您會(huì)看到標(biāo)題logo的高度為 30 像素(一個(gè)被廣泛接受的標(biāo)準(zhǔn)),這確保了文本易于閱讀,但不會(huì)掩蓋地點(diǎn)。
另一方面,Anderson & Sheppard 品牌在其主頁上的標(biāo)志位置稍微不那么傳統(tǒng),這就是它選擇 985×60 像素的更大尺寸的原因。
替代尺寸建議包括:
250 x 150 像素
350 x 75 像素
400 x 100 像素
網(wǎng)站頁腳
雖然在討論網(wǎng)站logo大小和分辨率時(shí)經(jīng)常被忽視,但網(wǎng)站頁腳是顯示品牌logo的另一個(gè)常用位置。
在這方面,上面討論的尺寸建議適用。但是,請(qǐng)注意,它確實(shí)在精確尺寸方面留有一些余地。
例如,這是一個(gè)您可以選擇使用方形或垂直圖標(biāo)的空間。如果是這種情況,您可以選擇最大為 160 x 160 像素的尺寸,這對(duì)于大多數(shù)設(shè)計(jì)方向來說看起來很自然。
但是,請(qǐng)注意,變小也可以。
例如,Pretest Plus選擇使用較小的 70 x 70 像素尺寸以獲得干凈的方形外觀。
如果您的logo文字較多,請(qǐng)確保您不會(huì)錯(cuò)誤地將其顯示為太小的尺寸(就像美國運(yùn)通所做的那樣)。這將使網(wǎng)絡(luò)訪問者更難識(shí)別您的品牌并損害您公司的公眾形象。
網(wǎng)站圖標(biāo)
最后,在為您的網(wǎng)站logo選擇大小時(shí),不要忘記圖標(biāo)圖標(biāo),它是人們?yōu)g覽器中出現(xiàn)的小圖標(biāo),就在他們正在瀏覽的頁面標(biāo)題旁邊,在他們的收藏夾和書簽中欄,并在搜索欄中。
通常,您可以使用小至 16 x 16 像素的網(wǎng)站圖標(biāo)。在下面的Unscramblex示例中查看它的外觀。
社交媒體標(biāo)志的建議
您可能已經(jīng)知道,專業(yè)整合的社交媒體形象是您的品牌取得成功的關(guān)鍵。
完善的社交媒體營銷策略可以讓您接觸到您的受眾,它也是實(shí)現(xiàn)高轉(zhuǎn)化率的關(guān)鍵因素。它甚至可能是建立忠誠客戶群的秘訣。
但是,如果您希望您的社交媒體品牌成為重點(diǎn),您將不得不對(duì)您的logo進(jìn)行一些調(diào)整。而且,看到您可能想要在數(shù)十個(gè)社交媒體平臺(tái)上發(fā)布,您可能必須為每個(gè)平臺(tái)創(chuàng)建logo版本(包括針對(duì)不同用例的不同尺寸)。
因此,常州標(biāo)志logo設(shè)計(jì)公司介紹最流行的平臺(tái)和logo尺寸建議,以確保您品牌的視覺名片看起來清晰而原始。
Facebook 的logo尺寸
頁面資料圖片:在計(jì)算機(jī)上顯示為 170 x 170 像素,在智能手機(jī)上顯示為 128 x 128 像素,在大多數(shù)功能手機(jī)上顯示為 36 x 36 像素
封面照片:在計(jì)算機(jī)上顯示為 820 x 312 像素,在智能手機(jī)上顯示為 640 x 360 像素。最小尺寸:400 x 150 像素。
當(dāng)然,請(qǐng)記住,這些是平臺(tái)上對(duì)圖像大小的最低建議。
為了幫助縮短加載時(shí)間,F(xiàn)acebook 建議使用 PNG 文件。此外,請(qǐng)注意,平臺(tái)會(huì)將logo圖像裁剪為圓形,因此請(qǐng)確保您提前考慮到這種變化。
要了解一個(gè)組織如何成功地做到這一點(diǎn),請(qǐng)查看星球大戰(zhàn)系列如何選擇在其logo周圍創(chuàng)建一些黑色填充,以確保其 Facebook 頁面上的視覺效果令人愉悅。
Instagram 的logo尺寸
與 Facebook 不同,Instagram 沒有為其平臺(tái)提供理想logo尺寸的明確說明。
盡管如此,您應(yīng)該堅(jiān)持使用這個(gè)平臺(tái)的一個(gè)維度。
由于Instagram 在臺(tái)式計(jì)算機(jī)上以最大 180 x 180 像素顯示所有個(gè)人資料圖片,因此這應(yīng)該是您上傳到平臺(tái)的最小值。
但是,如果您想確保為您的關(guān)注者提供最佳的觀看體驗(yàn),請(qǐng)使用(更大的)1080 x 1080 像素大小。這就是KURU Footwear對(duì)其個(gè)人資料圖片所做的。適當(dāng)大小的圖像可防止logo變形(或像素化),即使在桌面屏幕上查看或放大時(shí)也是如此。
推特推薦
與 Facebook 一樣,Twitter 也有一組用于上傳圖片和logo的推薦尺寸:
對(duì)于個(gè)人資料圖片: 400 x 400 像素,裁剪為圓形。
對(duì)于標(biāo)題圖像: 1500 x 500 像素。
在為 Twitter 調(diào)整logo和其他視覺效果時(shí),您應(yīng)該記住,由于不同屏幕使用的分辨率,您可能會(huì)裁剪標(biāo)題圖像。這意味著文件頂部和底部最多 60 個(gè)像素在特定設(shè)備上可能不可見。
有關(guān)品牌為 Twitter 調(diào)整其品牌視覺效果的絕佳示例,請(qǐng)查看Trupanion。該寵物保險(xiǎn)服務(wù)選擇僅顯示其品牌logo的圖形部分,確保品牌名稱不存在可見性問題,但其身份在其所有溝通渠道中保持一致。
Pinterest 的logo尺寸
如果您的受眾在 Pinterest 上很活躍,您可能希望在此社交網(wǎng)絡(luò)上創(chuàng)建具有視覺吸引力的形象。但是,要做到這一點(diǎn),您必須確保您的logo呈現(xiàn)精美。
個(gè)人資料圖片:與 Facebook 和 Twitter 一樣,Pinterest 也以圓形顯示個(gè)人資料圖片,這意味著您必須對(duì)您的logo進(jìn)行一些調(diào)整。至于尺寸,您應(yīng)該使用的最小值是280 x 280 像素。
個(gè)人資料封面:雖然平臺(tái)的幫助中心建議最小尺寸為 800 x 450 像素,但請(qǐng)注意,確保封面正確顯示的更好方法是使用16:9 的縱橫比。
Fire Pit Surplus在為 Pinterest 調(diào)整其視覺效果方面做得非常出色。該品牌將其橫向標(biāo)志更改為方形。它將其網(wǎng)站英雄形象裁剪為 16:9 的縱橫比,確保其在社交網(wǎng)絡(luò)上的個(gè)人資料看起來完整而專業(yè)。
YouTube logo尺寸
根據(jù)Google 的指南,這些是調(diào)整視覺品牌元素以確保在 YouTube 上獲得最佳審美印象的維度:
個(gè)人資料圖片: JPG、GIF、BMP 或 PNG 格式的 800 x 800 像素(將顯示為圓形圖像)。
橫幅圖片:最小上傳尺寸應(yīng)為 2048 x 1152 像素(16:9 寬高比)。如果您想添加文本或logo,安全區(qū)域的大小為 1235 x 338。
視頻水印:最大尺寸應(yīng)為 150 x 150 像素且小于 1 MB。
查看 PlayStation YouTube 頻道,更好地了解這在現(xiàn)實(shí)生活中會(huì)是什么樣子。
其他社交媒體和分銷渠道標(biāo)志
TikTok: 200 x 200 像素。
LinkedIn:個(gè)人資料照片為 268 x 268 像素,封面圖片為 1128 x 191。
不和諧: 128 x 128 像素
在標(biāo)志設(shè)計(jì)中尋找什么?
理想情況下,您完美的logo將使客戶能夠立即識(shí)別您的品牌,使其脫穎而出,并引起客戶的極大興趣。
你應(yīng)該選擇一個(gè)易于識(shí)別和令人難忘的簡單標(biāo)志設(shè)計(jì)。
想想你熟悉的標(biāo)志,是什么讓它們留在你的記憶中。這些是您想要為您的logo提供的東西,它們將在您的客戶的持續(xù)時(shí)間內(nèi)與您的客戶保持聯(lián)系并發(fā)展您的業(yè)務(wù)。
要避免的標(biāo)志設(shè)計(jì)錯(cuò)誤
避免logo的分辨率和質(zhì)量問題并非總是可行的。但是,您可以積極避免一些錯(cuò)誤。
在雇用某人創(chuàng)建您的logo時(shí),您不想吝嗇您雇用的人。當(dāng)然,合理的報(bào)價(jià)可能看起來很重要。盡管如此,請(qǐng)記住,您將獲得的結(jié)果的質(zhì)量和真實(shí)性無法與更成熟的專業(yè)設(shè)計(jì)師相提并論。
避免使用通用藝術(shù)品。您希望您的logo脫穎而出,獨(dú)一無二,并以積極的方式展示您的品牌。所以,你不希望你的品牌視覺識(shí)別的基礎(chǔ)是已經(jīng)存在的東西的復(fù)制品。如果它與您的競爭對(duì)手之一相似,則尤其如此,因?yàn)檫@會(huì)損害您脫穎而出的機(jī)會(huì)。您需要個(gè)性化、獨(dú)特的設(shè)計(jì),既適合您的業(yè)務(wù),又看起來很專業(yè)。
不要隨波逐流。你想要一個(gè)永恒的標(biāo)志設(shè)計(jì),而不是很快就會(huì)過時(shí)的標(biāo)志設(shè)計(jì)。隨著您的業(yè)務(wù)發(fā)展壯大,您的logo應(yīng)該繼續(xù)處于增長的最前沿,展示您的組織在專業(yè)精神和客戶價(jià)值方面的立場。
避免設(shè)計(jì)過于復(fù)雜。logo中可能會(huì)發(fā)生太多事情,這會(huì)吸引注意力或使您想要發(fā)送的信息變得復(fù)雜。使您的設(shè)計(jì)簡單但足以獲得最佳效果。
在標(biāo)志設(shè)計(jì)中獲得正確的尺寸和分辨率
最佳logo尺寸和分辨率
如您所見,沒有任何一條規(guī)則可以應(yīng)用于您的品牌logo設(shè)計(jì),以確保在互聯(lián)網(wǎng)上獲得一致的結(jié)果。
相反,在設(shè)計(jì)您的組織的視覺品牌時(shí),您應(yīng)該為您的核心視覺效果的每一種可能的使用做好計(jì)劃。
使用Photoshop和Illustrator等縮放軟件來創(chuàng)建您的logo并根據(jù)您的需要將其保存為不同的大小。以常州標(biāo)志logo設(shè)計(jì)公司列出的尺寸作為指導(dǎo),并確保您已將主要圖像保存為矢量格式,以便根據(jù)您的需求進(jìn)行調(diào)整。
如果您覺得這工作量太大,您可以隨時(shí)將其交給專業(yè)人士,并從頂級(jí)創(chuàng)意品牌代理處獲取您的標(biāo)志設(shè)計(jì)報(bào)價(jià)。
總監(jiān)微信
復(fù)制成功
業(yè)務(wù)咨詢 何先生
業(yè)務(wù)咨詢 何先生