我一直在主要实施 Web 和桌面应用程序,这是我第一次真正开始在一个供公众使用的网站上与平面设计师合作。在这种情况下,平面设计师不是在做 HTML + CSS,而是使用 Photoshop。
通常会提供什么样的材料作为最终结果,以便实际实施设计?
例如,我应该得到的不仅仅是 PSD 文件吗?不同的状态(如链接悬停、活动状态等)或响应式设计怎么样?我期待太多技术细节吗?
任何帮助表示赞赏。
我一直在主要实施 Web 和桌面应用程序,这是我第一次真正开始在一个供公众使用的网站上与平面设计师合作。在这种情况下,平面设计师不是在做 HTML + CSS,而是使用 Photoshop。
通常会提供什么样的材料作为最终结果,以便实际实施设计?
例如,我应该得到的不仅仅是 PSD 文件吗?不同的状态(如链接悬停、活动状态等)或响应式设计怎么样?我期待太多技术细节吗?
任何帮助表示赞赏。
通常将模型交给开发人员以了解要做什么。根据工作流程,这可以从 PSD 文件到纯平面图像不等。根据我的经验,交出包含所有尺寸、字体大小和颜色以及全套切片和使用图像的平面模型。基本上完成项目所需的一切。但这真的取决于工作流程。如果站点主要使用 CSS 完成,则需要其他信息(渐变值、阴影值、图像裁剪预设)。
应始终涵盖按钮状态。根据它们的制作方式(纯 CSS 或切片),您应该提供所有颜色、半径和大小或切片本身。
响应式设计有点不同。设计视图仅仅是开始。开发人员还需要知道当网站逐渐“缩小”时元素应该如何表现。如果显示的选项较少,菜单将如何表现?仅在完整 Web 视图中的列表元素可以在移动视图中显着改变屏幕。所有悬停元素会发生什么(不能在移动视图中使用它们)?
@KMSTR 的答案是 80% 的解决方案,但如果您的设计师是真正的专业人士,他/她将具体说明小细节,例如何时应该发生过渡动画或应该加载什么顺序 DOM 元素。
如果您的设计师在前 20% 中,请索要一些 UX 用户流程和线框,或者如果他们特别有才华,请使用 After Effects 或 Flash 制作的原型。理想情况下,它们不会留下任何未指定的方面。
这一切都取决于您与平面设计师达成的协议。
一些平面设计师除了 PhotoShop 什么都不知道,如果您要求的不是大型 PSD 文件,他们就会迷失方向。
一些平面设计师精通 HTML、CSS 和 JS,可以为您构建整个东西。
然后是介于两者之间的一切。
我建议您倾向于后者,因为了解媒体的网页设计师将产生比前者更具前瞻性、响应性、与浏览器无关且灵活的设计,但前者可以工作太久UI 开发人员与 UI 设计人员密切合作。
您应该预先说明预期的内容。
我完全有能力提供 psd 文件、html/css 页面,甚至是完全动态的 jquery/php/mysql 页面。交付的内容取决于请求的内容。
如果开发人员只想要一个 psd,那么这就是我提供的全部内容,创建页面是他们的工作。如果不需要它们,我永远不会费心构建页面。
我有一些客户依赖我提供功能齐全的页面,这些页面可以放入现有的网站。
我有一些客户的开发人员拒绝使用发送给他们的任何代码并坚持自己编写所有代码,因此我提供了 psd 文件。
你的问题没有可靠的答案。这是在工作开始之前达成一致的问题。