设计稿并不只是设计师理想化的视觉页面，同时也需要保证最大化实现设计稿，以下是我在实际工作中总结的一些解决方法：

1、web端项目要提前了解项目背景和周期，在没有成熟规范的项目中，提前询问开发使用的框架（boostrap、miniui、echarts等），根据框架中的规范控件来设计布局；

2、事先考虑到浏览器的兼容版本，太低的版本可能不能实现阴影、圆角等效果；同时考虑设备的尺寸，通屏的设计稿要考虑响应式布局，大小屏下的不同样式要考虑；尽可能减少页面中各种特殊的装饰样式，不仅实现复杂，也会给页面带来负担，同时也会造成对重要信息的干扰；

3、理解适配的原理，有些控件不要给出固定的尺寸大小。如移动端开发过程中，如果你将这个按钮的宽度和高度都标注出来，开发就会将这个按钮的大小写死，如果遇到屏幕较宽的时候，按钮还是固定大小，就会影响视觉效果。所以正确的标注方法是高度固定，宽度给出按钮两边的间距，让整个按钮的宽度自适应,这样不论遇到哪种分辨率的尺寸，都能够保持相同的视觉效果，扩展性极强。同理，图片的尺寸是需要告诉比例的，而不是固定的大小，这样开发才能更好的进行适配，常用的图片比例有3:2、4：3、16：9等；

4、在进行界面布局时，设计师习惯使用理想的信息长度范围使界面样式更美观，但与实际数据相差很大。所以，实现过程中，设计师需要与开发明确信息呈现的最大值，而不是取最小值进行设计；

5、设计中要考虑到多种情况，如按钮的悬浮或者点击、无效形式，可以在一个页面中展现出来，也可以通过设计规范来说明。如下拉展开收起的样式，多个图片滑动的样式等等，不能局限于一个页面的效果；

6、考虑页面功能的可扩展性，项目需求随着项目进行过程中总会有各种大小需求的调整，而设计师在设计过程中尽量考虑到功能的可扩展性，这样一方面给程序员带来便利，也能很大程度提高设计师的工作效率，不至于总因为一个小功能的添加而推到重来或者使页面丑到爆炸；

7、尽量使用通用的字体，少使用特殊字体，对于一些不复杂的图标，可以直接在iconfont中共享一个项目，尽可能减少页面切图中图片的使用，既节流又为设计师避免更多琐碎的麻烦。

最后，也是最重要，设计师要有一颗对项目负责的心，项目前保证对项目目标、时间节点、框架等基本信息的了解；项目中多参与讨论、评估，耐心倾听并致力于解决实际问题，实时跟踪项目进度，对设计负责并更要对设计的实现负责；项目后自主复盘项目，积极与项目经理、开发等其他项目人员多交流总结。