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

先泩祢被淘汰了

先泩祢被淘汰了

2016-02-20 00:24

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

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

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

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

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

猜你喜欢

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

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

还原设计稿进行页面制作的流程和注意事项

Web开发
还原设计稿进行页面制作的流程和注意事项

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

怎样在ps中制作网页设计稿

网页设计 PS基础 ps平面设计教程
怎样在ps中制作网页设计稿

网页细节教程:WEB设计精确点滴

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
网页细节教程:WEB设计精确点滴

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

如何让开发人员按照UI标注还原设计

平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计
如何让开发人员按照UI标注还原设计

PS入门教程:实战网页设计稿

PS基础 PS抠图
PS入门教程:实战网页设计稿

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

最新情侣图案分组设计_任何人都会有小情绪

最新情侣图案分组设计_任何人都会有小情绪

非主流经典好友分组图案

非主流经典好友分组图案
下拉加载更多内容 ↓