APP启动页/引导页

运营-扭蛋机/娃娃机/小游戏

移动端灵感

竞品分析：产品功能、交互模式、视觉传达 作品包装展示流程：背景分析→竞品分析→用户画像→需求总结（四象限）→用户体验地图/流程图→原型图→情绪板（风格定义）→细节规范→高保真

移动端 单页/截图

大圆角按钮与圆角矩形、锐角矩形按钮形成对比

web灵感

运营设计：banner/活动页/弹窗

明确信息层级；设计形式服务于设计内容（即视觉传达） 过程型激励理论

运营素材

榜单/会员体系 UI/勋章

动效/动画（GIF压缩工具：imageoptim+图压）

旗杆飘扬：图钉+波纹 融合样式： ①建立2个以上图形—添加调整层—效果和预设（添加快速/高斯模糊）/（效果-模糊和锐化-快速/高斯模糊）—简单阻塞（效果-遮罩-简单阻塞） ②建立2个以上图形—添加调整层—高斯模糊—毛边（效果-风格化-毛边）—分形影响（1）—边缘锐度 ③融合效果最好，元素大小相差较大 建立2个以上图形—添加调整层—效果和预设（添加快速/高斯模糊）—色阶Alpha（取消边缘模糊） 延时运动表达式：valueAtTime(time-1) 抖动表达式：effect("滑块控制 2")(1)

Logo/Tab/Icon(动效)/字体/Avatar

图标特性：识别性、引导性、趣味性、突显性、预见性 技法：高斯/背景模糊、角度/径向渐变 配色；邻近色、对比色

扁平插画/渐变/2.5D/3D（教程）

配色原则：大统一小对比 杂质/颗粒质感技巧：添加杂色、喷枪笔刷、溶解

缺省页/404/预加载

移动端数据可视化

中后台/Dashboard/表单/FUI/SAAS/数据可视化

前台展示，中台运营，后台管理 B端产品功能聚焦、讲究效能，对产品链路有着高流畅度与高效率的诉求。设计师在做B端产品的的时候要有全链路和小白用户视角，以体验及效率为先，我们需要协调全局一致性，遵循产品链路，在视觉上减少对于用户的负担和干扰，避免打断用户的使用流程，确保流畅、优质的用户体验。

HMI/车联网/TV端/其他终端

PC端灵感

登录/注册

个人作(站酷/B站/追波 id:zardfans)

分析产品（需求）目标和用户（需求）目标，转化为设计目标；用户分析（用户画像）、使用场景分析（用户体验地图） 通过 LOGO/VI、功能/行业属性、主流用户提炼关键词，确定视觉风格（配色、样式等） 质、版、形、色、字

设计方法论（好产品特点：功能明确、指引清晰、精确传达）

产品要解决什么问题，帮谁解决问题，怎么解决问题 商业角度分析：业务目标（期望的成果）、业务目的（为什么/有什么意义）； 用户角度分析：要解决什么问题/用户目标/痛点/核心需求，主要用户群，产品属性、品牌特性关键词，使用环境（外在环境/内在心理），核心竞品和（需求功能、交互方式上的）相似竞品。 创造用户的使用动机；考虑用户的认知和使用习惯；尽量排除用户使用前的担忧和使用时的障碍。场景化思考、结构化组织/布局、流程化设计。UI做的是视觉传达和引导；交互考虑是的用户行为和解决问题，要符合用户认知和心理模型

设计简历/作品集整理/面试准备/复盘/职场

作品集应该展示某个案例的推导过程（思路），使面试官产生同理心，而不是一味炫技。 面试表达要有逻辑性：什么场景下做了什么，结果如何 设计的职场影响力：关注上下游kpi 写明设计难点、、怎么解决的、为什么这么做

思维/交互/流程/教程/经验/其他

视觉界面设计原则：层级对比，规范统一，界面简洁，页面延续、品牌基因。 用户期望的是线性的操作流程，尽量不要给用户创建选择的场景和输入的场景。 情感化设计是旨在抓住用户注意力、诱发情绪反应，以提高执行特定行为的可能性的设计。 易用性：用户获取信息的难易度 可用性：获取的信息是否满足用户需求+易用性

规范/适配/设计管理

组件库建立原则：通用性(无业务属性)，灵活性，复用性 模态弹窗：会打断用户操作 非模态弹窗：不会打断用户操作 组件包括控件，组件不一定可视化，控件是可视化的 一致性：位置、外观、操作、反馈

背景/色板/配色

同类色：15°角内的颜色 邻近色：60°角左右的颜色 类似色：90°以内的三个互相连接的颜色 中差色：90°左右的颜色 对比色：120°左右的颜色 互补色：180°左右的颜色

样机

有趣网站

设计分享会

Game/gamble

平面/画册类

aigc

文艺/清新

zard泉水姐姐

美食

猫片