酒平台-酒先蜂VI

BEESAPP BRANDGUIDELINE 酒先蜂品牌视觉手册 CONTENTS ABOUTBRAND BRAND ELEMENTS UI DESIGN TRADEPOSM INTERNALASSETS 关于品牌品牌视觉 界面设计 渠道运用内部素材 BRANDGUIDELINES2021 ABOUTBRAND 关于品牌 ABOUTBRAND ㅷ晥呍䗱⟟⧩⴯鸣ㅷ晥佦✲ ⟟⧩呥卹僽雷鶣ㅷ晥佦✲涸Ⱒꝶ鲿⡤䧮⟌䪾⹷⸣㔙絕涸蹓踡䕎韌♸欽䨪歘⫸湱翫絕㼜ㅷ晥ㄤչ踡պ䒊用䔂Ⱒ翫կ BRANDGUIDELINES2021 ABOUTBRAND ⯓ꝓ 蹓踡䕎韌 䒓䬪 ꅷ蹓⹷⸣ ꃝ鸣㤃鵳 㔙絕籖虽 ⼸⡲㟞Ɤ ⤑䰦넞佪鵳ⴀ餗 䶀䩛欽䨪넞㟞Ɤ 姻ㅷ〳ꬑ䎂〵倰 ꂊ껏ꅷ餝곭㼋罏 獤匧崞⸂姻腊ꆀ ꂊ⯓踡 BRANDGUIDELINES2021 VISUALIDENTITY 品牌视觉 VISUALIDENTITY CONTENTS ㅷ晥錠錣餴❡ ㅷ晥괃蒀♸幯」禹絡 ㅷ晥⯋稇 ㅷ晥錠錣餴❡䚪錢10 ㅷ晥괃蒀22 IP䕎韌錞薴34 ㅷ晥絆展叻霋 ㅷ晥絆ざ叻霋-䚪錢12 ㅷ晥絆ざ叻霋-埇晜13 埇晜LOGO㸝Ⰼ⼓㚖⿺剒㼭㽯㼄14 埇晜LOGO叻霋ꝡ霴欽岁15 ㅷ晥絆ざ叻霋-画晜16 画晜LOGO㸝Ⰼ⼓㚖⿺剒㼭㽯㼄17 画晜LOGO叻霋ꝡ霴欽岁18 ㅷ晥絆ざ叻霋胜兞蒀䎾欽19 ㅷ晥괃蒀⢪欽錞薴24 ㅷ晥幯」禹絡25 幯」禹絡⢪欽錞薴26 APPICON蒀䕙䎾欽27 ㅷ晥㶶⡤ 务俒ㅷ晥叻ⲥ㶶29 薉俒ㅷ晥叻ⲥ㶶30 叻ⲥ㶶⡤鵘欽爙⢾31 IP⸓䙖邍䞔35 VISUALIDENTITY 品牌视觉资产 LOGO ㅷ晥錠錣餴❡䚪錢 ㅷ晥絆展叻霋-埇晜/画晜ㅷ晥괃蒀幯」禹絡 ㅷ晥㶶⡤ㅷ晥⯋稇-IP䕎韌 VISUALIDENTITY 品牌组合标识 ㅷ晥錠錣餴❡䚪錢 ㅷ晥絆展叻霋-埇晜 䧮⟌⚹ꂊ⯓踡ㅷ晥霃雦✫⚁欽涸ㅷ晥絆ざ叻霋姼晜劥⚹埇晜鸑欽晜կ鸑欽晜歋蹓踡㕃䕎ㄤ俒㶶ꂊ⯓踡絆ざ罜䧭叻霋⡲⚹ㅷ晥胜⛼瑲ⴀ⚌⸉ꄀ湡 ❭滚ず傞䕥儑ㅷ餘կ *埇晜僽絆展叻霋⚥剒⠏⯓⢪欽涸晜劥䎾㽴ꆀ㖈䨾剣㖞展⚥⢪欽姼晜劥կ 埇晜LOGO㸝Ⰼ⼓㚖⿺剒㼭㽯㼄 1/3A A A A A A ⚹✫⥂䭯幡兠䏞僒靀䚍ㄤ〳錛䚍䧮⟌㨤絊㖈ㅷ晥絆ざ叻霋ワ㔵⥂䭯♧㹁涸騄猌霪騄猌♶䎾鄄俒劥䧴㕃⫸䨾灶㗁կ 叻霋剒㼭⢪欽㽯㼄㺈䏞㣐✵瘝✵25mm⟄烁⥂叻霋幡兠模侮կ ๋ੜRੑ25mm 埇晜LOGO叻霋ꝡ霴欽岁 ㅷ晥絆ざ叻霋⢪欽傞䎾⚚呔黽㸛 ⢪欽錞薴ⴗ⺡佖」䧴ꅾ倝絆ざㅷ晥叻霋կ㨤絊絶䭯ㅷ晥禹絡涸 錠錣絡♧䚍կ 请勿旋转标识请勿改变标识颜⾊请勿删除标识中任何内容 ᦯Иᚎ 劥곜爙⢾➑⴩⚿ⴀ鿈ⴔ〳⟄鼙⯝ 涸ꝡ霴կ 请勿改变标识间⼤⼩⽐例 请勿以任何⽅式倾斜或扭曲标识请勿更改标识字体 请勿给标识添加任何效果请勿更改标识字体颜⾊请勿更改标识不透明度 ㅷ晥絆展叻霋-画晜 横版应用于受版面比例限制而横版LOGO无法被完整识别到的情况下，为清晰呈现品牌组合标识，可使用此版本。 A A A A 画晜LOGO㸝Ⰼ⼓㚖⿺剒㼭㽯㼄 ⚹✫⥂䭯幡兠䏞僒靀䚍ㄤ〳錛䚍䧮⟌㨤絊㖈ㅷ晥絆ざ叻霋ワ㔵⥂䭯♧㹁涸騄猌霪騄猌♶䎾鄄俒劥䧴㕃⫸䨾灶㗁կ 叻霋剒㼭⢪欽㽯㼄㺈䏞㣐✵瘝✵25mm⟄烁⥂叻霋幡兠模侮կ A1/3A ๋ੜRੑ20mm 画晜LOGO叻霋ꝡ霴欽岁 请勿旋转标识请勿改变标识颜⾊请勿删除标识中任何内容 ㅷ晥絆ざ叻霋⢪欽傞䎾⚚呔黽㸛⢪欽錞薴ⴗ⺡佖」䧴ꅾ倝絆ざㅷ晥叻霋կ㨤絊絶䭯ㅷ晥禹絡涸錠錣絡♧䚍կ 劥곜爙⢾➑⴩⚿ⴀ鿈ⴔ〳⟄鼙⯝涸ꝡ霴կ 请勿改变标识间⼤⼩⽐例 ᦯Иᚎ 请勿以任何⽅式倾斜或扭曲标识请勿更改标识字体 请勿给标识添加任何效果请勿更改标识字体颜⾊请勿更改标识不透明度 LOGO ㅷ晥絆展叻霋胜兞蒀䎾欽-埇晜 ㅷ晥絆ざ叻霋㨤絊⢪欽㖈ㅷ晥蒀胜兞务霼⺡ꥥ䠑佖」胜兞蒀կ LOGO ㅷ晥絆展叻霋胜兞蒀䎾欽-画晜 ㅷ晥絆ざ叻霋㨤絊⢪欽㖈ㅷ晥蒀胜兞务霼⺡ꥥ䠑佖」胜兞蒀կ VISUALIDENTITY 品牌颜色与渐变系统 ㅷ晥괃蒀-⚺蒀 ㅷ晥⚺蒀 BEESYELLOW ORANGE BLACK WHITE RGBCMYK PANTONEHEX 2552550 001000 YELLOWFFFF00 RGBCMYK PANTONEHEX 25517666 0351000 2009CFFB042 RGBCMYK PANTONEHEX 000 100350100 BLACK000000 RGBCMYK PANTONEHEX 255255255 0000 WHITEFFFFFF ㅷ晥괃蒀-鳇⸔蒀 GREY RGBCMYK 240236252 7700 PANTONECOOLGRAY1C HEX F0ECFC RED RGBCMYK 25512097 070620 PANTONE 177C HEX FF7861 GREEN RGBCMYK 82255235 600200 PANTONE 317C HEX 52FFEB BLUE PURPLE [WINGDETAIL]DARKGREY RGB 74200255 RGB 165 95255 RGB 167168169 CMYK 70000 CMYK 60 7000 CMYK 3324200 PANTONE 2995C PANTONE 265C PANTONE COOLGRAY6C HEX 4AC8FF HEX A55FFF HEX A7A8A9 ㅷ晥괃蒀⢪欽錞薴 ㅷ晥⚺蒀⟄⯓ꝓ랕⚹⚺蒀靈䒁㾝ⴀ⚙猫帿崯♶ず涸랕蒀⟄䬪㾝蒀䕙瑟ꢂ랱蒀珘㹁歘꬗⳼儑⥌䜂涯蒀饰ⵌ蒀䕙䎂邂涸⡲欽կ 鳇⸔蒀㨤絊䵨ꂁㅷ晥⚺蒀⢪欽ⴗ⺡⽀杝⢪欽⟄ ⿺⡲⚹胜兞㣐꬗獤ⴀ梡կ *ㅷ晥蒀⢪欽务䎾⠏⯓⢪欽ꂊ⯓踡ㅷ晥⚺蒀靈⟄ ⥂䭯ㅷ晥靈䚍կ ㅷ晥⚺蒀⽑嫱70% ㅷ晥鳇⸔蒀⽑嫱30% 幯」蒀 #FFFFFF-#FFB042 ㅷ晥幯」禹絡 ꂊ⯓踡ㅷ晥僽ꆄ랕蒀涸ծ❭滚涸ծ獤匧涸կ⚹蠒鸣獤匧姻腊ꆀ孧㔵䧮⟌㖈ㅷ晥괃蒀涸㛇炄♳的㾝幯」蒀靈勻⚪㺢ㅷ晥涸蒀䕙瑟ꢂկ 劥畎蒜➝絏✫幯」禹絡涸⢪欽倰岁կ 幯」蒀 #FFFFFF-#FFB042 幯」禹絡⢪欽錞薴 ㅷ晥㛇靈 歋ㅷ晥⚺蒀务涸⚙猫♶ず帿崯涸랕蒀絆䧭䬪㾝ⴀ刿㣐涸ꆄ랕蒀瑟ꢂ⢪ㅷ晥㨤絊蠓絗㖈❭滚랕蒀孧㔵կ *ㅷ晥㛇靈➑䎾欽✵䩛劼畮⟄⿺胜兞蒀♸ㅷ晥蒀务涸崯蒀靈䕎䧭䔂捘㼆嫱⢪ㅷ晥刿Ⱘ✽翫緸APP餘䠭կ VISUALIDENTITY 品牌字体 酒先蜂 PrimaryFont 优设标题黑 •㉁欽⯝餩㶶⡤ •➑鷓欽✵叻곿㶶 打造酒饮平台领导者 SecondaryFont 䙼彂랱⡤ •㉁欽⯝餩㶶⡤ •㢴猫㶶ꅾꆀ〳鷥 ꂊ⯓踡䩧鸣ꂊ껏䎂〵곭㼋罏ꂊ⯓踡䩧鸣ꂊ껏䎂〵곭㼋罏ꂊ⯓踡䩧鸣ꂊ껏䎂〵곭㼋罏ꂊ⯓踡䩧鸣ꂊ껏䎂〵곭㼋罏ꂊ⯓踡䩧鸣ꂊ껏䎂〵곭㼋罏 薉俒ㅷ晥叻ⲥ㶶 SecondaryFont BARLOW •㉁欽⯝餩㶶⡤ •㢴猫㶶ꅾꆀ〳鷥 BEESDESIGNGUIDANCEBEESDESIGNGUIDANCEBEESDESIGNGUIDANCEBEESDESIGNGUIDANCE DiscoverBEES. We’rehereto helpyourbusinessthrive. HERETOHELP YOU THRIVE DiscoverBEES. We’rehereto helpyourbusinessthrive. BARLOW鷓欽✵♧菚ⰻ俒俒呩 BE ES HERETOHELP YOU THRIVE BEES APP WORKSANS鷓欽✵叻곿 VISUALIDENTITY 品牌元素 踡㼭㹈姻꬗踡㼭㹈姻⣩꬗踡㼭㹈胜꬗ #FFFFFF #A7A8A9 #000000 #FFFF00 EYESOPENHAPPYOPENWINGSIDEWINKING UIDESIGN 手机界面 BEESAPP UIDESIGN ProjectSummary UIDESIGNCONTENTS ㅷ晥㝕鸣 UI霃雦湡叻 40 歲꬗霃雦 ⾲㘗㕃爙䠑54 霃雦㾝爙 ㅷ晥banner爙䠑63 UI굥呔㹁⛐ 41 歲꬗霃雦爙䠑55 䔀璬爙䠑 64 ㅷ晥䠭㝕鸣 UI霃雦錞薴 괃蒀錞薴 42 44 餴彂⡙錞薴 껷곜banner錞薴58 崞⸓banner爙䠑65 崞⸓务鸑㕃爙䠑66 㼭崞⸓banner爙䠑67 餴彂⡙霃雦䚪錢68 㶶⡤錞薴 45 务鸑banner錞薴59 㕃䕎錞薴 48 䔀璬錞薴60 䏀鿈㼋菔錞薴䳃歘⯋稇 50 51 䌢錞㣢㕃錞薴61 UIDESIGN 品牌塑造 UI霃雦湡叻 䔂靈ㅷ晥 鸑鵂輑ざꂊ⯓踡ㅷ晥⯋稇䔂靈❡ㅷ务ㅷ晥靈䚍涸邍鴪䲿⼮欽䨪㼆ꂊ⯓踡ㅷ晥涸雩濼 ⻊籖⚹皍 㼜歲꬗务垷㗌ꢂ涸⥌䜂㽻紩刿⠏⻊㼜幡兠皍峇涸⥌䜂ⰻ㺂ッ梡絛欽䨪 錞薴絡♧ 罌贊ⵌ鵘蠒䞔ⲃ⢪欽㖞兞瘝⨞ⵌ곜꬗錞薴絡 ♧⻊Ⲹ㼱た劍霃雦絶䫡䧭劥 ⡤낉⠏⻊ ⠏⻊곜꬗涸❜✽⡤낉た劍〳⟄鸑鵂⸓佪⠏⻊곜 ꬗ꢂ涸鵂庋瘝䲿넞欽䨪涸❡ㅷ⢪欽⡤낉 굥呔㹁⛐ STREAMLINE EFFICIENT 礵皍 礵皍곜꬗霃雦叹呔䋒㽷⵴䓳呋䒭涸邍梡雮欽䨪刿⚁岤✵ⰻ㺂劥魧կ 넞佪 ABUNDANT 㼆㢕练⥌䜂㽻紩鵳遤䔱碫⠏⻊䲿⼮欽䨪䱹「ⰻ㺂⥌䜂涸佪桧⟄⿺❡ㅷ涸僒欽䚍կ ⚪㺢 ꛏ㼆欽䨪涸⛴䟗ㄤ㋐㥩ッ梡ⴀ刿䥡欽䨪 刿⚪㺢涸곜꬗ⰻ㺂կ 湬錜僒雵䗴 ㅷ晥䠭㝕鸣 ㅷ晥䠭 䒊用雩濼 蒀䕙 㕃䕎 Ⱒ✵ꂊ⯓踡APP涸ㅷ晥㝕鸣⸂宠雮欽䨪㖈⢪欽APP傞幡兠䠭濼ㅷ晥⯋稇ㄤ雵䗴挿կ䧮⟌涸歲꬗♶腊雮欽䨪錣䖤膴猌✫ꂊ⯓踡APP涸梠㞯♴鷓欽✵⟣⡦歏㶩㉁⸉碫❡ㅷկ㖈㥵➚馊勻馊馋ぢ✵ず餘⻊涸梠㞯♴䒊用饰劥魧❡ㅷ涸ㅷ晥䠭➢罜鴪ⵌ䊵䒗⻊涸⟣⸉⛲䖎ꅾ銳կ銳䒊用饰ㅷ晥䠭䧮⟌꨽銳➢鵯❈倰꬗Ⰶ䩛կ UIDESIGN UI设计规范 괃蒀錞薴 ƒęф #FFFFFF–#FFB042 Hф #FFB042 Hф #000000 ۑᚆф #4AC8FF ۑᚆф #52FFEB ۑᚆф #FF7861 dྩᓬ#FFFF00 ਁ֛ф #333333 ਁ֛ф #666666 ਁ֛ф #999999 絑➫絈俼ꁿ䩛劼歲꬗畮涸괃蒀㖈 ⾲剣ㅷ晥蒀㛇炄♳⸈Ⰶ✫幯」涸霃雦굥呔⢪侮⚡霃雦굥呔刿⸈餘䠭ㄤ䎃鲽կ㖈㶶⡤괃蒀鷥䭊♳⨊抪侮⚡곜 ꬗刿⸈厫ㄤ絡♧կ 7:11 ᯌ]᢫ࠟउ Hi;%᢫ੜਪ~ ੜRࣁྌᒵײ఍;෸ߔ BEESƒಋ೰ܖ ੜ№ଧአ๋୩ධኼ ƒአಁǾ ᶾ㴽№հƒ ݄፡፡ ᒈᶾݐ ॠॠ֗հ ƒ֟03෸29n $শႨF೉໒ࠧᯌ ¥119.00/‰ ᒈᨻԣ $শႨF೉໒ࠧᯌ ¥119.00/‰ ᒈ ᨻԣ $শႨF೉໒ࠧᯌ ¥119.00/‰ ᒈᨻԣ pአ+ٍ ྯ$ᐰڥ ࠧᯌ$ಸ ᯈᭆᶼᕅ ᑌړࠟउ ኱ᲀഭᤈ ᕪ០ङƒ ࠧᯌ@ᣟ ౯n᰸§ !"#$ 品牌辅助⾊，作为区分界⾯功能模块是不可或缺的，后续辅助⾊会根据不同使⽤场景，产出相对应的使⽤规范，先以界⾯中的业务ICON为例，参考配⾊搭配，与品牌亮⻩⾊产⽣视觉对⽐，使得画⾯丰富，内容有层次。 㶶⡤錞薴 姻俒㶶⡤鷥䭊ⴭ僽务俒랾雩㶶⡤PingFangSC⥂霆✫ⰻ㺂涸幡兠䏞ㄤ僒靀䚍կⰢ✵侨㶶薉俒㶶⡤鷥䭊涸僽Barlow㖈烁⥂〳ꢓ靀䚍㛇炄♳㸐涸㶶䕎餤鵛ㅷ晥⠏繠⚂⚡䚍傞㼿կ PingFangSC Aa ᯌ]᢫$শ$†B2Bኪࠟଘę Barlow 1234567890ABCDEFCHƍKLMN OPQRSTUVWXYZ BEESAPP ᯿ᥝ BEESAPP 36pxے‰ 32pxے‰ ᯿ᥝƒ᷌෈η ེᥝƒ᷌෈η BEESAPP —ᛱ BEESAPP ƒ୧BEESAPP 28px26px 18px ӧے‰ӧے‰ ӧے‰ Ԇᥝ᧔ก෈η ೲᰵ෈η ᬀۗ᧔ก෈η ᯌ]᢫ ᯿ᥝ ᯌ]᢫ 34pxے‰ 30pxے‰ ᯿ᥝƒ