导图社区 优质产品详情页
优质产品详情页制作思维导图,如何制作优质的产品详情页及详情页设计实战分析
用户体验的整体框架,包含主要元素、分析方法、做好用户体验的好处、设计流程、常见问题、优秀的界面设计、卓越产品等。
交互的流程就重点,包含什么是交互设计、交互设计能力结构、产品研发流程了解、信息架构、用户流程分析等内容。
这是一篇关于C4D各种材质的思维导图。可能对于很多学习C4D软件的设计师来说,自己去制作所需要的材质是一件不那么容易的事情,或者说,根本不知道如何去调节C4D的默认材质。
社区模板帮助中心,点此进入>>
UI设计怎么用思维导图
站酷高高手UI第一课自我提升笔记
《认知与设计》读书笔记
色彩搭配
设计师网址大全-图片字体等素材
UI设计
APP需求梳理思维导图
原型图思维导图
今日头条设计逻辑
提升UI细节和体验的10个常用方法
优质产品详情页
如何打造优质产品详情页
意义
产品意义
介绍相关卖点
商业意义
视觉包装,吸引用户购买
技巧
设计尺寸
宽度750PX-800PX可适配移动端和网页端
字体应用
字体大小
一级标题:40PX
二级标题:24px
描述文字:20px
字体选择
衬线字体
文艺、气质
非衬线字体
适合大部分使用
字间距、行高
间距:0
行高:字体大小1.5倍
图片技巧
使用场景图,增加视觉冲击力,提升品牌感
尽量使用真实的商品图片
图片保持统一风格调性,营造品牌氛围
图形图标
利用图形点缀页面,突出设计调性,加强内容节奏感
根据风格找对应元素
合理利用图标点缀
更简洁有趣的形式
版式技巧
多使用留白
明显的标题,清晰的内容区分
平面设计的借鉴,杂志化的排版
详情页参考案例
严选
造作
苹果
详情页设计实战
组成
商品卖点
设计卖点
功能卖点
材料卖点
品牌卖点
商品细节
商品某细节部位的特写,让用户了解细节品质
商品参数
商品特征值,一般以尺寸规范、颜色为主
品牌故事
商品故事
历程
产品故事
产品由来
使用说明
使用方法
保养说明
案例
小香风连衣裙,风格:简洁文艺
详情页头图使用黄金分割比例,突出首屏视觉效果
体现简洁文艺气质
功能特点设计,在排版上充分利用留白,让页面透气舒适
使用统一的中轴线对齐方式
字体设计,符合设计风格的字体,统一字体颜色,加强调性
标题:康熙字典体
描述:华文中宋
简洁的图形图标,加强设计细节,突出调性
简洁风格:线条
品牌故事和细节
使用明确的标题划分模块,保持页面信息架构清晰
细节图片要求清晰直观
品牌故事,以地图影响力形式展现
产品参数和使用说明
利用简洁的线条,使场景及标题,增加设计感
设计时文字要有适合行高及段距
总结
图片
黄金比例尺寸
清晰、符合调性
字体
统一颜色
两种以内
标题与描述文字区分开
版式
多留白
图文结合
内容模块区分明显
页面颜色
多以中性色,白、灰百搭
用匹配商品调性的点缀色
图标图形
简洁的线条