具体而言从试题而言，为什么不是100%设计稿还原成？只不过100%是两个平庸的状况，有很大一小部分设计师是要学“网页解构”的，许多这时候设计师在做设计的这时候，会着重于考量听觉不利因素，同时实现生产成本考量的不会特别细细直面这些设计技术细节，应用程序相容、开发周期性、前台数据循环式不利因素之类单厢影响到设计稿的还原成效用，我们能做的就是尽量的还原成设计稿，无穷吻合100%还原成，而不是崇尚100%的还原成效用。

具体而言从试题而言，为什么不是100%设计稿还原成？只不过100%是两个平庸的状况，有很大一小部分设计师是要学“网页解构”的，许多这时候设计师在做设计的这时候，会着重于考量听觉不利因素，同时实现生产成本考量的不会特别细细直面这些设计技术细节，应用程序相容、开发周期性工业外观设计音响系统产品品外观设计、前台数据循环式不利因素之类单厢影响到设计稿的还原成效用，我们能做的就是尽量的还原成设计稿，无穷吻合100%还原成，而不是崇尚100%的还原成效用。

可能有些人能不服，我就要100%还原成，因此OK，ps中和应用程序中相同字体显示效用不一样，你怎么办？难道文本也全切成图吗？因此在大部分“网页解构”的这时候，最负责任的做法是，在考量可用性、合理性的前提下尽量的同时实现设计稿99.9%的还原成。

解构的工作并不是后端技师两个人的工作，还要包涵与设计师、前台技师（php等）以及产品之间的沟通，中间很可能会涉及到设计图的修改　　上边从几个方面聊聊网页解构中的一些难题：　　1，网页长度难题　　主要文本部分，目前主要外观设计音响系统产品的分辨率一般都在96工业品外观设计

　　2，塞雷县难题　　两个原来的按键，带着一圈塞雷县那个难题也是在解构中时常看到的事情，虽然那个在写网页的这时候可以很轻易的避开那个难题，但是不是看着很不爽？看下图：　　正常边给人的觉得整齐干净，塞雷县显得边缘模糊不清，并且容易造成按键高度不明确。

倘若是乳白色按键须要切图的这时候，还会造成图片体积变大，因此那个难题应当防止　　3，渐变模式　　有些设计图中，某一原素比如某一按键，须要切png乳白色图片，但是这工业品外观设计个按键居然跟左上方是片头叠底或者颜色叠加。

每当我碰到那个难题的这时候会有一股想自杀的冲动，因此为了世界和平，那个难题一定要防止　　4，渐变镜像　　网页解构外观设计音响系统产品的这类这时候须要选择这类渐变进行终端，结果一动发现坏了，好多其它的原素跟着刷刷终端，瞬间觉得无力，默默的两个个中止渐变镜像。

不须要的渐变镜像，能中止就中止吧　　5，这类图片的体积　　比如在这类列表中，纯文字的体积，时常会碰到119*73之类奇怪的体积只不过这种最好是用整数：120*80等，对网页的单点化、响应式以及前台裁大敌当前图等都有很大的好处。

6，渐变命名和文件夹　　那个只不过跟试题关系不大，但这里要提一下举个例子：　　你喜欢哪个？不用说了吧…　　7，残花的边距和充填　　同工业品外观设计级别的组件，从听觉及文本上都属于同一类型，但上上边距两个20px两个27px，左右充填两个10px两个7px，这种外观设计音响系统产品难题跟“1.网页长度难题”类似，都属于低级别难题。

　　8，须要运营的文本文本使用特殊字体　　那个请google一下网络安全字体，中文的安全字体少的可怜，放过非设计师的网页使用者吧　　9，不做极限设计　　倘若要设计两个按键，放在某一比较小的组件里，因此请考量一下按键包涵的字数最长的情况下是怎样的。

再比如两个类似博客名片的东西的简介，设计图中做了30个字，因此请考量下100个字的情况倘若须要做截字，请规定多少字或者T5670开始截，不要让后端去猜　　以上难题都是设计师时常碰到的一小部分难题，并不是全部，下工业品外观设计边说说后端这边的。

1，用A12说话而不是自己猜测　　许多后端自诩画素眼，一眼就知道某一组件外观设计音响系统产品的边距是多少，字体有多大那个一般难题不大，但有些这时候差一两个画素你不一定看的出来凡是涉及到体积难题，一律A12　　2，css3圆角还是切图圆角？css3投影还是切图投影？。

　　在碰到这种纠结的这时候，请联系设计师以及产品经理，讲明两种方式的优劣，那个难题可延展到其它类似css3同时实现效用的难题　　3，各种长度写死，各种切大图啪啪啪　　工业品外观设计考量的情况越多，自适应性越强，你的代码越健壮。

　　4，字体难题　　同样，以上难题也只是众多难题中的一小部分，以后想到的话也会逐渐补充进去。解决各种难题最好的办法是：多沟通。　　1　　8　　分享到：　　0　　喜欢他，就推荐他上首页吧^_^