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

2016-02-20 00:24 14 1 收藏

今天图老师小编给大家展示的是网页制作理论:精确还原设计稿，精心挑选的内容希望大家多多支持、多多分享，喜欢就赶紧get哦！

【 tulaoshi.com - Web开发】

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

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

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

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

来源:http://www.tulaoshi.com/n/20160220/1631797.html

上一篇：最新情侣图案分组设计_任何人都会有小情绪
下一篇：非主流经典好友分组图案

看过《网页制作理论:精确还原设计稿》的人还看了以下文章更多>>

怎样设计网页？怎样制作网页？

标签： Web开发

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓功夫在诗外，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计...

win7系统怎么还原win7系统还原设置方法

标签：电脑入门

系统出错了怎么办，难道只能重新安装系统吗，其实我们可以采取系统还原功能，本教程就为大家介绍一下win7系统中的还原功能，下面一起来看看具体操作吧。工具原料 windows7 步骤方法右键点击桌面上的图标，选择属性，打开窗口在窗口的左侧窗格中，选择选项卡在对话框中选中需要开启还原点设置的驱动器，单击按钮如果想打开...

【设计基础理论】平面设计理论之设计意念

标签： PS PS教程

1.直接展示法这是一种最常见的运用十分广泛的表现手法。它将某产品或主题直接如实地展示在广告版面上，充分运用摄影或绘画等技巧的写实表现能力。细臻刻划和着力渲染产品的质感、形态和功能用途，将产品精美的质地引人入胜地呈现出来，给人以逼真的现实感，使消费者对所宣传的产品产生一种亲切感和信任感。这种手法由于直接...

让这些数学理论来为你网页设计撑腰

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

古老的数学原理已经存在了成百上千年，但是依然能够帮助我们提高设计水平，你相信吗?这些数学原理经得起时间的检验，能够在构图上给予我们指导，帮助我们构建更加和谐的视觉效果。你可能在设计中曾经用到过数学原理，也可能没有。无论如何，数学规律适用于各种设计，从印刷设计再到网页设计。因此理解这些数学的原理，就能让你的设计更加的好...

Dreamweaver网页设计制作技巧

标签： Web开发

1、灵活运用样式熟悉网页设计的网友就知道，调用Style的方法很多，我们可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。比如用Custon Style来调用Style标准，在网页代码中就生成一个〈span〉标签，这样...

查看更多精彩>>