网页设计要注意几点 第1篇
一款完整的APP，经过这样的一个流程：项目立项启动→设计产品原型→设计效果图→进入开发阶段→开发成功后进入测试阶段→测试将问题反馈给开发人员进行调试→多次测试确认没有bug→提交市场、正式上线。
我们都知道，无论设计师的标注稿多精确，开发出来的产品，多多少少都会有误差，专业来说就是视觉效果落地还原度，视觉还原度越高，与设计稿越接近，APP就越精细；反之，就越差。
所以，就需要我们在这个时候，去配合开发对UI进行调整，来更加的接近我们做的效果图了（简单了说，就是给开发挑毛病，指出和效果图不一致的地方，是不是很开心哈）
差1px，我也要挑出来（像素眼就是这样炼成的）
网页设计要注意几点 第2篇
何为重要页面？在如今看颜值的时代，脸就是最重要的，首页就是一款APP的脸；还有很多页面布局主体部分共用相同布局结构，这也是重要页面。拿首页来说，你可能需要花2天时间来完成，之所有要用2天，是因为你还要确定主色、设计风格、icon设计等等，还有就是保证质量（如果谁嫌你慢，你就折磨怼他：想要快行啊，那就降低质量呗，出了问题，你负责啊，啦啦啦~~）
我们都知道鱼和熊掌不可兼得，既想要快速度，还想要高质量，这2者是不可能同时保证的，也很难去平衡的
然后再挑选一个重要页面，预估用时，然后以此类推，其实首页确定好后，整个APP的设计风格就基本已经确立，其他的页面做起来也就容易多了。
网页设计要注意几点 第3篇
我还是拿图举例来说明：（有图有真相哈）
→iPhone 1-3代的手机(已经不考虑了)
icon_alipay@→iPhone4/4S/5/5S/6/6S/7对应尺寸，这就是我们通常所说的2倍图
icon_alipay@→iPhone6P/6SP/7P使用的尺寸，这就是3倍图
可以简单的理解为倍数关系，如果你使用750x1334px（iPhone 6/6S/7）尺寸做设计稿，那么切片输出就是@2x，缩小2倍就是@1x，扩大倍就是@3x了。
网页设计要注意几点 第4篇
在看设计稿尺寸之前，我们先来了解一下APP界面设计构成
界面构成由：布局层、图文排版层和图标层。
在iPhone 6还没出的时候，都是用640x1136 px来做设计稿的，自从6的发布，所有的设计稿尺寸以750x1334 px来做设计稿尺寸
U妹再带大家来看看，到目前为止所有iPhone的尺寸（1-3代就不用考虑了）：
网页设计要注意几点 第5篇
这是苹果官方上线提交页面，在这里你需要上传APP图标，版本号和应用描述等信息。
这里就是需要添加商店页的地方，商店页最多为5张，格式为png或jpg文件格式，并且还支持视频格式
这是农药APP的商店宣传页：
下面其他商店页尺寸的添加页面，在最之前我们都要提供4套尺寸：
前不久，iOS开发哥哥告诉我，现在商店页只需做一套尺寸：750x1334px，就ok了，为我们减少了很多的工作量
这是苹果官方的商店页规范：
安卓应用市场有很多，但总体来来说相对比较一致，安卓的商店页我们是需要提供2套尺寸的：
网页设计要注意几点 第6篇
关于《一款APP设计的从0到1》的iOS系列就全部讲完了，希望可以给你有很大的帮助；U妹这里说的只是一种工作方法，好的工作方法才能自己事半功倍，在具体工作中也要灵活拥有，一定要多和开发沟通交流，良好的沟通才是解决问题的唯一方法，有疑问题也可给U妹留言，我们下期再见！
U妹已经将所有字体、插件等打包准备好了
网页设计要注意几点 第7篇
俗话说：工欲善其事必先利其器，好的工具可以让我们的工作效率更高，做界面设计我们用的最多的就是PS和AI了，如果你是Mac用户，可以尝试一下sketch，软件的版本当然是推荐高版本，因为功能更强大，作图的速度也就更快。
我个人刚接触ps是从开始， - CS4 - CS 5 - CS 6 - CC - CC 2014 - CC 2015，一直到现在的最新的CC 2017，深刻体会，新的版本更好用。也可以根据个人习惯，选择自己顺手的工具就好。
网页设计要注意几点 第8篇
我个人的习惯是以“文件名+改稿日期+改稿次数”来命名，举个栗子，比如“首页”是最终版，但是4月12日，产品说首页要再加一个通知，那我的文件就是“首页”，但是前后又改了3次，那就是“首页”一目了然，很容查找要修改的文件。
立项时我只需要给开发的小伙伴说明一下，他们自然会知道哪个文件是最终版的。
这里U妹很认真的提醒一下各位小伙伴们，所有的修改稿都别删掉，千万别删，千千万万别删掉（重要的事说了3遍），每一次的修改都在副本本基础上修改，因为当我们改了好多稿后，甲方可能会说“还是第一版好看，回到第一版吧”（不要吐血或砸电脑），所以请千千万万在副本上进行修改。
有人会说我有ctrl+Z，我不怕，u妹告诉你千万别指望ctrl+Z，如果你从没修改过首选项，默认的历史记录只有20步，最大是200步，如果你设置了200步，不怕PS卡奔溃那也是阔以的
额外再插一句，对于项目的版本控制也是很重要的，我用的项目版本软件控制是SVN，管理项目文件方便高效，可以和本地项目文件同步，就算我的电脑挂，或装系统手误把所有磁盘格式化了，我也不用担心，我只要同步更新SVN线上文件就都回来了，关于SVN这里就不多说了。
网页设计要注意几点 第9篇
1. 从中间尺寸向上和向下适配的时候界面调整的幅度最小，最方便适配。
2. 大屏幕时代依然以小尺寸作为设计尺寸，会限制设计师的设计视角。
3. 设计安卓版本时只需做最小的设计调整，提升设计效率。
所以做设计稿事请以750x1334px来做设计稿
在文档建立参考线是一个很好的习惯，我希望大家也可以养成这个习惯，上下很容易设置，左右我习惯设置24 px的距离，我通过对国内外很多APP就行了对比，总结是24 px更合理，这个是我的个人习惯，所以也不要当做是明文规则，你设置为30 px，也是可以的。
然后就可以开始你的设计了
这里U妹再给大家略过一下iPad的设计规范：