快好知 kuaihz

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

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

1.制定一个统一的计划

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

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

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

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

网格系统

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

规划网站发展和变化规模

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

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

有序组织管理图样

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

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

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

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

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

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

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

4. 给出反馈意见

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:美工  美工词条  诀窍  诀窍词条  设计师  设计师词条  之间  之间词条  合作  合作词条  
设计

 译文|Touch bar 完全设...

日前苹果发布会上,最大的亮点之一当属替代一栏功能键的Touch bar。本文包括有5个小节,详细介绍了Touch bar设计原则、新特性和基本元素Touch b...(展开)

设计

 支付系统架构设计(上)

本文描述的支付系统作为整个电商系统的一部分,也可以作为独立的支付系统对接多个前端业务系统。各公司应根据自身业务发展和规划进行取舍,不可照搬。综述支付是任何商业模...(展开)