设计秘籍丨怎么样从0到1设计一个详情页？
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个优秀的详情页<span style="color: black;">能够</span>让用户清晰且愉悦地接收到已有信息，并为用户的下一步操作做出<span style="color: black;">必定</span>引导，那什么样的详情页设计才是好的设计？本篇<span style="color: black;">文案</span>里，作者结合<span style="color: black;">实质</span>案例，从<span style="color: black;">目的</span>、内容、视觉等方面对详情页的设计策略做了总结，<span style="color: black;">一块</span>来看。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TFbyFgnHCEJL8g~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=u1uj6k7FORXRzJ6gg5xJDgU7VVU%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个从0到1的详情页应该<span style="color: black;">怎样</span>设计，<span style="color: black;">必须</span>遵循什么设计原则，<span style="color: black;">能够</span>参考什么设计模型？这篇<span style="color: black;">文案</span>，将会以「设计大侦探」知识星球详情页为案例，告诉你一个详情页设计的完整过程，<span style="color: black;">帮忙</span>你<span style="color: black;">把握</span>三个重要的思维模型和一套已验证的设计<span style="color: black;">办法</span>。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDobdUJHK8Mx0~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=yh67AABW9CqT4HYc8qgvmozvAZs%3D" style="width: 50%; margin-bottom: 20px;">
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>导读</h1>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 详情页是什么？</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页<span style="color: black;">便是</span>一个<span style="color: black;">制品</span>或服务的说明书。<span style="color: black;">咱们</span>听得最多的是电商详情页，<span style="color: black;">常常</span>会把这个词直接定义为电商详情页，但事实上，任何<span style="color: black;">制品</span>、服务都有详情页，<span style="color: black;">例如</span>一个医疗保险<span style="color: black;">制品</span>就<span style="color: black;">必须</span>详情页，让用户从这个页面获取到这个服务的明细和流程，从而吸引用户下单购买。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文所指的详情页，就<span style="color: black;">包括</span>了各类<span style="color: black;">制品</span>、服务的详情页，所引用的案例是一个知识付费行业的知识星球详情页设计。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDobeaIxh3Smv~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=rKmmtB%2Bc0Qr55Y96evydADBr9ho%3D" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 详情页有什么<span style="color: black;">功效</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页像一个<span style="color: black;">制品</span>的服务前端，用户<span style="color: black;">能够</span>从这个页面全面<span style="color: black;">认识</span>到这个<span style="color: black;">制品</span>的细节，<span style="color: black;">例如</span>服务人群、核心<span style="color: black;">优良</span>、服务流程和<span style="color: black;">重视</span>事项等。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">做为</span>一个落地页，<span style="color: black;">例如</span>当<span style="color: black;">咱们</span>去<span style="color: black;">营销</span>一款<span style="color: black;">制品</span>的时候，<span style="color: black;">咱们</span>设计的H5或Web的页面既属于落地页<span style="color: black;">亦</span>属于详情页。一个成功的详情页设计<span style="color: black;">能够</span>为<span style="color: black;">制品</span>带来超高的转化率和<span style="color: black;">营销</span>额，相反，<span style="color: black;">倘若</span>详情页设计得<span style="color: black;">欠好</span>，即便投入重金推广，转化率<span style="color: black;">亦</span>会非常低。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDobhwCIt19Jn~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=dDoW8g7KneL8VV5XFkCsRtOaLhk%3D" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3. 详情页的生命周期</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">详情页<span style="color: black;">便是</span>产品的表现层，它和<span style="color: black;">制品</span><span style="color: black;">同样</span>，<span style="color: black;">一样</span>有生命周期。在<span style="color: black;">区别</span>的生命周期，有<span style="color: black;">区别</span>的焦点和策略，<span style="color: black;">例如</span>设计大侦探的知识星球，在<span style="color: black;">处在</span>引入期的时候，更看重对服务体系的验证，<span style="color: black;">因此</span>对详情页的设计<span style="color: black;">需求</span>是以快制胜，快速完成MVP版本。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoblfq7VBjH~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=vtSi6JIbCMK3M0myV3NYKhPHdVo%3D" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">4. 适合阅读人群</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文6623字，<span style="color: black;">重点</span>分为四个部分，<span style="color: black;">不仅</span>适合UI设计师、UX设计师、<span style="color: black;">制品</span>经理和运营，还适合于电商设计师、品牌策划和互联网从业者，其次<span style="color: black;">针对</span>创业者<span style="color: black;">来讲</span>，这篇<span style="color: black;">文案</span>将会让你<span style="color: black;">熟练</span>一套详情页设计的完整流程，有效降低时间人力成本。<strong style="color: blue;"><span style="color: black;">另一</span>本文所指的甲方，</strong><strong style="color: blue;"><span style="color: black;">重点</span>指设计师的上游，<span style="color: black;">制品</span>、老板或业务方。</strong></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>制定<span style="color: black;">目的</span></h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不管做任何项目的设计，<span style="color: black;">倘若</span>不<span style="color: black;">知道</span>设计<span style="color: black;">目的</span>，那就<span style="color: black;">无</span>方向，<span style="color: black;">亦</span><span style="color: black;">没法</span>验证<span style="color: black;">最后</span>的设计成果。<span style="color: black;">针对</span>详情页的设计，<span style="color: black;">亦</span>是<span style="color: black;">同样</span>。虽然看上去<span style="color: black;">好似</span>只是一个页面或<span style="color: black;">照片</span>，但其实详情页和<span style="color: black;">制品</span><span style="color: black;">同样</span>，<span style="color: black;">亦</span><span style="color: black;">必须</span><span style="color: black;">持续</span>的迭代优化。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 设计背景</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「设计背景」<span style="color: black;">便是</span>去<span style="color: black;">认识</span>这个详情页<span style="color: black;">为何</span>做，决策流程是什么样的。这个环节<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">运用</span><span style="color: black;">平常</span>的<strong style="color: blue;">5Why分析法</strong>，<span style="color: black;">持续</span>追问，直到<span style="color: black;">认识</span>甲方设计的真正<span style="color: black;">原由</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">千万不要小看这一步，<span style="color: black;">倘若</span>你不去弄清楚这个项目立项的关键<span style="color: black;">原由</span>，<span style="color: black;">帮忙</span>甲方梳理好设计<span style="color: black;">目的</span>，<span style="color: black;">那样</span>甲方就会容易变动需求。<span style="color: black;">例如</span>大侦探<span style="color: black;">为何</span><span style="color: black;">必须</span>设计一个详情页，这是<span style="color: black;">由于</span><span style="color: black;">咱们</span>的知识星球服务体系<span style="color: black;">已然</span>形成闭环，<span style="color: black;">因此</span>准备<span style="color: black;">起始</span>试运营，验证<span style="color: black;">商场</span>模式。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDocnI9hoXJKV~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=EhKq3uKl67H8GjPbyvHS4WD%2B9dw%3D" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 需求分析</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">「需求分析」<span style="color: black;">便是</span>在<span style="color: black;">认识</span>这个详情页的「设计背景」后，针对甲方的真实需求进行深入的分析，<span style="color: black;">咱们</span><span style="color: black;">能够</span>采用<strong style="color: blue;">5W2H分析法</strong>，去挖掘<span style="color: black;">详细</span>要做什么、给谁看、在哪里看、<span style="color: black;">爱好</span>什么风格等问题。<span style="color: black;">倘若</span>是一个外包项目，还要去结合甲方的预算、周期和<span style="color: black;">机构</span>的利润去<span style="color: black;">思虑</span>，需求的挖掘<span style="color: black;">必定</span>要深入，不要做模棱两可的工作，否则<span style="color: black;">全部</span>项目的设计作业都会随时变动。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>大侦探的详情页需求<span style="color: black;">便是</span>要快速完成一个MVP版本进行试错，<span style="color: black;">瞧瞧</span>知识星球的服务<span style="color: black;">是不是</span>和用户的需求匹配，<span style="color: black;">因此</span>对整体的视觉<span style="color: black;">需求</span>并不高，更注重设计效率和完整性。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoco18NJjRIU~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=FeMjB4T6ehA9CPUafJvCaDSOquk%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：对需求的拆解、挖掘和梳理能力，是一个优秀设计师通往顶级设计师<span style="color: black;">必须</span>具备的能力，要学会快速阅读甲方的需求，做出引导和判断。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3. 设计<span style="color: black;">目的</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当<span style="color: black;">咱们</span>把「设计背景」和「需求」梳理好以后，<span style="color: black;">咱们</span>就<span style="color: black;">能够</span>提炼出这个详情页的「设计<span style="color: black;">目的</span>」。「设计<span style="color: black;">目的</span>」<span style="color: black;">不仅</span><span style="color: black;">能够</span>给设计团队设定一个非常清晰的方向，<span style="color: black;">亦</span>是验证<span style="color: black;">最后</span>设计效果的标准。<span style="color: black;">例如</span>大侦探详情页的设计<span style="color: black;">目的</span><span style="color: black;">便是</span>在3天内快速设计出一个MVP版本的详情页，其次设计风格要符合品牌调性。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDocoYHYiInUR~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=AFuVhKJupaODGrAeuF1FdkEaRns%3D" style="width: 50%; margin-bottom: 20px;">
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span>内容设计</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在确立好「设计<span style="color: black;">目的</span>」以后，就进入了「内容设计」的环节，通俗点说<span style="color: black;">便是</span>文案策划和设计原型。但这个部分的权重是最高的，<span style="color: black;">针对</span>一个详情页<span style="color: black;">来讲</span>，<span style="color: black;">倘若</span>内容<span style="color: black;">无</span>设计好，视觉效果再好<span style="color: black;">亦</span>是<span style="color: black;">白费</span>，它<span style="color: black;">没法</span>吸引用户购买<span style="color: black;">制品</span>，所有的投入都会白费。<span style="color: black;">针对</span>设计师<span style="color: black;">来讲</span>，这部分的工作几乎很少<span style="color: black;">触及</span>，但当你<span style="color: black;">把握</span>这套<span style="color: black;">办法</span>以后，你的设计价值将会<span style="color: black;">提高</span>。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 用户分析</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在设计内容之前，<span style="color: black;">必定</span>要先思考，这个详情页给谁看。这不仅会决定文字调性、内容结构、视觉风格，还有传播形式。<span style="color: black;">倘若</span>是一款给老年用户<span style="color: black;">运用</span>的<span style="color: black;">制品</span>，你会用“给力”这些词吗？</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">其次，<span style="color: black;">咱们</span>要去思考这些用户的特征、偏好，<span style="color: black;">倘若</span>用户是一群夜猫子，<span style="color: black;">那样</span><span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">思虑</span>设计一款深色的详情页，方便<span style="color: black;">她们</span>在夜晚时候观看。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">最后，还要<span style="color: black;">思虑</span><span style="color: black;">区别</span>的用户人群。<span style="color: black;">例如</span>大侦探的详情页，对社群会员和非社群会员将会在内容结构上设计<span style="color: black;">区别</span>的内容。这是<span style="color: black;">由于</span>社群的会员对大侦探<span style="color: black;">已然</span>非常<span style="color: black;">熟练</span>，<span style="color: black;">针对</span>品牌的介绍就<span style="color: black;">能够</span><span style="color: black;">尽可能</span>弱化，节省空间。而面对非社群会员，就<span style="color: black;">必须</span>把品牌介绍加入，添加背书、<span style="color: black;">加强</span>信任状。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDocp1BRE4Ux8~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=Zlgv0iafuiAzUGmzWQAVjhgd1Hc%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：拿到一个项目，对用户分析是最<span style="color: black;">基本</span>的一步，<span style="color: black;">必定</span>要弄清楚谁来观看、谁来<span style="color: black;">运用</span>、<span style="color: black;">她们</span>有什么特征。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 场景分析</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">确认好「给谁看」以后，就要<span style="color: black;">思虑</span>用户<span style="color: black;">拜访</span>详情页的真实场景。<span style="color: black;">必定</span>要去思考用户浏览详情页的场景、设备、平台和打开方式等，<span style="color: black;">例如</span>详情页是以H5形式发布，还是以<span style="color: black;">伴侣</span>圈传播为主，是展示在知识星球还是展示在小鹅通？<span style="color: black;">区别</span>的浏览场景都要去<span style="color: black;">思虑</span><span style="color: black;">区别</span>的内容展示方式，</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">大侦探在知识星球展示的详情页，我把价格放在最上面，有<span style="color: black;">伴侣</span>给我说，我用<span style="color: black;">微X</span>打开的<span style="color: black;">发掘</span>头部被遮住了，但在知识星球的展示页，这个位置却是最好的激活方式。这<span style="color: black;">便是</span>场景<span style="color: black;">引起</span>的差异。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDocpe1AEh4d8~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=Y0C%2FfxlR98N82sPg6%2FrT%2FjanRPQ%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：在<span style="color: black;">思虑</span>展示场景这个细节的时候，我特意去调研了知识星球的详情页尺寸、展示方式和设计<span style="color: black;">需求</span>，<span style="color: black;">最后</span>我获取了知识星球平台仅支持3张<span style="color: black;">照片</span>，最高<span style="color: black;">照片</span>高度6000px的关键信息。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">倘若</span>忽略这个信息，当<span style="color: black;">全部</span>团队辛辛苦苦完成设计稿的时候，却<span style="color: black;">发掘</span>高度<span style="color: black;">不可</span>超过18000px，这个时候改起来会非常痛苦。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;"><span style="color: black;">因此</span>设计一个详情页，<span style="color: black;">必定</span>要模拟用户真实的<span style="color: black;">拜访</span>场景，效果。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3. 竞品调研</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">不管做任何设计，都少不了竞品调研。「竞品调研」的维度有<span style="color: black;">非常多</span>，<span style="color: black;">例如</span>内容、设计风格、营销方式、服务流程等。在<span style="color: black;">咱们</span>去做一个从0到1的详情页时候，找到一个适合<span style="color: black;">咱们</span>自己的竞品是一个非常<span style="color: black;">有效</span>的工作方式。<span style="color: black;">常常</span><span style="color: black;">咱们</span>费尽心思思考的东西，其他人都<span style="color: black;">已然</span>做了，<span style="color: black;">因此</span>竞品调研这一步，<span style="color: black;">必定</span>要花上时间。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDodOp1HMXRQP~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=iLJLa19FI19RS7zNf3u%2FSROIhsc%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：竞品调研<span style="color: black;">亦</span>要<span style="color: black;">知道</span><span style="color: black;">目的</span>，否则会<span style="color: black;">引起</span>内容过于分散，不<span style="color: black;">晓得</span>从<span style="color: black;">那些</span>维度入手。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">4. 内容规划</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">从这一步<span style="color: black;">起始</span>，<span style="color: black;">咱们</span>进入设计执行<span style="color: black;">周期</span>。一个优秀的详情页设计，<span style="color: black;">必须</span>从用户<span style="color: black;">拜访</span>这个<span style="color: black;">制品</span>到下单购买的<span style="color: black;">全部</span>体验旅程进行全面地设计，不仅仅<span style="color: black;">必须</span>专业、创新的内容，更<span style="color: black;">必须</span>设计营销策略。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1）思维模型</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">以下三个思维模型，是我在详情页设计中最常<span style="color: black;">运用</span>的设计模型。FABE+SPIN<span style="color: black;">能够</span><span style="color: black;">帮忙</span>我快速提炼一个详情页的内容结构，而社会心理学<span style="color: black;">能够</span>加入营销策略手段，<span style="color: black;">提高</span>详情页的<span style="color: black;">商场</span>价值。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">① FABE<span style="color: black;">营销</span>法则</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">FABE<span style="color: black;">营销</span>法则是一个把商品的特征（Features）、商品的<span style="color: black;">优良</span>（Advantages）、顾客利益（Benefits）以及对卖点的证明（Evidence），<span style="color: black;">根据</span>科学的<span style="color: black;">规律</span>有机地结合在<span style="color: black;">一块</span>的技术和工具。<span style="color: black;">倘若</span>你以前思考过一个详情页到底应该先放「品牌<span style="color: black;">优良</span>」还是先介绍「用户痛点」，<span style="color: black;">那样</span>这个模型<span style="color: black;">能够</span><span style="color: black;">帮忙</span>你找到一个可参考的标准。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDodPWCzHXwZp~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=z24lm%2BryPIzIpKfbOep3DCSF7mM%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">② SPIN<span style="color: black;">营销</span>法</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">SPIN<span style="color: black;">营销</span>法，即探询<span style="color: black;">状况</span>(Situation)、找出困难(Problem)、引出潜在后果(Implication)、介绍<span style="color: black;">处理</span><span style="color: black;">方法</span>(Need-payoff)。这个模型不仅<span style="color: black;">能够</span>用来定义内容结构，还<span style="color: black;">能够</span><span style="color: black;">做为</span>文案描述的模型。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>当<span style="color: black;">咱们</span>去介绍一个<span style="color: black;">制品</span>的时候，<span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">根据</span>SPIN模型撰写，这将会非常有说服力。随着经济的形势越来越差（S），UI设计师的职业<span style="color: black;">危险</span><span style="color: black;">亦</span>越来越大（P），只是一个纯执行的工具型设计师将会面临着降薪或失业（I），这个时候<span style="color: black;">倘若</span>设计师还不注重<span style="color: black;">制品</span>思维能力的学习和<span style="color: black;">提高</span>（N），<span style="color: black;">那样</span>以后的竞争力将会越来越弱。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDodQEFUH1aTX~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=MVPI6bKCqICcF0jUEUxnjS1U7mM%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">③ 社会心理学+陈勇转化六要素</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">看过「<span style="color: black;">制品</span>拆解」的<span style="color: black;">伴侣</span>应该对西奥迪尼的社会心理学《影响力》六大说服力原则有印象，<span style="color: black;">她们</span>分别是互惠、承诺和一致、社会认同、<span style="color: black;">爱好</span>、权威和稀缺，而国内营销专家陈勇老师的「转化六要素」<span style="color: black;">亦</span>是从这本书提炼出来的。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">这两个模型，对<span style="color: black;">制品</span>的营销设计有非常大的<span style="color: black;">帮忙</span>，<span style="color: black;">例如</span>为了吸引用户产生兴趣浏览，就要<span style="color: black;">运用</span>「互惠原则」，给用户送红包；为了<span style="color: black;">提高</span>用户下单速度，就会<span style="color: black;">运用</span>「稀缺效应」制造紧迫感。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDodQmEU6gH8w~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=We5MSCuMZvD21MP%2Bem%2B%2Fuo3YGDQ%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2）低保真原型</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">“<span style="color: black;">无</span>原型就没法讨论。”凯瑟琳·麦克尔罗伊在《原型设计-打<span style="color: black;">导致</span>功<span style="color: black;">制品</span>的实用<span style="color: black;">办法</span>及实践》的这句话，真的大道至简。内容设计这个<span style="color: black;">周期</span>，<span style="color: black;">常常</span>会陷入<span style="color: black;">无</span>思路、<span style="color: black;">无</span>灵感的局面，这个时候，<span style="color: black;">必定</span>要大胆动起手来，其次我<span style="color: black;">举荐</span><span style="color: black;">运用</span>Xmind工具来设计，<span style="color: black;">这般</span>不仅<span style="color: black;">能够</span>发散思维，作业成本<span style="color: black;">亦</span>非常低。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">① 梳理内容结构</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">页面的内容结构<span style="color: black;">便是</span>这个页面要放什么内容，内容<span style="color: black;">次序</span>怎么<span style="color: black;">摆列</span>，这个时候<span style="color: black;">咱们</span>就要利用FABE或SPIN模型了。<span style="color: black;">倘若</span>你一点经验都<span style="color: black;">无</span>，你<span style="color: black;">能够</span>直接<span style="color: black;">根据</span>FABE的模型去做，从这个<span style="color: black;">制品</span>是什么、有什么<span style="color: black;">优良</span>、<span style="color: black;">处理</span>用户什么痛点和做了什么真实案例去策划，你会<span style="color: black;">发掘</span>这按<span style="color: black;">这般</span>结构去设计的详情页即便不加任何内容都<span style="color: black;">能够</span>拿到及格分，用户去阅读起来都会感到自然。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDodRK8oPgjY~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=IvPZtKhRQdaC%2BS2KNLh%2BpcW9EZY%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">② 加入营销策略</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">营销策略<span style="color: black;">便是</span>在页面内容加入营销手段，从而吸引用户浏览，购买服务。<span style="color: black;">例如</span><span style="color: black;">非常多</span><span style="color: black;">制品</span>去推广的时候，都会给用户送<span style="color: black;">各样</span>免费礼包，这其实<span style="color: black;">便是</span>利用了「互惠原理」，让用户占便宜，吸引用户浏览。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">再<span style="color: black;">例如</span><span style="color: black;">有些</span>医疗服务会加入<span style="color: black;">非常多</span>真实的<span style="color: black;">大夫</span>专家、真实病例，目的是<span style="color: black;">加强</span>服务的背书和打消用户的顾虑。还有<span style="color: black;">咱们</span>经常会看见限时加入、限名额加入，是利用了稀缺效应，制造下单的紧迫感。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoeLd5DqugXG~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=G6CbfssC3oN2WaqHjlA0xl0zhUA%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：</strong><strong style="color: blue;">当<span style="color: black;">咱们</span>把这一步完成的时候，其实<span style="color: black;">能够</span>和甲方进行初步的沟通，<span style="color: black;">这般</span><span style="color: black;">能够</span>降低下一步工作的返工率。</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3）高保真原型</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当<span style="color: black;">咱们</span>完成低保真模型以后，页面的框架<span style="color: black;">便是</span>设计好了，接下来要做的<span style="color: black;">便是</span><span style="color: black;">按照</span>框架去设计文案结构和表现形式。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">① 设计文案结构</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">文案结构像什么呢？文案结构就像一个歌手去写Demo时候，<span style="color: black;">无</span>歌词，但<span style="color: black;">能够</span>随着哼唱的旋律进行创作，<span style="color: black;">这般</span>作词人<span style="color: black;">能够</span>跟随旋律去填词。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">非常多</span>设计师<span style="color: black;">常常</span>觉得<span style="color: black;">无</span>文案就无从下手，其实这是能力<span style="color: black;">不足</span>。<span style="color: black;">咱们</span><span style="color: black;">能够</span>先去设计文案结构，让文案策划跟着你的结构创作，<span style="color: black;">这般</span><span style="color: black;">能够</span><span style="color: black;">极重</span><span style="color: black;">提高</span>工作效率。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoeMIDdePVSH~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=m3oRsCjeCkp%2Bch2vF%2FiHrcRkcXg%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">② 构思表现形式</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当<span style="color: black;">咱们</span>在设计文案结构时候，还要去思考设计的表现形式。不要以为这是视觉设计的工作，相反，在这个环节先去思考设计的<span style="color: black;">最后</span>效果，这会对详情页的<span style="color: black;">最后</span>呈现效果有非常大的<span style="color: black;">帮忙</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">例如</span>当<span style="color: black;">咱们</span>要去展示一个<span style="color: black;">制品</span>的成功案例时候，可<span style="color: black;">选取</span>的内容形式其实非常多，<span style="color: black;">能够</span>放用户的<span style="color: black;">微X</span>评论截图，还<span style="color: black;">能够</span>按省份、按小区去展示用户真实的<span style="color: black;">评估</span>，<span style="color: black;">倘若</span>你<span style="color: black;">无</span>任何创新力，<span style="color: black;">所有</span>丢给视觉设计师，<span style="color: black;">最后</span>的视觉效果<span style="color: black;">亦</span>会大打折扣。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoeMrqxJbGw~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=k0eOB4I4iVmzdZDjau2SPn2vRhQ%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：在高保真原型设计好以后，就<span style="color: black;">能够</span>进入<span style="color: black;">第1</span>轮的设计评定了。<span style="color: black;">这儿</span>有个技巧，<span style="color: black;">必定</span>不要只发一个<span style="color: black;">照片</span>给甲方，<span style="color: black;">咱们</span><span style="color: black;">必定</span>要把自己的设计思路阐述出来，<span style="color: black;">这般</span><span style="color: black;">才可</span>有说服力。</strong></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4、</span>视觉设计</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在高保真原型设计稿确认后，<span style="color: black;">倘若</span>是一个外包项目，这一步其实是一个项目的里程碑，需要甲方签字盖章<span style="color: black;">才可</span>继续下一步的作业。视觉设计的工作<span style="color: black;">便是</span><span style="color: black;">咱们</span>平时最<span style="color: black;">熟练</span>的设计环节了，文案、原型都确认好了，<span style="color: black;">此刻</span><span style="color: black;">起始</span>炒菜了。视觉设计虽然服务于前面的工作，但视觉设计<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">做为</span>一个单独的版块，其次<span style="color: black;">亦</span><span style="color: black;">必须</span>进行调研、分析和制定设计策略。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. 配色</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">通常</span><span style="color: black;">咱们</span><span style="color: black;">能够</span><span style="color: black;">按照</span>Logo或VI去确定页面的配色，<span style="color: black;">例如</span>主题色、辅助色、渐变色等等，<span style="color: black;">这般</span>会<span style="color: black;">保证</span><span style="color: black;">全部</span>设计的统一性。其次<span style="color: black;">亦</span><span style="color: black;">必须</span><span style="color: black;">重视</span>，<span style="color: black;">倘若</span>品牌的Logo颜色很Low，要尝试去<span style="color: black;">调节</span>优化，<span style="color: black;">倘若</span>是一个外包项目，这其实是业务拓展的好机会。</p><img src="https://p26-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoeNN4kscgZO~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=ooYT3ikeqVQGmp3kct455CX%2Fd7s%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips：关于设计的配色，<span style="color: black;">举荐</span>一个非常实用的网站Paletton（https://paletton.com <strong style="color: blue;">），你只<span style="color: black;">必须</span>输入品牌色的色值，就<span style="color: black;">能够</span>获取和这个颜色<span style="color: black;">关联</span>的互补色、邻近色等，<span style="color: black;">这般</span>会<span style="color: black;">保准</span>你的配色不会<span style="color: black;">显现</span>问题。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 字体</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">字体的<span style="color: black;">选取</span><span style="color: black;">亦</span>不<span style="color: black;">必须</span>过于纠结，<span style="color: black;">由于</span><span style="color: black;">此刻</span>大部分字体都有版权，<span style="color: black;">咱们</span>可<span style="color: black;">选取</span>的字体并不多。<span style="color: black;">倘若</span>你<span style="color: black;">运用</span>苹果电脑，苹方就很不错，<span style="color: black;">或</span>思源黑体、阿里巴巴普惠体等，WIN系统直接<span style="color: black;">运用</span>黑体、微软雅黑就<span style="color: black;">能够</span>。至于主视觉的slogan字体，在<span style="color: black;">要求</span><span style="color: black;">准许</span>的<span style="color: black;">状况</span>下，<span style="color: black;">能够</span><span style="color: black;">思虑</span><span style="color: black;">运用</span>付费字体<span style="color: black;">或</span>让字体设计师单独设计，<span style="color: black;">这般</span>主视觉会更吸引眼球。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDoeNsDcmzf1q~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=WK5R8TUFRq1gBL2AW5ET8KZmSFg%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：新手设计师<span style="color: black;">常常</span>会去找<span style="color: black;">有些</span>花里胡哨的字体，但事实上<span style="color: black;">基本</span><span style="color: black;">无</span>必要，<span style="color: black;">况且</span>会惹来不必要的<span style="color: black;">危害</span>。<span style="color: black;">另一</span>任何页面的设计，不管是banner、网页还是UI，字体<span style="color: black;">不可</span>超过3种，<span style="color: black;">包括</span>英文，<span style="color: black;">必定</span>要保持设计的统一性。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">3. 排版</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">一个详情页，<span style="color: black;">能够</span>拆分为N个部分，每一个部分的内容，又<span style="color: black;">能够</span>拆分为标题、副标题、文本内容、主视觉和背景，<span style="color: black;">而后</span>每一个标题和内容样式，你只<span style="color: black;">必须</span>设计好一个，就<span style="color: black;">能够</span>重复<span style="color: black;">运用</span>，这<span style="color: black;">便是</span>最简单的排版技巧。罗宾·威廉姆斯的《写给<span style="color: black;">大众</span>看的设计书》这本书<span style="color: black;">说到</span>的四个原则——亲密性、对齐、重复和对比，只要你<span style="color: black;">把握</span>，排版就不会出错。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDofHcl9FS8x~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=UwKTSMsaALKRJ0NT8v%2FKMPXbIj0%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">Tips：越优秀的设计，排版其实越简单。我<span style="color: black;">意见</span><span style="color: black;">大众</span>去读一遍《写给<span style="color: black;">大众</span>看的设计书》这本书，你会<span style="color: black;">发掘</span>不管多<span style="color: black;">繁杂</span>的设计，其实只要遵循这四个原则，都能变得很简单。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">4. <span style="color: black;">照片</span></h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">选图的原则很简单，高清、和主题<span style="color: black;">关联</span>，调性统一。<span style="color: black;">照片</span>千万不要拿来就直接用，<span style="color: black;">通常</span>都<span style="color: black;">必须</span>进行对比度、色彩饱和度的简单<span style="color: black;">调节</span>，其次要进行锐化，<span style="color: black;">保准</span>图片高清。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">都说一张好图胜过千言万语，<span style="color: black;">然则</span><span style="color: black;">此刻</span>一张好<span style="color: black;">照片</span>的价格<span style="color: black;">不方便</span>宜，<span style="color: black;">因此</span>在<span style="color: black;">无</span>付费<span style="color: black;">照片</span>的<span style="color: black;">状况</span>下，在设计表现形式上就要<span style="color: black;">更加多</span>的扬长避短，<span style="color: black;">例如</span><span style="color: black;">经过</span>插画（成本<span style="color: black;">亦</span>高）、图标、手机模型、思维结构图等。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDofIJC3goBPF~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=n8NmQ81SCZGlNe1075%2BKfc9iLRc%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：<span style="color: black;">照片</span><span style="color: black;">必定</span>要保持清晰度，这个是设计<span style="color: black;">照片</span>最<span style="color: black;">必须</span><span style="color: black;">重视</span>的细节，<span style="color: black;">倘若</span>一张<span style="color: black;">照片</span>是模糊的，千万不要用。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">5. 修饰元素</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">修饰元素会<span style="color: black;">增多</span>页面设计的个性化，但又<span style="color: black;">不可</span>太过于花哨。<span style="color: black;">通常</span><span style="color: black;">能够</span>从Logo或VI的元素去提取，<span style="color: black;">例如</span>大侦探Logo的“胡子”、“烟斗”，这些元素就<span style="color: black;">作为</span>了<span style="color: black;">全部</span>页面的点睛之笔。<span style="color: black;">不仅</span>丰富了页面的设计，还<span style="color: black;">加强</span>了品牌识别度，加深用户对品牌的印象。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">思虑</span>到详情页<span style="color: black;">通常</span>都会很长，我<span style="color: black;">爱好</span>设计一个进度条，这个进度条将会跟着用户浏览页面的高度而变化。<span style="color: black;">这般</span>的修饰元素，将会给用户带来非常友好的体验，你<span style="color: black;">能够</span>想象当你在一个<span style="color: black;">无</span>站点提示的公交车上，你的心情会有多慌，这和用户<span style="color: black;">拜访</span>一个不<span style="color: black;">晓得</span>多长的详情页是一个道理。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDofJKAZHWgnU~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=S0L8X%2F%2Bmt3jVYkY6MjlV23jpdbc%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：我在过去诊断过<span style="color: black;">非常多</span>设计的作品集，其中就会<span style="color: black;">发掘</span>有<span style="color: black;">非常多</span>设计师加了<span style="color: black;">非常多</span>不相干的修饰元素，这会<span style="color: black;">引起</span>你的设计<span style="color: black;">显出</span>非常花哨、业余。</strong></p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">6. 优化</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">慢工出细活，<span style="color: black;">针对</span>视觉设计，<span style="color: black;">仅有</span><span style="color: black;">持续</span>地尝试<span style="color: black;">各样</span>效果的设计，你<span style="color: black;">才可</span>找到最佳的样式，这个<span style="color: black;">无</span>任何诀窍。不管这个设计师有多资深，做什么类型的项目，<span style="color: black;">仅有</span><span style="color: black;">持续</span>地尝试<span style="color: black;">各样</span>效果，<span style="color: black;">才可</span>做出更好的设计。大侦探的详情页设计，尽管时间周期很紧，但我<span style="color: black;">亦</span>前后尝试了多个版本，数次的推翻、重来、优化。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDofJm6sMsouO~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=wLycLNSM1mi0%2BvmGRUo5JUVWFjE%3D" style="width: 50%; margin-bottom: 20px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">Tips：一个好的设计稿，<span style="color: black;">无</span>任何诀窍，千万不要以为<span style="color: black;">哪些</span>大神做设计时间会很短，越厉害的设计师对设计的<span style="color: black;">需求</span>越高，达不到自己心理底线的作品可能都不会发出来。<span style="color: black;">因此</span>做设计<span style="color: black;">必定</span>要有耐心，要去<span style="color: black;">持续</span>优化，你<span style="color: black;">才可</span>设计出越来越优秀的作品。</strong></p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">5、</span>设计说明</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">当页面设计完毕以后，千万不要以为结束了。在给甲方展示作品之前，不要直接发一个<span style="color: black;">照片</span>过去。<span style="color: black;">这般</span>的交付<span style="color: black;">无</span>任何价值，不管你做得多好，<span style="color: black;">倘若</span>缺少对设计思路的阐述，<span style="color: black;">那样</span>你的设计价值别人很难感受到。<span style="color: black;">因此</span>对设计稿的设计阐述，<span style="color: black;">尤其</span>重要。</p>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">1. PPT展示</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">PPT的展示效果是最好的，<span style="color: black;">尤其</span>是向甲方展示设计<span style="color: black;">方法</span>的时候，当你在的前面，向甲方展示着你的设计思路，那是一种非常美妙的成就感。PPT展示的内容<span style="color: black;">能够</span>从<span style="color: black;">咱们</span>的设计流程提炼，<span style="color: black;">通常</span>我会<span style="color: black;">掌控</span>在10-15页，演讲时间10分钟<span style="color: black;">上下</span>，这个长度给甲方演示起来非常棒。</p><img src="https://p3-sign.toutiaoimg.com/tos-cn-i-tjoges91tu/TIDofKJ7KML4RO~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1723647866&x-signature=ybeLt01JRxqqnqeATo1WXcQJDfQ%3D" style="width: 50%; margin-bottom: 20px;">
<h2 style="color: black; text-align: left; margin-bottom: 10px;">2. 长页面展示</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">长页面展示的时间制作成本低，<span style="color: black;">倘若</span>交付时间太紧了，<span style="color: black;">能够</span><span style="color: black;">选取</span>这种形式。这种形式虽然<span style="color: black;">基本</span>，<span style="color: black;">亦</span>要把设计品质把控好，不要<span style="color: black;">由于</span>太过粗糙而把<span style="color: black;">全部</span>团队辛辛苦苦的设计<span style="color: black;">方法</span>掉身价了。</p>
<h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">6、</span>结语</h1>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">此次详情页的设计分享教程事实上<span style="color: black;">亦</span>是一个MVP版本，有<span style="color: black;">非常多</span>设计<span style="color: black;">过程</span>的细节还<span style="color: black;">不足</span>仔细，<span style="color: black;">不外</span><span style="color: black;">咱们</span>要像<span style="color: black;">制品</span>迭代<span style="color: black;">同样</span>，<span style="color: black;">持续</span>去优化设计，完善这个系统<span style="color: black;">办法</span>。我相信，<span style="color: black;">针对</span><span style="color: black;">非常多</span>设计师<span style="color: black;">来讲</span>，今天这个从0到1的分享，<span style="color: black;">已然</span>让你们明白一个完整详情页诞生的过程，从而<span style="color: black;">提高</span>工作的主动性，<span style="color: black;">一直</span>留在一个纯设计执行的<span style="color: black;">周期</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">专栏作家</strong></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">廖尔摩斯，<span style="color: black;">微X</span>公众号：设计大侦探，人人都是<span style="color: black;">制品</span>经理专栏作家。连续创业者，<span style="color: black;">善于</span><span style="color: black;">制品</span>设计拆解、书籍<span style="color: black;">诠释</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">本文原创发布于人人都是<span style="color: black;">制品</span>经理，未经许可，禁止转载。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">题图来自 Unsplash，基于CC0协议。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">该文观点仅<span style="color: black;">表率</span>作者<span style="color: black;">自己</span>，人人都是<span style="color: black;">制品</span>经理平台仅<span style="color: black;">供给</span>信息存储空间服务。</p>
我深感你的理解与共鸣，愿对话长流。 你字句如珍珠，我珍藏这份情。 外链发布社区 http://www.fok120.com/ 外贸论坛是我们的，责任是我们的，荣誉是我们的，成就是我们的，辉煌是我们的。
页:
[1]