本节简介:本节课主要详细介绍详情页的具体设计流程,包括前期沟通、竞品分析、模板确定,视觉符号的表现等等。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
消费者是懒惰的 过多的文字没有用 潜意识的形状或符号能快速传达产品信息
买家关心: 评价图 细节图 产品图 尺码图 模特图 他人尺码试穿 吊牌
行间距:1级标题和2级标题和内容应该有1大于2大于3这样的间距对比
字号:化繁为简,字号层级清晰。位置:使用最少的变化去突出层级。居中对齐的标题感会更强
字体的选择:男性字体:硬朗,阳光,粗旷,力量,大气、女性字体:修长,气质,随意,时尚,活波,秀气,纤细
颜色:搭配不要超过3种,除图片颜色。比例为70/25/5。 排版:字体「选择合适的字体风格,根据产品的风格去定义字体属于什么风格」、字号「重要内容用标题展示18~24号中间」、位置「重要文案多留白」、颜色「留给核心内容」
视觉输出注意的9个点:1色彩统一、2文字排版,对齐方式、3字体统一性、4图片,素材风格、5分割线,隔离符、6留白,样式统一7、光阴,阴暗,色调、8插入图片处理方式、9方向,层次统一
1.合适的字体风格,重要内容用标题展示,重要文案多留白,颜色留给核心内容。 2.男性字体:硬朗,阳光,粗犷,力量,大气 女性字体:修长,气质,随意,时尚,活泼,秀气,纤细; 3.字号要化繁为简,字号层级清晰
字体(综合控制在18-24)重要留白 间距1大于2 2大于3
视觉风格:一个核心点 (素材风格 排版 字体 色彩使用 点线面)
要注意的地方:色彩的统一性,文字排版,字体统一,图片素材的风格,分割线,留白,光影,明暗,色调,图片的插入方式。方向层次的统一
颜色不要超过3种,70%详情页的色调,25%突出 5%是强调色,