优界网

首页 > 产品经理 > 设计师和美工之间的合作的几个诀窍

设计师和美工之间的合作的几个诀窍

22

0

0

2015-05-14 18:33:40

萤火

分享一下,又不会怀孕!

本作品为转载作品,版权为作品原作者所有,感谢上传者的分享!

随着网页设计领域的开放,越来越多的设计人员技术知识非常有限,开发一个网站似乎成了一件非常可怕的事情。特别是初次与某个美工合作时更是困难重重。这篇文章将给大家提供一些合作的基本窍门,帮助你与美工完美协作。这里假设大家使用Photoshop,不过不管你使用什么设计工具,以下基本原则都适用。

1.制定一个统一的计划

俗话说”计划失败一切失败” ,网站的设计和开发也是如此。创建一个成功的网站,策略是必备的,但更为重要的是要确保美工明白你的期望。 避免这个交流不畅的一个有效方法就是在设计开始前让美工先预览你的设计框架。

这是一个非常重要的阶段,可以问美工下面的问题: “我们的预算里可以有这个吗?” 或者”你觉的……会成问题吗?”

2. 提交完善的网页设计模型

启动Photoshop开始设计之前,要注意一些图形元素。

网格系统

为了确保网站能与所有的解析兼容,使用960px网格系统可以避免在不同的显示器下网站出现问题。另外,使用网格系统也将给你和美工提供参考,确保你的设计能完美地对齐。使用网格化布局是实现完美设计的最简单最佳方法,它也为你简化了设计流程,因为大量的猜测和调整都从工作流程中消失了。

规划网站发展和变化规模

这里要注意的一点是,你的网站一旦上线后,其整体布局将非常难改变。无论是客户有额外的内容需要添加还是网站进入到下一个开发阶段,一定要对你的网站将会发展到什么样的规模有一个明确的概念。

如果要添加五个段落的文章,你的布局会受到什么样的影响?你的导航能否允许添加更多的页面?在开始与美工工作时,你就需要先确认好这些问题。

有序组织管理图样

关于PS文档一定要组织完善这一点,有很多东西可以说。清晰并有条理地管理你的文档,这样美工能够轻松地找出和分解你的设计。可以通过与网站内容相关的命名来分类管理你的文档。例如,你可能想将设计元素分解为头部(header)、主要内容区(main content area)、底部(footer)和侧边栏(sidebar)等。或者以其他逻辑方式来给你的图形分组。

此外,一个组织有序的PS文档,分隔各个元素时尽可能依据图层来处理,否则美工想要单独使用某个设计时却发现它是与另一些元素融合一起的,这会让美工相当头疼。

这样做看起来没什么,但是你会发现它将为你省下多少宝贵的开发时间。

还要说明一下,确保给美工提供网站一旦上线时所有可能需要用到的图像和链接设计。包括导航系统的不同状态 (正常状态和游离状态)、界面按钮,如行动召唤按钮(Call to Action buttons )等。

3. 深入了解用户界面功能

当设计那些有特殊效果和功能的元素时,花一点时间去找些例子和文献资料向美工阐述清楚你的想法。

如果你呈现给美工的是静态图片没有任何标记,美工很可能不会注意到而没有到达你所期望的效果。花点时间去搜寻一下你要达到什么样的效果,现在网上有很多关于各种特殊效果和功能这方面的文档、样例以及教程。我相信你会有很多意想不到的收获,至少你也可以受到一点启发。

4. 给出反馈意见

开发人员写完设计代码后,还需要你和客户提出一些修改意见帮助修改。很少有人不经过尝试就可以成功的,现在你的一项任务就是整理出一个明确的修改建议。修改意见应尽可能的具体详细,避免含糊不清。对修改的次数和版本做记录,方便你和开发人员对版本的控制 。

总结

花时间精心管理你的文件最终被证明是值得的,作为一个设计师,如果在网站开发上还算是新手,应该抓住所有学习新事物的机会。有问题,你可以向程序开发人员咨询,从自己的错误中吸取教训,确保下一个项目能够如期的完工,设计能如你所计划的样子。

原文: Collaboration Tips for Designers Working with Developers

已有0人赞过

+1赞

认真评论的都成大咖了

还可输入1000个字

我要评论 我要评论
  • 刚刚
  • 登录优界网 ×