淘宝首页设计

店铺VI视觉规范：logo
logo应用 在店铺主图
Biblioteka Baidu
店铺VI视觉规范：logo
logo颜色应用 在导航背景色和 海报背景色的元素上
店铺VI视觉规范：文案
标题字体和文案字 体的统一，字体颜 色统一
店铺VI视觉规范：陈列版式
版式整齐，元素统 一
店铺VI视觉规范：文案
标题字体和文案字 体的统一，字体颜 色统一
首焦是 最值钱的位置， 因此一定要 体现出与众不同
可以放品牌展示或者活动促销和新品推广等内容
首页设计模块之陈列版面组合
版面一般按照 视觉动线组合
视觉动线就是视觉浏览习 惯，一般是按照从左到右 从上到下的顺序，因此要 把重点突出的地方放在上 方和左方
首页设计整体感如何体现
首页设计整体感如何体现
色彩搭配统一
店铺VI视觉规范：陈列版式
版式整齐，元素统一 主次分明
店铺VI视觉规范：标签元素
位置不同元素统一， 错落有致
店铺VI视觉规范：配色
茵曼一直都是棉麻 背景为主色搭配
店铺VI视觉规范：配色
黄小姐店铺是以产 品摄影的整体色彩 为主，均为淡雅色 系
店铺VI视觉规范：标签元素
同款标签不同大小， 字体统一
店铺首页装修实操步骤
整体图设计 切片 上传 预览 微调
店铺装修实操：认识装修后台
店铺装修实操：切片
店铺装修实操：上传
课后作业
把今天的案例切片编辑代码上传，自己操作一遍 设计一个整体感的首页，三天后交作业
有一定知名度 的店铺，一般 使用纯logo就 可以了
首页设计模块之店招
如果还在推广 自己的品牌的， 就要加上 slogan和其他
说明
首页设计模块之导航
导航也可以 出现在 非页头位置， 一般最好在 首页前三屏内
首页设计模块之导航
复合型 层级导航， 适合用在 商品非常 多的销售 型店铺
首页设计模块之首焦
整
体
元素统一
感
的
字体统一
要
素
版面组合体
视觉VI
现整体感
课间休息
欢 迎 报 名 千 图 网 其 他 课 程
店铺视觉VI规范内容
LOGO:色彩，字体，字号，店铺各处应用 文案:色彩，字体，字号，海报应用规范和说明文字规范 陈列版式:外框表现形式，首页，二级页面及详情页关联的应用规范 标签等元素:表现形式及各处应用规范 色彩搭配:店铺整体及各处色彩搭配规范
淘宝 首页装修设计
专业课
淘宝首页装修设计
首页设计在店铺工作中的位置
市场，买家，竞品
首
策略，定位
页
规
营销方案，广告文案
划
页面层级，功能结构
视觉展现
由店铺运营人员，视觉总监， 及视觉营销人员操作
由美工操作
首页设计模块之店招
有明确的品牌 定位和产品定 位，可以添加 促销商品和相 关元素
首页设计模块之店招