我爱模板

当前位置: 我爱模板网 > 网页设计 > 网页配色教程 > 网页视觉设计的规范性

网页视觉设计的规范性

网页视觉设计的规范性

相信很多从事网页设计的 同学大都在那种一锅端的职能分工模式的地方混过。通常都是产品经理先与设计师沟通,然后全部由一个人完成整个从设计到重构的流程。在这样的环境下会养成一 些不太好的毛病,例如在完成设计稿的时候可以略微粗糙,然后在重构的时候进一步完善(因为有些小细节比较费时,干脆直接在重构的时候调整到位)。那么到了 分工规范的工作环境下,视觉设计师应该怎么样与其他同事合作呢?

 

1.为什么要规范

在合作中拿到不太规范的的文档,我们心理的第一感受就是:这是什么意思?他到底想要什么效果?在工作中我们有时候会没有太多的时间去沟通,最好是拿 到手可以立马开工,完成这个需求,然后立马展开下一个需求。如果我们的PSD文件都是极易看懂、方便编辑的,将会对合作伙伴提供多大的方便?节省多少时 间?

设计是合理的规划
标注清楚的文档会耗费很多时间,就算我们偷懒不注意很多细节,可能重构工程师也能够默默体会,帮我们完成,但这里的问题是:我们是团队完成一个一流的网站,还是自己完成一个二流的站点?文档里的细节反应了你的专业价值以及你对最终产品的掌控。

设计文档应该是世界上最美最有用的东西,如果它规划的不够精细,就会浪费无谓的时间。重构师对于你的PSD的困惑所带来的询问是完全可以避免的,一个需求在开始之前就应该是清楚的,设计师规划得完善所带来的好处是不言而喻的。

想象你自己是一个重构师,当对方给你一个文档来编辑,你发现里面的图层全部都没有命名,这时候你会有多崩溃?更甚于一个相同的模块的边距不一样,导致区域显示会溢出?很幸运你不会碰到这样的问题。
就算你是一个人完成一个项目,能够在混乱之中寻找出解决问题的办法,如果你这样做了,似乎你是节省了一点时间,减少了工作量,但你这样不细致的设计文档给到客户或者产品经理去审查的时候,你期望他们能对你的专业性发表什么样的看法?

你有没有接手过其他设计师的文档继续工作的经历?发现里面缺少字体,图层没有命名,无数个图层蒙版,并且你只有2个小时完成这次修改……就算你能够适应这种方式,但你还是浪费了许多无谓的时间。

 

2.常见问题

需要的文件不在服务器上
截稿期将至,你发现你少了一些文档、图片……你找不到你的合作伙伴,他们突然有急事出去了。
设计师应该将近期项目归档清楚的放在服务器上,在每天下班之前将当天的工作文件上传,以便晚上回家之后有人会用到那些文件。

未命名或者未使用的图层
切图是一个很繁琐的工作,不要让你的合作伙伴去大海捞针,看见成百上千的“图层X”是一件令人头疼的事情。
每新建一个图层就命名好,这比全部做完了再去一一重新命名来得方便得多。

网页视觉设计的规范性

不恰当的文件名称
迷惑了?哪个才是我应该使用的文档?

网页视觉设计的规范性

缺少字体
需要切成图片的字体要修改,你又不在,怎么办?
最好建立统一的字体库,让相关机器都统一安装

以功能来命名
footer_bg.jpg 比 grass.jpg 更容易让人明白是干什么用的

优化图片大小
这是一个老问题了,没人不喜欢加载速度快的网站,即便现在网速越来越快。fireworks压缩出来的图片往往比PS要小很多

捕捉到像素
切图的时候边框外部的透明虚边是相当令人苦恼的,切记在画外框的时候点选“snap to pixers“

涉及到复杂项目的时候,保持你的PSD文件规范显得尤为重要,如何让你的文件清晰易懂,是提高团队工作效率很好的一个方法

推荐继续阅读的文章