日志分类 > 前端开发
标注前端设计稿的UI规格
发布时间：2012-11-30 发布： 分类：前端开发
当前端工程师拿到一个设计稿，如：
通常希望设计师在设计稿上标注必要的UI规格，设计师从视觉的角度，通常会这么标：
这样的标注其实对前端工程师帮助不大，还要再进一步翻译成更合理的（如下图）。所以为什么web设计师要通晓CSS，并不是让设计师写CSS，而是理解UI的显示原理，才能产出更合理的设计。如果设计师能直接这么标注，开发起来就太舒服了。
框框标出的是对象。
1、第三张图出来，html结构也就出来了
2、注意第三张图的框不是随意画的，是在行高1.5的前提下真实的边缘
3、本例设计师在理解line-height，盒模型，collapsing margin，浮动的情况下，设计时留白才能合理
4、设计师的设计思路和工程师的开发思路是一致的
5、设计师和工程师考虑的都是：结构＋内容＋样式
如果能够保持同一思路，即按同一模式设计和开发，那么整体效率和质量都可以得到很大提升。
这一点整个团队达成一致后，才能开展模块化设计和开发。
查看 [4123] 评论 [0]
相关标签：
网页设计
视觉设计
终端
布局
界面
用户研究
灵感突破
文章评论
暂无数据！
我来说两句
最新评论