1、2在Firefox下，宽度的分率辨减19比如1024的宽度19就变成1005 3在Opear下，宽度的分率辨减23比如1024的宽度23就变成1001 如果是1024的分辨率，你的网页不如设成1000安全一点设成900两侧空白更大，视觉上更舒服一点也方便做一些浮动层的设计如果是800的分辨率一般都设成770但也有设成。

2、交互设计原型设计应该考虑用户和产品之间的交互，提供易于操作的界面可测试性原型设计应该具有可测试性，方便进行用户体验测试可扩展性原型设计应该具有可扩展性，能够适应未来的变化美观大方原型设计应该有良好的视觉效果，美观大方规范化原型设计应该遵循设计规范，保证产品的一致性和可维护；对于想要从事产品经理或是交互设计师的新人来讲，建议大家在熟悉工具的使用过程中有意识的培养自己的设计规范在绘制线框图，或者临摹其他成熟产品创建高保真原型实际工作中并不需要创建高保真原型，这边需要特别注意的时候，一定要注意以下2点线框图不建议完全按照苹果或是安卓，设计规范进行页面设计。

3、一般原型设计规范 产品的内容框架产品功能的信息架构流程判断的信息架构带注解的线框图过渡页面带算法的页面页面流程图Axure80的页面快照多入口流程图具体模块图多方协作图动画效果等如果需要定义原型规范，请总结以上要点建议原型规范不需要定义的太死板，但原型具有的细。

4、当设计工作完成后，要开始做切图，如果网站只是PC站，切图只要做一套样式，如果是响应式网站开发，切图就需要做三套样式，分别为PC端平板手机端响应式网站会根据不同分辨率和屏幕大小自动适应，以达到最好的体验效果，但是在这里我需要补充一句，不是所有的网站都适合做成响应式，因站而异，具体原因下一步文章在分享；1对于后台功能模块的结构和页面逻辑有清晰的认识 2能够熟练的使用原型工具 3优秀的设计风格和设计规范 1是基础，2是进阶，3则是让原型变得出色的点缀如果楼主有架构设计能力的话，后台比前台简单，因为对UI UE的要求不高如果架构设计能力不够的话，那就不是前后台的问题了，这本身就变成了一；1使用InspirationMapsInspirationMaps是一款强大的思维导图工具，可以帮助用户简化产品原型设计过程它可以帮助设计师一眼望穿一个思维，从而加速产品原型设计流程2使用MockplusIpadMockplusIpad是一款专为iPad开发的原型设计工具，它可以帮助用户迅速创建任何类型的产品原型此外，它还支持实时预览和即时交互。

5、闭环，不要遗漏异常流闭环很重要原型设计 终于可以开始原型设计啦，现在各种管理后台的主题模板都有很多，没有特别需求的情况下，和开发沟通好选择一套“抄”即可设计过程中注意一下导航，列表增删改查排序筛选等，细节上不要遗漏预览错误成功提示新内容提醒快捷键等。