AI产品经理

提示词：设计一个美食App的食谱展示卡片，顶部是诱人的菜品图片，下方是菜名、评分、烹饪时间和难度等级，设计要干净明亮

AI生成：

美食App食谱展示卡片设计需求

移动端优先（智能手机），考虑竖屏展示。

顶部区域：占卡片60%高度的高清菜品图片，采用圆角矩形或全宽度展示。

底部区域：垂直排列菜名、评分、烹饪时间和难度等级，左右边缘留适当边距。

整体卡片采用轻盈投影和圆角处理增强层次感。

主色调：白色背景搭配柔和浅灰分割线，强调清新感。

重点色：使用食欲激发色（如番茄红/牛油果绿）突出评分和关键标签。

图片叠加轻微渐变遮罩提升文字可读性。

菜名：无衬线粗体居中显示，字体层级最高。

次要信息：细体无衬线分段排列，评分采用星标图标+数字组合。

行间距宽松，避免文字拥挤。

图片：支持动态加载和过渡动画。

评分组件：五角星图形配合半星显示精度。

标签样式：烹饪时间与难度用胶囊形徽章区分。

悬浮状态：轻微缩放效果暗示可点击性。

图片hover/点击触发轻微缩放动画。

评分组件支持用户点击交互（如打分场景）。

整体卡片按压时有适度阴影收缩反馈。

原型界面：