前端开发与视觉大师在页面表现上的思维差异（持续更新中...）

思维差异

一，页面大标题能不能和背景融合

• 视觉大大为了能作出酷炫的页面效果，想把大标题融合到背景中，像这样
  
  但是前端就灾难了，大小不一的手机尺寸有几十种，高度从五六百，到一两千的都有，很难做到适配。
  如何适配呢，
• 方案一：做个适中的背景图，做拉伸处理，可以适配所有机型，但是标题等主要元素拉伸后，就不能看了，适合渐变色等简单的背景图。
• 方案二：做一个7501624的长图，把主要内容放在一个安全区域（中间部分，尺寸为6161092），上下非安全区域放一些辅助性的，不重要的元素。

二，psd里采用透视方法做效果

• 视觉大大一般会采用透视，简单直接的作出酷炫效果。但是对前端而言，如果要把分离出来，做成png切图就悲剧了。不仅效果丢失，而且变的相当难看。
• 处理方案一：前端把透视效果去掉，一般不建议，因为丢了效果不美观。
• 处理方案二：请视觉大大重新做效果，这个对视觉来说难度挺大的，因为用其他方式模拟透视效果。

三，删除某一功能

• 在视觉里，可能删除一个图片，或者一个图层就能实现，
• 但是在前端，可能关联的东西就多了，各种参数要考虑，封装的函数要修改，
• 而且很多时候，不知道动了那个地方，就报一个bug，然后还不知道原因
• 所以越复杂的代码，修改的风险就越大。

四，在小标题文字上做效果

• 比如锐利，平滑等效果，
• 字体还选择那种稍微有一点点粗的。
• 前端就悲剧了啊，引入一个字体文件吧，太大不划算
• 做成图片吧，明明是文字标题，太浪费
• 不加粗吧，又太细，加粗吧又太粗，反正就是不美观，不能百分百还原设计效果
• 处理方案一：要么设计做微软雅黑，不带效果的字体标题
• 处理方案二：要么就稍微设计漂亮一点，前端做出图片