网页制作理论:精确还原设计稿

2024-07-11 09:03:27

字体：大中小

来源：转载

供稿：网友

武林网(www.vevb.com)文章简介：网页制作理论:精确还原设计稿.

这两天接到新的任务，从负责设计的小猪手里拿到设计稿，虽然她一再强调这次一定不会出现这样或者那样的误差，按照以往的惯例，还是打开psd文件，“ctrl+R”打开标尺“ ctrl+;”调出辅助线。页面宽度959px...无语，虽然只有1像素，但还是很想发飙....我没想过要完美的设计稿，细致的标注，严格的视觉规范的文档，起码页面的整体宽度，相同模块的尺寸，段落的间距要丝毫不差。别的设计我不了解，但是网页设计，不应该只是感性的即兴发挥，应该是感性的思维加上理想的细致，原因只有一点它不是简单的以图片形式呈现。

  想做出精确无误的网页，设计者和网页重构者的协调至关重要。当然如果自己设计自己做，就另当别论了，那样的话大部分数据譬如：页面宽度、边栏宽度、版块间距、段落间距、同类标题的字体大小、颜色等等大都了然于心，所以很少存在不协调不统一的问题。

  所以，当我们面对形形色色的设计稿，我自己问设计者最多也是唯一的问题是：是就要这种效果，还是做时候出现的误差。然后就是老老实实的来实现重构，即使有再多的圆角，不规则的渐变背景和边框，令人纠结的png透明....我们都没理由抱怨或者返回去叫人家修改。我们没理由因为实现起来困难而试图改变设计者的创意。

  越是让人纠结的设计稿，越不能草率的就开干...大学里面没学到什么东西，但是还记得辅导员的一句话，做任何事都要谋定而后动。我想这句话用在这再合适不过了。拿到设计稿，详细了解整体布局，对整体框架有个认识，拉出辅助线，每个模块不能有1像素的出入，找出相同的样式，字体、段落、链接等等，这些对于写出规范的结构和css文档都是必不可少的。
个人浅见，老鸟略过。

上一篇：CSS3中很有用的特性:CSS阴影

下一篇：CSS教程:li标记在IE下产生间距

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注