设为首页 加入收藏

手机版 郑州清新教育-郑州电脑设计培训学校典范,专业课程包括:室内家装建筑装饰设计培训学习班,平面广告网页美工动漫设计培训,淘宝开店美工运营推广网站手机开发培训等课程
郑州清新教育电话

当前位置:首页 > 网页美工设计

网页美工设计

网页设计制作是如何精确还原设计稿的

编辑: 时间:2016-04-16 14:42:02

   作为一名合格的页面重构者,其实基础能力项有一条:网页还原设计稿。

  你能做到页面与设计稿丝毫不差吗?

  有人可能会想,又不是造原子弹,哪能一像素不差啊?

  我想说: 细节真的很重要!细节决定成败,真可谓失之毫米差之千里,如果你是想打造一个精品项目真的有那么可怕。所以在前面啰嗦那么多是想大家多重视页面细节问题,真的要把页面当原子弹来做。这里分享一下我工作中的一点经验吧,请多多拍砖。

  第一步:打蛇打七寸——视觉规范

  有时候我们从设计师那里拿到的设计稿不一定是精确无误的,例如:同一类的模块标题文字,一个地方是13PX,另外一个地方是14PX;一个页面有多种字体颜色肉眼看起来一样却实际取到的色值不一样;每个段落的行高不一样;同一类型的弹出框多种尺寸;等等…… 这样的情况,我们不能为了还原设计稿而还原设计稿。

  为了减少与设计师沟通上的成本,重构师不得不督促设计师做前期整站的视觉规范,把一些公共能约定的内容以文档的形式写明,后期严格执行起来。

  设计师最好是在页面开始制作前定好视觉规范,这样可以大大减少页面制作后期联调的成本。另外页面制作可以对模板化的东西前期做统一的规范,如字体、ICON、边框、背景色、间距等做统一的class接口,等后期设计规范固定下来后有变动的地方调起来就很容易了。

  第二步:万事俱备,只欠东风——设计稿标注

  务必要求设计师在设计稿上对各种间距、宽度、特殊字体、特殊字色、特殊行高等等进行标注,这样在页面制作的时候不用去重新量取也大大加强了还原设计稿的准确度,更减少了与设计师的沟通成本和后期联调成本。

  第三步:工欲善其事,必先利其器——网页标尺工具(FastStone Capture)

  航海用的指南针、医生用的体温计、木匠用的卷尺……很多职业都有它专用的测量仪器,那么我们在制作页面的时候势必也要测量间距、宽度、高度、颜色……等等数据,那么页面制作是不是也应该有一个专业的页面精确测量的工具呢?

  这里有一款可以精确测量网页的软件想分享给大家,软件名是 FastStone Capture,记得是一同事去年推荐给我的,当时只是为了找一款可以截屏的小软件,而今我想找一款可以专门用来测量网页的软件的时候,想不到它还能排上用场——软件虽小,却五脏俱全。

求学问答专业答复,快速响应
电话:0371-63218905
手机:13613841515
QQ:
有问题需要老师在线解答? 立即提问 马上回复
更多 热门课程排行榜
郑州清新教育电脑学校

室内家装设计知识平面广告设计知识网页美工设计知识

模具机械设计知识电脑办公文秘知识游戏动漫设计知识

郑州清新教育电脑学校

清新教育新闻资讯清新教育报班选课清新教育就业服务

关于清新教育联系清新教育清新教育乘车路线

关于我们 版权所有:郑州清新教育(www.qingxinedu.cn)备案号:豫ICP备11011661号