嗨, 大家好: 网站在新年后正式开通,欢迎大家加入我们,共同维护一个良好氛围的中国技术社区。 欢迎举报不良帖子,欢迎提供建议。
我们的QQ群:136102234,欢迎进群找答案,里边会有很多资深的大师们。 point overflow

来源segmentfault.com

我是一个入门的前端,最近遇到个困惑。就是做出来的也页面老是被批跟美工图有差距,为什么我照着美工图量的,做出不来和美工图一样的感觉呢?ps我也会,感觉在ps随便改很舒服,为什么html代码就这么难调呢?按美工图尺寸来,看着就是不对。看着对了,尺寸又变了。这是为什么?_?为什么永远量不准的感觉?

提问了 2016-03-21 16:08:36

jkant's gravatar image

jkant ♦♦
11131137138
采纳率: 3%


别着急,做到高保真还原是可以的,但也不得不说有些所谓UI尺寸可以搞成14.1px 16.3px 这就没必要了,甚至UI图本身都是有各种不对齐,PS分组各种乱,然后你就是各种纠结是正常的,很多UI连基本的UI素养都没有,还不如一个平面美工,

如果上述状况都不存在可以做好以下工作:
PC端:样式可以先reset.css,然后效果图字体多少尺寸就是多少,图片或边框要注意哪些是不是要做成响应式的

移动端: 同上,字体单位建议用rem,rem是相对于根元素html做字体设置,不容易受继承干扰

总结:不要认为UI图是一定对的,如果一旦确定是合理的就按上述步骤来没问题的

永久链接

已回答 2016-03-21 16:09:25

admin's gravatar image

admin
11245
采纳率: 100%

你的回答
切换预览

关注这个问题

邮件:

登录之后,你可以在这里订阅任何更新。

RSS:

回答

回答和评论

Markdown基本语法

  • *italic* or _italic_
  • **bold** or __bold__
  • 链接:[文本](http://url.com/ "标题")
  • 图片?![alt 文本](/path/img.jpg "标题")
  • 编号列表: 1. Foo 2. Bar
  • 如果想要换行,只需要在前一行结尾处插入2个空格即可。
  • 支持基本HTML标记

问题标签:

×1
×1

已提出的问题: 2016-03-21 16:08:36

问题浏览量: 514 次

最后更新: 2016-03-21 16:09:25

相关问题