020-29815005
预约专线时间:09:00-23:59

网页设计是如何准确还原设计稿的

新闻来源:优漫教育 日期:2021-08-10
身为一个合格的网页重构师,其实基本能力项目有一个:网页还原设计稿。页面和设计稿一点也不差吗?也许有人会想,又不是造原子弹,哪能像素不差啊?
  我想说:细节真的很重要!细节决定成败成败,真可谓失之毫米差之千里,如果你想要打造一个精品项目,真是太可怕了。因此网页设计培训学校前边啰嗦这么多是想让大家多重视页面细节问题,真的要把页面当原子弹来做。下面就和大家分享一下我工作中的一些经验,请多拍砖。

  一、打蛇七寸-视觉规范。

  有时我们从设计师那里得到的设计稿并不一定准确,例如:相同类型的模块标题文字,一个地方是13PX,另一个地方是14PX;一页有多种字体颜色,肉眼看上去相同,但实际得到的色值却不同;每一段的行高不同;相同类型的弹出框有多种尺寸;等等…这种情况,我们不能为了还原设计稿而还原设计稿。


网页设计培训学校


  为降低与设计师沟通的成本,重构师必须督促设计师做好前期全站的视觉规范,将一些公众可以约定的内容以文件的形式写出来,后期严格执行。设计者最好在页面开始制作之前制定视觉规范,这样可以大大降低网页制作后期联调的成本。此外网页制作还可以对模板化的东西前期进行统一规范,如字体、ICON、边框、背景色、间距等做统一的class界面,等后期设计规范固定后有变化的地方调整起来就容易了。


  二、万事俱备,只欠东风——设计稿标注。

  一定要求设计师在设计稿上标注各种间距、宽度、特殊字体、特殊字色、特殊行高等。,这样在页面制作过程中就可以大大提高还原设计稿的准确性,降低与设计师的沟通成本和后期联合调整成本。


  三、工欲善其事,必先利其器-网页标尺工具(FastStoneCapture)

  航行指南针,医生用的温度计,木匠用的卷尺…许多职业都有自己专用的测量仪器,那么我们在制作页面时必然也要测量间距,宽度,高度,颜色等数据,那么页面制作是否也应该有专业的页面精确测量工具呢?这里有一个可以准确测量网页的软件想和大家分享一下,软件名是FastStoneCapture,记得是去年一位同事推荐给我的,当时只是想找一个可以截屏的小软件,现在我想找一个可以专门用来测量网页的软件,没想到它还能排上用场——软件虽然小,但五脏俱全。