【方案】2020微信支付视觉形象指引-29P_第1页
【方案】2020微信支付视觉形象指引-29P_第2页
【方案】2020微信支付视觉形象指引-29P_第3页
【方案】2020微信支付视觉形象指引-29P_第4页
【方案】2020微信支付视觉形象指引-29P_第5页
已阅读5页,还剩24页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

微信支付视觉形象指引WeChatPayVisualIdentityGuidelinesWEDESIGN2017.03前言

Preface该指引旨在规范品牌形象的正确应用,以保证品牌完整性和一致性。适用对象为:微信事业群各部门、公司其他事业群、业务合作第三方公司、个人等。该文件由微信事业群基础产品部设计中心品牌设计组设计和维护。该品牌形象指引提供标志各场景的应用规范以及示例,各场景设计请遵循,标志下载请打开:WEDESIGN-资源下载

(https://wechat.design/resource)。ThisguideisintendedtostandardizetheuseoftheWeChatbrandandensurethebrand'sintegrityandconsistency.TheguideappliestoalldepartmentsoftheWeixinBusinessGroup(or"WXG",thegroupresponsibleforWeChat),otherTencentbusinessgroups,andthird-partycompaniesandpartners.ThebranddesignguidelinesprovidespeciꢀcationsforusingtheWeChatbrandlogoandemblemalongwithexamplesforuseindiꢁerentsituations.Todownloadthebrandemblemanddesignguidelines,gotoWEDESIGNathttp://wechat.design/resourceresource.||微信支付视觉形象指引

前言WeChatPayVisualIdentityGuidelinesPreface01目录

Contents1.品牌标志1.BrandEmblem1.1标准品牌标志1.2完整标志04070812131920221.1StandardBrandEmblem1.2FullEmblem1.3EmblemVersions1.4StandardSymbolSpeciꢀcations1.5SpacingandMinimumSize1.6ExamplesofInappropriateUse1.7EmblemStandardColors1.8StandardBackgroundColors04070812131920221.3完整标

志组合形式1.4标

志图形规范1.5不可侵

入范围和最小应

用尺寸1.6标志错误使用示例1.7标志标准色1.8标准背景色2.应用规则2.UsageGuidelines2.1主品牌背书规范2.2合作品牌并置规范2.3合作品牌并置规范应用示例2426272.1MainBrandSpeciꢀcations2.2Co-BrandingSpeciꢀcations2.3Co-BrandingExamplesinPromotions242627||微信支付视觉形象指引

目录WeChatPayVisualIdentityGuidelinesContents02品牌标志BrandEmblem031.1标准品牌标志StandardBrandEmblem中文标

志ChineseEmblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem041.1标准品牌标志StandardBrandEmblem英文标志EnglishEmblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem051.1标准品牌标志StandardBrandEmblem中英文标志BilingualEmblem|品牌标志|BrandEmblem微信支付视觉形象指引WeChatPayVisualIdentityGuidelines06完整标志1.2FullEmblem图形

Symbol文字

Logotype图形

Symbol文字

Logotype微信支付完整标志包含图形部分和文字部分,在各场景下作为微信

支付品牌背书须使

用完整标

志。TheWeChatPayfullemblemconsistsofasymbolcombinedwiththelogotype,which,whenputtogetherrepresenttheoꢀcialbrandingforWeChatPay.完整标志

FullEmblem完整标志

FullEmblem文字

Logotype图形

Symbol请勿仅单独使用文字部分做品牌识别Don'tusethelogotypeportionofthefullemblemwithoutalsousingthesymbol.完整标志

FullEmblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem07完整标志组合形式1.3EmblemVersions横版微信支付完整标志有全彩、浅灰色、深灰色、白色四种版本,可根据您的需要选用。工艺、设备条件允许的情况下,彩色横版标

志建议优先选择使用。彩色标志FullcoloremblemTherearefourversionsofthehorizontalemblemdesignthatmaybeused:fullcolor,lightgray,deepgrayandwhite.Ifconditionspermit,itisrecommendedtousethefullcolorversionoftheemblem.浅灰色标志Lightgrayemblem深灰色标志Darkgrayemblem白色标

志Whiteemblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem08完整标志组合形式1.3EmblemVersions横版微信支付完整标志有全彩、浅灰色、深灰色、白色四种版本,可根据您的需要选用。工艺、设备条件允许的情况下,彩色横版标

志建议优先选择使用。彩色标志FullcoloremblemTherearefourversionsofthehorizontalemblemdesignthatmaybeused:fullcolor,lightgray,deepgrayandwhite.Ifconditionspermit,itisrecommendedtousethefullcolorversionoftheemblem.浅灰色标志Lightgrayemblem深灰色标志Darkgrayemblem白色标

志Whiteemblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem09完整标志组合形式1.3EmblemVersions横版微信支付完整标志有全彩、浅灰色、深灰色、白色四种版本,可根据您的需要选用。工艺、设备条件允许的情况下,彩色横版标

志建议优先选择使用。彩色标志FullcoloremblemTherearefourversionsofthehorizontalemblemdesignthatmaybeused:fullcolor,lightgray,deepgrayandwhite.Ifconditionspermit,itisrecommendedtousethefullcolorversionoftheemblem.浅灰色标志Lightgrayemblem深灰色标志Darkgrayemblem白色标

志Whiteemblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem10完整标志组合形式1.3EmblemVersions横版微信支付完整标志有全彩、浅灰色、深灰色、白色四种版本,可根据您的需要选用。工艺、设备条件允许的情况下,彩色横版标

志建议优先选择使用。彩色标志FullcoloremblemTherearefourversionsofthehorizontalemblemdesignthatmaybeused:fullcolor,lightgray,deepgrayandwhite.Ifconditionspermit,itisrecommendedtousethefullcolorversionoftheemblem.浅灰色标志Lightgrayemblem深灰色标志Darkgrayemblem白色标

志Whiteemblem||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem11标志图形规范1.4StandardSymbol30X此页展示微信支付图标的制图规范、造型比例,曲线关系,空间结构。45°Thegraphicshowsspeciꢀcations,proportions,angles,andspatialstructureforthesymbol.4X25XX2X3X||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem12不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

12毫米,屏幕显示标志宽度不小于

60像

素。0.5XXInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewiththeWeChatPayemblem.Whendisplayingthehorizontalembleminprint,theemblemshouldbeatleast12mminwidth.Whendisplayingthehorizontalemblemonscreen,theemblemshouldbeatleast60pixelsinwidth.标

志不可侵

入范围Spacing印刷

Print:12mm显示器

Screen:60px||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem13不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

12毫米,屏幕显示标志宽度不小于

60像

素。0.5XXInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewiththeWeChatPayemblem.Whendisplayingthehorizontalembleminprint,theemblemshouldbeatleast12mminwidth.Whendisplayingthehorizontalemblemonscreen,theemblemshouldbeatleast60pixelsinwidth.标

志不可侵

入范围Spacing印刷

Print:15mm显示器

Screen:80px||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem14不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

12毫米,屏幕显示标志宽度不小于

60像

素。0.5XXInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewiththeWeChatPayemblem.Whendisplayingthehorizontalembleminprint,theemblemshouldbeatleast12mminwidth.Whendisplayingthehorizontalemblemonscreen,theemblemshouldbeatleast60pixelsinwidth.标

志不可侵

入范围Spacing印刷

Print:16mm显示器

Screen:80px||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem15不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

8毫米,屏幕显示标志宽度不小于

42像

素。0.25XInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewithWeChatPayemblem.Whendisplayingtheverticalembleminprint,theemblemshouldbeatleast8mminwidth.Whendisplayingtheverticalemblemonscreen,theemblemshouldbeatleast42pixelsinwidth.印刷

Print:8mm显示器

Screen:42pxX标

志不可侵

入范围Freespace||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem16不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

8毫米,屏幕显示标志宽度不小于

42像

素。0.25XInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewithWeChatPayemblem.Whendisplayingtheverticalembleminprint,theemblemshouldbeatleast8mminwidth.Whendisplayingtheverticalemblemonscreen,theemblemshouldbeatleast42pixelsinwidth.印刷

Print:10mm显示器

Screen:46pxX标

志不可侵

入范围Freespace||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem17不可侵入范围和最小应用尺寸1.5SpacingandMinimumSize为保证微信支付标志视觉上的完整独立清晰,标志不可侵入范围内不要排布任何文字、图形、图像等。标志使用时请不要小于最小尺寸,印刷、打印标志宽度不小于

8毫米,屏幕显示标志宽度不小于

42像

素。0.2XInordertoensurethattheemblemforWeChatPayiscoherentandvisuallydistinguishable,additionaltextorgraphicsshouldnotinterferewithWeChatPayemblem.Whendisplayingtheverticalembleminprint,theemblemshouldbeatleast8mminwidth.Whendisplayingtheverticalemblemonscreen,theemblemshouldbeatleast42pixelsinwidth.印刷

Print:10mm显示器

Screen:46pxX标

志不可侵

入范围Freespace||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem18全彩标志错误使用示例1.6ExamplesofInappropriateUse请

勿更改标

志外观。Don'taltertheemblemdesign.请勿在标志周围添加任意文本。Don'tplaceanyadditionaltextwiththememblem.此页例举了微信支付标志错误使用示例,请勿出现以下(包含但不仅限于)各类错误。Severalexamplesofinappropriateuseoftheemblemareshownhere.请

勿改

变标

志的比例关系。Don'tchangetheproportionsofemblemparts.请勿任意拉伸标

志。Don'tstretchtheemblem'saspectratio.请勿将标

志立体化或添加阴影。Don'tproduce3Dversionoftheemblemoradddropshadows.请勿使用模糊、羽化、质量低的标志。Dontperformanyblurring,feathering,oraddothervisualꢀlterstotheemblem.||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem19标志标准色1.7EmblemStandardColors此页制定了微信支付标志彩色的专用色彩规范,严禁使用非标准色彩,更改标志颜色。ABStandardWeChatPayemblemcolorspeciꢀ-cationsareprovided.Don'tmakeanyadjustmentstothestandardcolors.AWeChatGreenStandardGray1#1AAD19#4D4D4DC76M7Y100K0R26G173B25PANTONE:354C0M0Y0K83R62G58B57PANTONE:CoolGray11标准彩色标志应用于各客户端、网页、彩色印刷等Standardcolorsforusewithintheapp,onwebpages,orwhenprintingincolor.||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem20标志标准色1.7EmblemStandardColors此页制定了微信支付单色标

志的专用色彩规范,建议在以下场景下使用单色标志:工艺原因无法实现全彩标志的场景、与合作品牌单色标

志并置的场景、页面背景色相或明度不能清晰显示全彩

志的场景。Aspecialcolorspeciꢀcationisprovidedforthemono-chromaticemblem.Themonochromaticversionsshouldbeusedinthefollowingscenarios:whenusingthefullcoloremblemisnotpossible,whenusedinconjunctionwithapartnerbrandemblem,orwhenthepageACbackgroundcolororbrightnessnecessitatesusingamonochromaticdesigninsteadofthefullcoloremblem.StandardWhiteStandardGray1StandardGray2#FFFFFF#4D4D4D#AAAAAAC0M0Y0K0R255G255B255WhiteC0M0Y0K83R77G77B77PANTONE:CoolGray11C0M0Y0K50R170G170B170PANTONE:CoolGray5A、B建议在白色背景下使用,C建议在深色、彩色背景下使用RecommendedAorBwhenusingawhitebackground.RecommendedCwhenusingadarkorcolorbackground||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem21标准背景色1.8StandardBackground请勿将标志放置于色相接近背景色Don'tusethefullcoloremblemwithacolorbackground彩色标

志放

置白色背景色Fullcoloremblemwithawhitebackground此页例举了微信支付标

志背景色正确使

用示例和错

误使

用示例,请参考规范根据场景选择适合的背景色。Severalexamplesofcorrectandincorrectuseoftheemblemagainstdiꢀerentbackgroundsareshownhere.Refertothespeciꢁcationstoselectanappropriatebackgroundcoloraccordingtothescenario.请勿将标志放置于明度接近背景色Don'tuseblacklogotypeintheemblemwithadarkbackground彩色标志放置黑色背景色Fullcoloremblemusingwhitelogotypewithadarkbackground请勿将标志放置于对比色的背景Don'tusethefullcoloremblemwithacolorbackground单色标

志放

置专色背景色Monochromaticemblemagainstasinglecolorbackground请勿将标志放在于花哨的背景Don'tusetheemblemwithacomplexbackground灰色标

志放

置白色背景色Grayemblemagainstawhitebackground||微信支付视觉形象指引

品牌标志WeChatPayVisualIdentityGuidelinesBrandEmblem22应用规则UsageGuidelines232.1主品牌背书规范MainBrandSpeciꢀcations微信支付标志与主品牌标志同页并置时,建议使用的颜色搭配、大小比例以及位置关系参考示例。WhenusingtheWeChatPayembleminconnectionwiththemainWeChatlogo,usethefollowingspeciꢀcationsforcolor,sizing,andpositioning.葡查熬函羚连1.5X1.5XXX|应用规则|微信支付视觉形象指引WeChatPayVisualIdentityGuidelinesUsageGuidelines24主品牌背书规范2.1MainBrandSpeciꢀcations微信支付标志与主品牌标志同页并置时,建议将主品牌标志放置于页面四角,预留不可侵犯区域。XWhentheWeChatPayfullemblemisdisplayedinconjunctionwiththemainWeChatsymbol,besuretoplacetheWeChatlogointhefourcornersofthepagewiththespeciꢀedspacingwiththepageborders.不可侵入范围

1XSpacingof1X|应用规则|微信支付视觉形象指引WeChatPayVisualIdentityGuidelinesUsageGuidelines25合作品牌并置规范2.2Co-BrandingSpeciꢀcations当微信支付标志与合作品牌标志并置使用时,为使标志与物料内容相对独立和清晰,建议放置于

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论