设计师及其在移动应用程序开发中的作用
众所周知，设计在移动应用程序的设计和开发中起着非常重要的作用。 每个设计师都有自己的方法，方法和工具来处理应用程序。 进一步开发的速度取决于设计师将在哪个平台上工作以及如何将完成的材料呈现给项目团队。
项目团队经常更改并不是什么秘密。 今天，一个人正在从事这个项目，明天，一个完全不同的人已经在工作。 因此，移动应用程序的设计不仅是绘制精美的图片，而且还包括高质量的传输材料，向其他人展示应用程序应如何工作。
在本文中，我想根据自己在开发移动应用程序方面的经验，谈谈开发人员与设计师之间的互动，以及对项目的期望和残酷的现实。 我希望本文能使许多新设计师思考他们的工作，并帮助开发人员应对一些困难的情况。
设计师如何使开发人员的生活更轻松？
因此，设计师无论其个人简介和工作重点如何，都有许多工具可以用来绘制对他的要求。 仅绘制移动应用程序的屏幕是不够的。 这既不是网站也不是Web应用程序。 此类数字产品具有必须遵守的更严格的规则。 已为IOS和Android平台创建了单独的指南（请参见“有用的链接”部分）。
所有这一切都是有原因的。 如果插图画家或只是网页设计师突然决定加入移动团队，可以肯定地说他将相对较差地交付该项目。 即使在他看来，他所做的一切都很棒，但进一步的发展可能会得出相反的结论。
当前，这种情况使得开发人员（如设计师）拥有许多特定的工具和指南。 他们不仅不想钻研设计工具-他们只是没有时间。 设计师刚刚通过了工作，项目经理和客户已经要求开发人员提供结果。 在这种情况下，设计师可以提供什么帮助？ 他如何节省开发人员时间？ 一切都非常简单-您不仅需要选择正确的工具来绘制项目，还需要与开发团队进行后续工作。
在许多彼此不同的团队中工作了几年之后，我意识到设计如何影响团队的开发速度和舒适的工作。 因此，现在，在进行设计开发之前，我会检查其是否符合某些标准和规则。
设计师是团队的一员
这些不仅仅是悲哀的话。 在将应用程序放入商店之前，设计师应该成为团队的一部分，与同事保持不断的沟通，澄清问题并快速响应开发人员的请求。 他在团队中的最短任期是直到MVP首次交付。
正如实践所示，设计师并非总是以高质量的方式给出其布局，并且随着进一步的发展，出现了一些缺陷，例如，未绘制空白屏幕或某些元素状态，不正确地切割元素块，缺少某些资源。 客户也想添加一些东西。
设计师必须完成他的工作，如果他现在在团队中是很好的，那么可以快速进行更改。 否则，他必须保持联系，以便项目和团队在UI / UX的操作更改方面不会遇到问题。
开发人员不应该了解在什么程序中绘制了项目。 文件应该容易打开
如上所述，开发人员现在必须进行大量研究，以至于根本没有时间了解图形编辑器。 因此，设计人员不应在Photoshop / Illustrator中绘制元素，而应在* .psd / *。ai文件中捐赠布局。 这样的文件很重，需要安装Adobe软件包。 即使这没有特殊作用，也根本没有时间研究这些编辑器。
开发人员只希望选择元素并查看如何排版，而不希望了解一个巨大文件的层结构。 现在有许多用于渲染移动应用程序的图形编辑器：Sketch，Figma和其他。 通常，有很多选择。 设计人员如何为前端呈现可点击的原型和“实时屏幕”将取决于所选的编辑器。
如果设计人员选择了Figma，则可以独立下载“实时”屏幕，可点击的原型，用户故事，屏幕过渡，字体系列和颜色，资源，所有这些都可以放在一个地方。 设计更改立即可见。 像许多服务一样，Figma也有其缺点。 但这仅仅是一个不错的选择，即使仅仅是因为该编辑器不需要安装特殊软件也是如此。 您只需要单击项目的链接。 最主要的是拥有互联网。
素描也是一个不错的选择。 如果开发团队已经在使用该工具，则设计师可以使用Zeplin或InVision等原型工具。 这些程序不需要深入研究工具。
设计人员必须了解不同平台及其差异的准则
设计师经常在不了解准则，混合样式或创建非标准元素的情况下绘制项目，却在考虑屏幕的美感。 在Dribbble和Behance上有很多这样的例子。 客户不了解这些细微差别，因此同意布局。 当涉及到开发时，事情就停止了。 设计人员不想重做错误的工作。 客户只需要他批准的这种屏幕或效果，但不能做到。
因此，设计师了解什么以及如何绘制非常重要。
资源资源
与设计师互动时，这是最痛苦的问题。 通常，设计人员不会砍掉资源。 在大多数情况下，他们认为：不需要这样做； 它漫长而单调，如果开发人员需要，他会自己剪掉所有内容，或者您可以重置* .svg; 他们不知道到底要切什么尺寸，什么尺寸。
但是，如果您从开发人员的角度来看，解决此问题将大大减少工作时间。 只要查看原型上资源的名称并在资源文件夹中找到它就足够了，就是这样，他继续排版。 而且，如果您认为开发人员需要自己削减资源？ 它应该在屏幕上完全突出显示所需的项目，找到导出内容，指定大小和路径。
看来这是一项快速的工作。 但是有很多因素，并且浪费了很多时间。 同样，布局并不总是放弃完美的条件。 设计人员并不总是将所有内容都考虑在内。 此外，原型工具在导出时可能无法正常工作。
为了选择要切片的元素，开发人员有时仅选择元素的一部分或紧贴背景（应该是透明的）。 因此，设计人员不仅要削减资源，还要使用正确的尺寸，这是很好的选择。
带有屏幕说明的TK
如果应用程序由少量屏幕组成，并且一目了然就可以清楚地知道它是如何工作的，那就太好了。 如果应用程序具有大量屏幕，并且原型无法提供完整的操作画面，或者应用程序是应客户要求进行更改后成长的，则所有屏幕的技术说明，该屏幕上的每个元素及其状态都可以节省情况。
如上所述，项目团队成员经常更换。 没有人想和新手搞混。 也许同事会做一个简短的评论，并删除指向设计师发布的所有资源的链接，仅此而已。 期望开发人员开始全面了解应用程序的功能。 大多数情况下，没有传统知识可以解释这一点，因为设计人员不知道这是必需的，还是不想这样做。 结果如何？ 工作停止了。 一个新的团队成员不了解它的功能和作用，半强度地工作，却浪费了团队时间。
如果以上都不是，但是需要工作怎么办？
碰巧的是，所有上述要求在我的一个项目中成为强制性的。
该项目与房地产租赁相关，并且是针对两个平台开发的：IOS和Android。 开发过程像其他任何事情一样开始。 后来发现，设计师并不完全精通移动应用程序。 他不知道什么向导。 透明元素参与了设计，字体仅用于一个平台。 可以将着色描述为使用“ 50个灰色阴影”。
给我一个* .psd文件。 似乎没有错。 这样的文件由许多设计师移交。 但是我必须安装Adobe软件包才能查看布局。 该文件非常“沉重”，打开了大约10分钟，并非所有屏幕都是在工作区上单独绘制的。 它们是一层层叠在一起的，为了查看一个屏幕，您必须关闭所有其他屏幕。 由于我没有使用该软件包的丰富经验，因此我认为Avocode是处理设计材料的工具。 当然，该程序不是完美的，但是从字面上救了我。
可点击的原型已通过InVision转移给我。 请注意，只是可点击的原型，没有实时屏幕。
结论：
我期望从设计师那里得到什么：
- 可点击的原型和实时屏幕（InVision，Zeplin或Figma）
- 修改过的传统知识，并描述了屏幕的操作
- 带有过渡的地图屏幕
- 用户故事
- 大小为1，@ 2，@ 3的切碎资源
- 字型
从以上所有内容中，我只收到了一个可点击的原型和一个* psd文件。
该项目已完成并上传到商店。 但是为了获得这个结果，我的团队经历了七个地狱之路，或者说他们遇到了一些困难。
许多人会不同意说提供的材料就足够了。 但是，我们谈论的是专业精神以及从开发人员的角度看情况。 毕竟，移动应用程序设计师不仅是艺术家。 这是从事复杂项目的团队的成员。 他应该做好自己的工作，因为对他来说，这不是项目工作的结束，而对于团队来说，这仅仅是开始。
谢谢大家的关注和成功的项目！
有用的链接：
iOS指南Android指南遗留移动项目的开发问题菲格玛草绘