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

来源segmentfault.com

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

asked 2016-03-21 16:08:36

jkant's gravatar image

jkant ♦♦
11133138139
accept rate: 3%


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

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

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

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

link

answered 2016-03-21 16:09:25

admin's gravatar image

admin
11245
accept rate: 100%

Your answer
toggle preview

Follow this question

By Email:

Once you sign in you will be able to subscribe for any updates here

By RSS:

Answers

Answers and Comments

Markdown Basics

  • *italic* or _italic_
  • **bold** or __bold__
  • link:[text](http://url.com/ "Title")
  • image?![alt text](/path/img.jpg "Title")
  • numbered list: 1. Foo 2. Bar
  • to add a line break simply add two spaces to where you would like the new line to be.
  • basic HTML tags are also supported

Tags:

×1
×1

Asked: 2016-03-21 16:08:36

Seen: 598 times

Last updated: 2016-03-21 16:09:25

Related questions