设计稿

设计稿一般给几版？

设计稿的数量没有行业统一标准。大体上有两种方式：一开始拿到2~3版方向不同的设计稿，从中选一版；或者拿到一个方向的设计稿，反复打磨多次。

数量多不一定就好。设计稿越多，每一版投入的时间就越少，有时会拿到好几版大同小异的方案。比起数量，更要一起看“一版设计稿能改几次”。

像手作工坊这样以作品照片为主的店铺，适合用一版设计稿把照片排版打磨到位；而需要从零确定氛围的新店，则更适合比较多个方向。

不管哪种方式，在第一版设计稿之前先用文字整理好想要的氛围，结果会来得更快。像“温暖的木质感”“干净的白色背景”这样给出两三个形容词，再附上参考网站，第一版设计稿方向大幅跑偏的情况就会减少。

设计稿一般以什么形式交付？

设计稿通常以图片文件、设计工具的分享链接、可以实际点击的预览链接这三种形式之一交付。形式不同，能确认的范围也不同。

图片设计稿能快速查看，但很难知道文字在手机上实际显示多大。所以如果收到的是图片，最好同时要一份手机端版本。

无论以什么形式收到，设计稿文件或链接都请您自己也保存一份。如果是设计工具链接，再确认一下不登录也能打开，日后需要和“最初确定的样子”对比时，就能马上找出来。

如果设计稿是以可实际点击的预览链接交付，设计稿和完成页面的差距会变小，后面阶段出现意外的情况也会减少。不过在这个阶段最好连每个字都仔细检查。

• 图片 · PDF：在哪里都能打开，但不能点击
• 设计工具链接：方便放大查看，并在具体位置留下意见
• 预览链接：可以在真实手机上滚动、点击按钮试用

收到设计稿后先确认什么？

看设计稿时，先看“顾客能不能很快找到想要的东西”，再看“好不好看”。设计喜好以后还能改，但信息不好找的结构会让顾客马上流失。

请按照顾客实际使用的环境来检查。在明亮的室外把手机亮度调低，看文字还能不能看清；单手握着手机，看拇指能不能按到按钮，这样就能发现截图里容易漏掉的问题。

看设计稿时，请把“我的喜好”和“顾客的喜好”分开考虑。即使不是您喜欢的颜色，只要主要顾客群看着舒服、觉得可信，就可能是好的设计稿。

1. 01用手机打开设计稿，记下最初3秒内看到了什么。
2. 02把自己当成顾客，把“查看价格 → 预约”这样的操作完整走一遍。
3. 03逐项核对店铺名称 · 电话号码 · 营业时间 · 价格是否准确。
4. 04标出使用临时照片的位置，并定好什么时候发送实际照片。
5. 05把喜欢的部分和想改的部分分开，整理好后一次性发送。

设计稿阶段之前要准备什么？

实际素材越早到位，设计稿就越接近成品。用临时照片做的设计稿，一换上实际照片氛围可能就变了，很容易变成同一版设计稿要看两遍。

比如美发店有各设计师的照片和项目价目表，手作工坊有作品照片和课程日程表，设计稿的准确度就会大幅提高。照片不够的话，请在设计稿之前定好要新拍哪些照片。

如果很难一次备齐素材，可以定好优先级再发送。只要先提供首屏要用的主图和店铺介绍文案，设计稿的整体氛围就能接近实际效果。

• Logo原始文件（尽量是放大也不会失真的文件）
• 店铺 · 菜品 · 作品照片（手机拍的照片只要明亮清晰就够了）
• 价目表 · 营业时间 · 休息日 · 停车指南
• 两三行介绍店铺的文字
• 喜欢的2~3个网站，以及用一句话说明喜欢的理由

设计稿确定是什么意思？

设计稿确定，是同意“可以按这个设计方向制作实际网站”的阶段。确定之后，就会开始根据设计稿把页面转成代码的页面切图工作。

确定之后如果更换整体配色或页面结构，已经做好的页面就得重做，可能导致工期延后或产生额外费用。文字错别字、更换照片这类小修改，通常确定后也可以改。

确定时最好用消息或邮件这类能留下记录的方式，而不只是口头说。日后双方确认“什么时候定了什么”会更方便。

确定时也要讲清楚是否同时确定手机端和电脑端页面。只看一端就确定，另一端以后很容易冒出新意见。

签约前关于设计稿要问哪些问题？

设计稿是对制作结果影响最大的阶段，签约前确认好方式和范围，纠纷会大大减少。

还要问清设计稿里的临时照片能不能直接用在上线页面上。临时照片可能只是用于确认的，若要用在实际网站上，可能需要另外取得使用权。

也请确认设计稿阶段的工期。知道第一版设计稿要几天出来、提交反馈意见后修改版几天能到，就能更现实地安排整体上线日期。

• 设计稿给几版、以什么形式（图片 · 链接）交付
• 是否另外提供手机端设计稿
• 设计稿的修改是否计入总修改次数
• 确定后的大改动如何处理
• 什么时候把临时照片 · 文案换成实际素材