京东VI设计方案汇总11.01
36 份大厂品牌设计 vi 手册
36 份大厂品牌设计 vi 手册一、概述本手册旨在为广大品牌设计从业者提供一系列完整的、可供参考的大厂品牌设计 VI 手则，帮助大家更好地理解和应用这些手则，提升品牌设计水平。
这些手则涵盖了不同行业、不同规模的大厂的设计规范，具有很高的参考价值。
二、手册内容1. 手册封面：清晰展示手册名称和品牌名称，体现品牌形象。
2. 目录：列出各章节的主要内容，方便读者快速找到所需信息。
3. 基础系统：包括品牌名称、标志、字体、色彩、辅助图形等设计规范。
4. 应用系统：详细介绍在各个场合（如品牌宣传、产品包装、广告宣传等）的应用规范。
5. 调整系统：说明在不同媒介（如纸质、电子、立体等）上的尺寸和排版规范。
6. 手册附录：提供一些有用的参考资料和工具，如品牌设计常用尺寸表、色彩样本等。
7. 版权声明：明确所有内容和图片的版权归属，保护知识产权。
三、大厂品牌设计 VI 手则示例以下列举几个知名大厂的品牌设计 VI 手则，供大家参考：1. 某科技公司：该公司的品牌设计以简洁、现代为主，标志采用简约的几何图形，色彩以黑白灰为主，搭配少量鲜艳的色彩作为点缀。
应用系统广泛用于产品包装、广告宣传、网站设计等。
2. 某食品品牌：该品牌的标志采用圆形和字母的组合，色彩以红色和白色为主，体现品牌的高端和美味。
应用系统包括包装、广告、门店招牌等，注重色彩和图形的使用，营造出温馨、舒适的氛围。
3. 某时尚品牌：该品牌的标志采用流线型的设计，色彩以黑色和白色为主，搭配少量金色，体现品牌的时尚和高贵。
应用系统包括服装、配件、门店装修等，注重细节和质感的设计，展现品牌的品质和格调。
四、使用建议1. 仔细阅读每个手则，理解其中的设计理念和原则。
2. 根据自己的实际工作需求，选择适合的手则进行参考和应用。
3. 在实际应用中，注意与品牌定位、目标受众、媒介特点等因素相结合，灵活调整和应用。
4. 不断总结经验，积累案例，形成自己的品牌设计风格和体系。
京东店铺装修代码全集
（京东商城）店铺装修代码大全首先旗舰店店铺设计代码一、大背景不平铺<div class="forBack">(正文body)可换的地方</div><style type="text/css">.w1{ text-align:center; width:100%; background:url(/popstreet/201105/18/banner_bg_170834.gif) center top no-repeat}/*模板背景图片循环*/ </style>二、.漂浮右侧（左侧可更改RIGHT: 1.5%为left: 1.5%）<div class="w w1"><div style="POSITION: fixed; BOTTOM: 0px; COLOR: #000000; TOP: 30%; RIGHT: 1.5%"> <div><a href="/ilike/food197021/index.html" target="_blank"><img border="0" alt=""src="/uploads/promotion/promotion-images/2011/08/01/20110801035244 KK.jpg" width="130" height="135" usemap="#Map02" /></a></div></div></div>三、.活动底部导航<div style="POSITION: fixed; WIDTH: 980px; BOTTOM: 0pt; HEIGHT: 60px; MARGIN-LEFT: -490px; LEFT: 50%" id="springfloat"><img border="0" alt="" src="/popstreet/201107/12/banner_salebottom_161815.gif"width="980" height="60" usemap="#Map2" /><map id="Map2" name="Map2"><area href="#hw" shape="RECT" coords="727,14,829,48" /><area href="#ps" shape="RECT" coords="853,15,968,47" /><area href="#yd" shape="RECT" coords="614,15,720,46" /><area href="#bao" shape="RECT" coords="508,12,596,49" /><area href="#nz" shape="RECT" coords="26,19,139,50" /><area href="#nvz" shape="RECT" coords="150,14,260,48" /><area href="#ny" shape="RECT" coords="268,18,372,47" /><area href="#xie" shape="RECT"coords="385,15,479,50" /></map></div>四、默认专题边框及背景颜色去除（见标注）<style type="text/css">.tem-top{ background:#ffffff; border:7px solid #fff; border-bottom:0}/*单品顶部背景白色边框7像素下边框为0*/.tem-middle,.left-line,.tem-bottom{ background:#fff;}/*单品中部单品间隔虚线单品顶部背景为白色*/.tem-middle{ border-left:7px solid #fff;border-right:7px solid #fff}/*单品中部左边框7像素右边框7像素*/.tem-bottom{ border:7px solid #fff; border-top:0;}/*单品底部7像素边框顶部边框为0*/.w1{ text-align:center; width:100%; background:url(/popstreet/201107/11/banner_3_164158.gif)}/*模板背景图片循环*/.tem{margin: 0 auto; padding: 0 16px;width: 980px;}/*单品模板宽度*/#springfloat{ _display:none;}b{ font-weight:normal;}</style>右边框7像素*/.tem-bottom{ border:7px solid #fff; border-top:0;}/*。
京东优秀案例汇总
3、无线广告 案例-服装
定向：
主要投放精准包： 地域：覆盖主要城市用户，并勾选了“中国位置别地 区” 年龄段：不限 性别：女 移动终端：ios, andriod，windows，未知 联网方式：不限 购物定向：下单、付款 类目：女装、女鞋、家用电器、图书影像、美容美妆 规则有效期：90天
改进： 1.根据店铺产品类型，建议选择年龄为24-50岁。 2. 联网方式建议选择WIFI、3G、4G浏览体验好的用 户，减少不必要的曝光带来的消费 3.家用电器及图书影像并不是女性用户集中的类目， 建议去掉。 4.规则有效期过短，曝光有限，建议增至200天以上。
所投放店铺链接： /mshop/56853306
5、无线广告 案例-服装
定向：
主要投放精准包： 地域：覆盖主要城市 年龄段：18-50岁 性别：女 移动终端：不限 联网方式：不限 购物定向：女装 行为规则：下单、付款 规则有效期：200天 改进： 1. Symbian、 Java 浏览体验较差， 不利于下单转化。 建议：勾选IOS、Android 及未知选项 2. 联网方式建议选择WIFI、3G、4G 浏览体验好的用户，减少不必要的曝光 带来的消费
2、无线广告 案例-服装
类目 珠宝钻石/手表名品 曝光量
CTR 1.96%
下单ROI 2.35 下单ROI 2.26
成交ROI 1.37 成交ROI 2.47
瑞琴手表专卖店
店铺名称
瑞琴手表专卖店
主营类目 珠宝钻石/手表名 品
CTR 3.15%
375706
分析下具体原因：
广告素材：
1.图片：清晰美观，质量高 2.产品：产品突出，产品细节清晰 3.文案：文案简洁，有货到付款的店家服务，建议添加产品卖点或促销信息
国内外品牌视觉设计案例
国内外品牌视觉设计案例
国内外有许多优秀的品牌视觉设计案例，它们展现了不同风格
和特点，以下是一些值得关注的案例：
1. 苹果（Apple），苹果公司一直以简洁、现代和高端的视觉
设计著称。
他们的产品包装、广告和品牌形象都体现了简洁、优雅
和高品质的设计风格，这成为了很多品牌学习的对象。
2. 谷歌（Google），谷歌的视觉设计以简洁、清晰和直观著称。
他们的标志、网页设计和产品界面都体现了简洁和易用性，体现了
他们对用户体验的重视。
3. 耐克（Nike），耐克的品牌视觉设计一直以简洁、大胆和具
有冲击力的形象示人。
他们的标志、广告和产品设计都体现了这种
风格，成功地传达了自信、活力和运动精神。
4. 京东（），作为中国知名的电商平台，京东的品牌视
觉设计体现了现代、科技感和信赖。
他们的网页设计、品牌形象和
广告宣传都展现了这种特点，成功地树立了自己在电商领域的形象。
5. 象印（ZOJIRUSHI），象印是一家日本知名的厨房电器品牌，他们的产品设计以简约、实用和精致著称。
产品外观、包装设计和
广告语言都体现了日本传统的简约美学，成功地传达了产品的高品
质和实用性。
这些品牌的视觉设计案例展现了不同的风格和特点，它们在传
达品牌形象、吸引消费者、提升产品价值等方面发挥了重要作用，
对于品牌建设和营销策略都具有重要的借鉴意义。
隋佳峻分享京东、聚美优品等首页页面布局分析
京东、聚美优品等首页页面布局分析分析网站：京东商城域名：jd分析目的：首页的各个模块布局分析目的：总结出页面优缺点，提出个人的改良方案分析整体：主体颜色以白色的背景，红色的主色彩，一些价格优势，促销也是红色标给人醒目！细节在主体红色之外红的有色差而不是用一种红的色值公司理念：多、快、好、省页面总Width：1210pxHead区域：顶部以Height: 31px；其中包括收藏本页、切换地区方便物流团队第一时间锁定用户地址、登陆提示和注册、会员专区、手机版京东、售后效劳、网站导航下面以通栏形式广告W: 1210px主要位置给了京东Logo:width270px * height60pxSearch:w500 * h36 默认搜索里主要以近期主打产品为主，搜索模块可以让买家直接输入自己想买的东西的名称，快速查找，节约时间。
并且搜索栏下面有热门搜索，这可以显示大家最近在关注的东西。
用户订单和购物车结算Main Nav分为7个主导航左边主Navigation: w 210px * h 450px 分为14个主要商品分类中间活动Advertisement: 分上下两个广告，上面为6个主要活动，下面为3个打折促销活动是定时切换的，既能推广活动又能促销新品和折扣商品右边公司快讯和零碎功能入口小结：第一屏中以三列式布局呈“F〞状的视线习惯，网页的上方为用户提供效劳、配送方式等，让用户理解商城的运作方式，为用户以后的购物提供方便。
在网页的中间部分是大幅的商城的最新信息，及商品的打折信息，让顾客能及时找到自己所需的商品，导航栏及所有商品分类为用户提供方便选择，网页中间展示了商品的最新更新，让用户能更快知道商品信息。
网站板块设计横向按照1：2：1的比例设计，大致分为总体分类，产品展示等。
这样的设计非常符合用户阅读习惯，中间是关键点占得比重比拟大。
Head完毕Body区域开场通栏接地气区域这些商品都是近期搜索指数最高、打折优惠、推新品、预售商品，采用灰色的商品模块接下来分出8楼阶梯介绍商品其中每层阶梯构造H 412px ，每层都是分为3部分构造Left:以每层主分类、下跟详细商品细节分类Middle:以选择卡形式切换不同细节分类，!Important 第一个放的是特价商品Right:以该楼层主打品牌展示为主Notice: 8F右侧很特殊把细分类中做了对应销售排行榜，里面呈现价格Body完毕Foot区域开场分为两部分：上面以互动为主有用户晒单、免费试用和在线读书；下面主要给用户购物指引介绍京东商城的特点配送方式，付款方式，售后效劳，特色效劳，和京东物流实力；!京东为公益事业有一个栏目，虽然不起眼但是公益是一个有传达正能量的最下面忽略吧。
vi形象优秀案例
vi形象优秀案例
VI设计优秀案例1：Nike
Nike的VI设计是全球最成功的品牌形象之一。
它的标志，也就是那个简单的对勾，已经成为了全球认可的符号，代表着力量、速度和独立。
这个标志简洁、易于识别，而且具有高度的可记忆性。
Nike的VI设计不仅仅是一个标志，还包括一系列的颜色、字体和图形元素，所有这些都传达出Nike的核心价值观和品牌形象。
VI设计优秀案例2：Coca-Cola
Coca-Cola的VI设计也是非常成功的。
它的标志，那个经典的飘带形状的字体，以及标志性的红色，已经成为了全球消费者心目中的经典。
Coca-Cola的VI设计不仅仅传达了品牌的传统和历史，还传达了欢乐和友爱的情感。
这个VI设计已经成为了Coca-Cola品牌形象的核心组成部分，也是品牌与消费者之间建立情感联系的重要桥梁。
VI设计优秀案例3：Starbucks
Starbucks的VI设计也相当出色。
它的标志是一个简洁的绿色美人鱼标志，这个标志不仅仅代表了Starbucks这个品牌，还传达了品质、专业和社区的感觉。
Starbucks的VI设计还包括一系列的颜色、字体和图形元素，所有
这些都传达出Starbucks的核心价值观和品牌形象。
这个VI设计已经成为
了Starbucks品牌形象的核心组成部分，也是品牌与消费者之间建立情感联系的重要桥梁。
最全的VI设计项目全套明细清单一览表讲解学习
最全的V I设计项目全套明细清单一览表最全的VI设计项目全套明细清单一览表VI设计VI即（Visual Identity），通译为视觉识别系统，是CIS系统最具传播力和感染力的部分。
是将CI的非可视内容转化为静态的视觉识别符号，以无比丰富的多样的应用形式，在最为广泛的层面上，进行最直接的传播。
设计到位、实施科学的视觉识别系统，是传播企业经营理念、建立企业知名度、塑造企业形象的快速便捷之途。
VI设计流程1.调研（目标顾客审美偏好、行业与品类特性、企业文化与理念）2.品牌战略定位解读3.设计战略方向4.LOGO设计5.基础系统设计6.应用设计3原则战略性VI设计原则1:标志本身的线条作为表现手段传递的信息需要符合品牌战略，降低负面联想或错误联想风险。
杰信战略性VI设计“品牌战略视觉呈现模型”2:标志色彩作为视觉情感感受的主要手段、识别第一元素，须将品牌战略精准定位，用色彩精准表达。
3:标志外延含义的象征性联想须与品牌核心价值精准匹配。
4:标志整体联想具备包容性及相对清晰的边界，为品牌长远发展提供延伸空间。
5:标志整体设计传递的气质须符合品牌战略，整体气质具备相对具体的、清晰的、强烈的感染力，实现品牌的气质识别。
在品牌营销的今天，没有VI设计对于一个现代企业来说，就意味着它的形象将淹没于商海之中，让人辨别不清；就意味着它是一个缺少灵魂的赚钱机器；就意味着它的产品与服务毫无个性，消费者对它毫无眷恋；就意味着团队的涣散和低落的士气。
VI设计一般包括基础部分和应用部分两大内容。
其中，基础部分一般包括：企业的名称、标志设计、标识、标准字体、标准色、辅助图形、标准印刷字体、禁用规则等等；而应用部分则一般包括：标牌旗帜、办公用品、公关用品、环境设计、办公服装、专用车辆等等。
说明：以下VI设计项目应根据企业实际需求做相应调整。
A、VI基本要素系统设计项目A1 企业标志规范1）企业标志释义设计说明（横式）2）标志基本使用规定（横式）3）企业标志释义设计说明（竖式）4）标志基本使用规定（竖式）5）企业标志墨稿6）企业标志反白效果稿（横式）7）企业标志反白效果稿（竖式）8）企业标志特殊反白效果稿（横式）9）企业标志特殊反白效果稿（竖式）10）企业标志标准化制图（横式）11）企业标志标准化制图（竖式）12）企业标志方格坐标制图（横式）13）企业标志方格坐标制图（竖式）A2 企业标准字体规范14）企业简称中文字体（横排）15）企业简称英文字体（横排）16）企业全称中文字体（横排）17）企业全称中文字体（竖排）18）企业全称英文字体（横排）19）企业全称英文字体（竖排）20）企业全称中英文字体组合（横排）21）企业全称中英文字体组合（竖排）22）企业子公司全称中文字体（横排）23）企业子公司全称中文字体（竖排）24）企业子公司全称英文字体（横排）25）企业子公司全称英文字体（竖排）26）企业子公司全称中英文字体组合（横排）27）企业子公司全称中英文字体组合（竖排）A3 企业标准色规范28）企业标准色（印刷演色法）29）企业标准色（Web演色法）30）企业标准色色阶规范（印刷应用）31）企业标准色色阶规范（Web应用）32）企业辅助色（印刷演色法）33）企业辅助色（Web演色法）34）明度应用规范35）色彩搭配专用表A4 辅助图形规范36）辅助线饰彩稿37）辅助线饰墨稿38）辅助线饰使用规范39）辅助线饰延展规范40）辅助图形彩稿41）辅助图形墨稿42）辅助底纹使用规范A5 企业造型（吉祥物）规范43）吉祥物彩稿44）吉祥物墨稿45）吉祥物造型释义46）吉祥物立体效果47）吉祥物基本动态48）吉祥物单色规范49）吉祥物使用规范50）吉祥物禁用规范A6 专用印刷字体规范51）中文专用印刷字体规范52）英文专用印刷字体规范A7 标识组合规范53）标志与企业中英文全称组合（横排）54）标志与子公司中英文全称组合（横排）55）标志与企业中英文全称组合（竖排）56）标志与子公司中英文全称组合（竖排）57）标志与辅助图形组合规范58）标志、企业全称与辅助线饰组合59）标志、子公司全称与辅助线饰组合60）标志、企业全称与辅助图形组合61）标志、子公司全称与辅助图形组合62）标志、特殊文字与辅助线饰组合63）标志、特殊文字与辅助图形组合64）标志与吉祥物组合规范65）标与、标准字、辅助图形与吉祥物组合规范A8 禁用组合规范66）图形禁用组合规范67）色彩禁用组合规范B、VI应用要素系统设计项目B1 办公形象应用规范68）名片（高级主管\中级主管\员工）69）企业内部专用信封（五号\七号\九号）70）企业专用信封（五号\七号\九号）71）子公司专用信封（五号\七号\九号）72）企业专用西式信封73）信纸（彩色\单色）74）便笺（彩色\单色）75）企业专用传真纸表头76）企业专用文件夹77）企业专用票据夹78）企业专用合同夹79）合同书规范格式80）公文袋（大\中\小）81）档案袋（大\中\小）82）卷宗纸83）档案盒84）薪资袋85）备忘录86）简报87）表格规范88）工作证（识别卡）89）临时工作证90）出入证91）来宾卡92）办公用笔、笔架93）笔记本94）桌牌95）名片盒（夹\台）96）电话记录97）及时贴标签98）聘书99）奖杯100）公告101）考勤卡102）请假单103）意见箱104）稿件箱105）企业徽章106）纸杯107）茶杯、杯垫108）公文包109）通讯录110）财产编号牌111）培训证书112）企业专用职位牌113） PPT演示背板标识规范114）车辆出入证115）接站牌116）工号牌117）胸卡及挂带118）贵宾卡119）来宾卡B2 产品包装应用规范120）大件商品运输包装121）包装箱（木质\纸质）122）包装盒（大\中\小）123）包装纸（单色\双色\特别色）124）包装袋（纸\塑\布\皮等材料）125）产品系列包装126）专用包装（礼品用\活动事件用\宣传推广用）127）容器包装128）手提袋（大\中\小）129）胶带（宽\窄）130）包装贴纸131）包装封缄132）包装用绳133）产品外观134）产品吊牌135）产品铭牌136）合格证137）产品标识卡138）保修卡139）质量通知书规范140）说明书规范B3 旗帜规划应用规范141）公司旗帜142）纪念旗帜143）横式挂旗144）直式立旗145）促销用旗146）庆典用旗147）主题式旗帜148）锦旗149）奖励旗150）纪念旗151）小吊旗152）小串旗153）大型挂旗154）桌旗B4 公共关系赠品应用规范155）贺卡156）请柬157）邀请函及封套158）钥匙牌159）鼠标垫160）挂历版式规范161）台历版式规范162）日历卡版式规范163）明信片版式规范164）小型礼品盒165）标识伞166）纸张167）铅笔168）原子笔169）笔架170）雨伞架171）气球172）吉祥物赠品173）便条纸砖174）礼金袋B5 服装服饰应用规范175）管理人员男装（西服\白领\领带\领带夹）176）管理人员女装（裙装\领花\胸饰）177）春秋装衬衣（长袖\短袖）178）行政职员制服（男\女）179）生产职员制服（男\女）180）店面职员制服（男\女）181）展示职员制服（男\女）182）服务职员制服（男\女）183）工务职员制服（男\女）184）警卫职员制服（男\女）185）保洁职员制服（男\女）186）厨师职员制服（男\女）187）冬季防寒工作服（男、女）188）运动服（男\女二季）189）运动夹克（男\女二季）190）运动帽191）运动鞋192）文化衫（T恤）193）徽章194）领带夹195）领带196）领巾197）皮带198）安全帽199）工作帽200）上岗证201）雨具B6 交通运输工具应用规范202）公务车203）面包车204）班车205）运输货车（大型\小型\集装箱）206）机车207）脚踏车208）拖车头209）曳引车210）堆高车211）吊车212）特殊车型B7 媒体广告应用规范213）电视广告标志定格214）报纸广告版式规范215）杂志广告版式规范216）海报版式规范217）人事广告版式规范218）公司简介版式规范219）产品简介版式规范220）路牌广告版式规范（大型\中型\小型）221）公交车体广告规范222）擎天柱广告规范223）墙体广告规范224）楼顶广告规范225）灯箱广告规范226）条幅广告规范227）霓虹灯标志表现228）户外标志夜间效果229）展板陈列规范230） POP规范（柜台立式\立地式\悬挂式）231） DM版式规范（单张\折页\异形）232）幻灯。
“京东商城”新版界面分析
总结：页面排版的方法和技巧 在改进的设计中，对排版的变动最大。原版的设计中界面元素的排版给我的感觉是有些凌乱，改进 版本主要针对排版问题进行修正，重新布局了一些元素，让界面看起来更整齐一些。 改进版的界面排版准线图如下： image 千万不要小看这些细节，当所有失败的细节累积起来的时候，量变就会引起质变，导致界面整体 失败。很多时候我们看一个界面总觉得有哪里别扭，但是又说不出来什么地方做错了，好像又没什 么问题，这个往往就是因为大量无关紧要的细节失误，这些小细节的共同作用让界面失去了吸引力 。 对于本例中的排版改动，这里讲几个要点： 一，设计界面之前，首先必须要做的是划分视觉区块，以期做到整体设计与细节设计分而治之。举 例来说，在这个界面里视觉区块只有两个（蓝线标识的部分），一个是左侧的登录表单，另一个是 右侧的注册引导按钮。视觉区块划分完成之后，先在区块内部进行排版，然后是区块与区块之间的 排版，最后还要注意这个区块内部的某个元素与另一个区块内部的某个元素是否要考虑跨区的排版 设计（本例中就有一个）。 二，在网页排版中一个主要的原则是“左对齐优先原则”。这是由于一般人们的阅读顺序都是从左 到右、从上到下，所以不论是页面整体的排版还是某个视觉区块内部的排版都要遵循这个原则，即 优先保证各个视觉元素的左对齐。在本例的准线图中，就可以看出所有区块内部的元素都是左对 齐的。在对齐的时候还要注意，是“内容对齐”，而不是“背景对齐”。 三，有时候对不在一个区块内的元素也要考虑排版设计。在某些情况下，但是两个区块之间的某些 元素又有一些逻辑关系（或者仅仅是处于美观），因此需要对这些即使不在一个区块里的元素，但 是也要根据各自的位置进行对齐（或其他排版），就好像两个元素是在一个区块里一样。这就是跨 区块排版设计了。在本例中，左侧区块中的“用户名”输入框和右侧区块中的“还不是京东商城用户？” 这句话就进行了水平对齐。 改进版完整的设计图如下（欢迎批评执指正）：
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
2007.11.02
VI基础系统展示
VI应用系统展示
领导名片1
领导名片2
员工名片
信笺
中式信封
西式信封
便笺纸
文件夹
档案袋
横纹信纸
传真用纸表头
胸卡
员工制服
物流人员制服
T恤
车体1
车体2Biblioteka 前台形象墙室外指示牌Thanks
室内指示牌
办公区域划分牌 及员工工位牌
符号指示牌
报纸广告标识
黑白报纸广告标识
户外广告标识
宣传册
产品单页
海报
请柬
幻灯片
司旗
刀旗
吊旗
易拉宝
手提袋（纸制）
手提袋（塑料袋）
纸杯
笔记本
包装纸
礼品封贴条
包装箱
办公礼品
箱包
名片夹、钱包
台历
徽章
Better ideas, Better results 更佳创意，更佳的结果