作为产品设计师，我们要打破思维束缚，有时候换个思维，设计将会变得更惊艳。通过体验和分析一些优秀的案例，可以提升我们的设计思维，助力输出不一样的设计表达。
我们也会定期给大家分享一些产品体验日记，强化大家的产品设计思维。本期黑马哥给大家带来 10 个设计案例，希望可以带给你更多产品设计灵感。
内容根据界面交互状态进行布局，以此提升界面利用率，动态布局体验感也更强。
高德地图扫街榜界面布局中，针对推荐内容定义了不同的布局样式，默认进入以宫格形式展示八个主推，滑动界面时会进行占比缩放，方便更多内容展示，提升用户的浏览体验。
卡片式设计随着不同的样式特征会带来不一样的视觉体验，可以在卡片造型、布局形式、视觉风格、交互动效等方面深入探索。
同程旅行 APP 社区栏目设计中，卡片式设计采用渐变倾斜的布局样式，显得更有形式感。结合手势动效不仅操作体验流畅自然，设计表现力也很不错。
立足于品牌做产品设计是至关重要的探索方向，不仅可以摆脱同质化，也能增强品牌曝光度。
途牛旅游 APP 设计中，在图标、头像、背景、闪屏等多个 UI 场景嵌入品牌元素，不仅强化了产品的品牌感，也使得产品设计更具情感化。
底部标签栏在产品设计中拥有多种不同的表现形式，通常都是固定形式呈现，根据界面风格变化的相对较少。
蚂蚁阿福 APP 底部标签栏在阿福栏目采用置底的常规形式，而在其它栏目采用悬浮形式表达，根据界面场景的不同进行自适应变化。阿福栏目采用不同形式是为了避开输入设计，置底的形式也更符合当前界面的体验感。
为了提升界面的视觉氛围，我们可以通过添加渐变背景、图形纹理、动态背景等强化视觉表现力。
蚂蚁阿福 APP 在阿福栏目主界面设计中，顶部视觉区域采用流体渐变式的动态背景呈现。不仅视觉风格更加年轻化，动态背景带来的视觉焦点也更容易吸引用户关注度。
微信朋友圈嵌入广告已经司空见惯，为了不影响大家刷朋友圈，广告布局依然和朋友圈内容结构一致。为了吸引用户关注广告，进行广告播放的过程中会让部分元素突破结构束缚，以此增加广告关注度。
功能/服务等分类设计通常都是通过文字权重、配色层级、装饰元素等区分状态，也有结合图标或者动态元素等强化。
比如转转 APP 在官方验栏目的分类设计中，采用图标结合进行表达，点击时图标带有动态效果。图标的结合使得该板块的视觉效果更突出，也让界面设计更有视觉亮点，吸引用户对类别的关注力。
表格在网页中可以承载更加复杂的信息，转移到移动端进行设计时，如果不简化内容就会感觉很难，今天给大家推荐一个表格的移动化展示形式。
腾讯视频 APP 在用户成长体系关于会员等级权益一览中，冻结表格左侧 + 横向滑动 + 上下滑动呈现更多内容。不仅可以展示更加复杂的内容，操作体验和内容对应也一目了然，可以作为表格移动化展示的解决方案参考。
运动所带来的身体锻炼部位和指标数据展示，如果只是通过文字和数据进行表达，用户的理解成本会增加。
One More 通过可视化的形式标注出运动之后锻炼的身体部位，相较于文字和数据表达而言，用户的理解更加直观。
进度条在产品中作为进度设计，其样式丰富多样，其中具有场景代入感的设计表达更有吸引力。
蚂蚁阿福 APP 在科学减重界面中，其进度设计用正在跑步的角色伴随动效呈现，使得减重指标数据更有场景代入感。进度设计趣味十足，更能吸引用户的参与度。
产品体验案例来自各产品截图，描述属于个人观点，不足之处欢迎留言补充，我们互相进步。（本文由 @黑马青年 发布。如需转载，请申请白名单。）
