本节简介:本节课主要详细介绍详情页的具体设计流程,包括前期沟通、竞品分析、模板确定,视觉符号的表现等等。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
层级“化繁为简”,用“最少”、“整体”方式体现层级和变化。
.色彩搭配:颜色搭配不要超过3种:70%是基础色调;25%是突出;5%是强调色;3.排版:字体(合适的字体风格)字号(重要内容用标题展示)位置(重要文案多留白)颜色(颜色留给核心内容)ps:突出强度依次增加。
网页 说明文案:最小字号16号,建议字体<br>(18-24号之间,适合pc和app端)<br><br>app端(ui) :小号字体24号,最小字号22号(注释说明用)。 <br>pc端:小号字体14、最小12px(注释字体)
详情页即使说明页面 :1 色彩统一,2文字排版,3对齐方式,4字体统一,5图片素材风格,6分割线\隔音符,7留白样式统一,8光影、明暗、色调,9.方向、层次统一
确定模板:主海报 、 品牌说明 、 买点说明海报2张 、商品参数、 尺寸 、 颜色展示 、 商品展示 、细节展示 、 商品检测 、安装说明、工厂展示、品牌故事、常见问题
字号:化繁为简,字号层级清新。3.排版:行间距根据字体大小不同也应该不同;
最小字号16号,建议字体(18-24号之间,适合pc和app端)
2.色彩搭配:颜色搭配不要超过3种:70%是基础色调;25%是突出;5%是强调色;3.排版:字体(合适的字体风格)字号(重要内容用标题展示)位置(重要文案多留白)颜色(颜色留给核心内容)ps:突出强度依次增加。
5。优秀的视觉输出:素材,颜色,排版(字体和点线面)
符号塑造价值:以熟悉的东西讲述不熟悉的东西(1.消费者是懒惰的2.人的潜意识更会用符号来了解信息)5.运营策划稿(向运营(老板)获取更多的资源):设计参考,设计风格,喜欢的风格,目标店铺
3.确定模板:一定要沟通,得到自己需要的素材。4.视觉符号:视觉风格:一个核心点(素材风格,排版,字体,色彩使用,点线面)
向老板获取更多资源 设计参考 设计风格 目标店铺 老板喜欢风格
视觉输出(色彩的统一性(颜色搭配不超过三种{70/25/5},文字排版(字体,字号(一般是18-24号),位置,颜色),对齐方式
设计参才,设计风格,喜欢的风格,运营喜欢的风格,目标店铺
视觉风格:一个核心点(素材风格、排版,字体,色彩使用,点线面)