android - 要求图形团队设计 Android 应用程序 UI 时的最佳实践

Question

我不确定这在 Android 中是否可行，它在各种设备上支持多种外形规范。这是我们通常面临的最痛苦的场景之一。

场景:设计团队为应用程序创建 UI 图形，其中包含所有 UI 小部件及其位置预定义，如按钮、编辑文本等。这是我们需要在应用程序中使用的 UI。

问题:无法链接 UI 小部件，例如在图像上提交的实际位置上的提交按钮。有没有办法将它们联系起来？它适用于所有外形规范吗？

当前的解决方案:使用布局从头开始重新创建整个 UI 及其所有组件。

据我所知，在 iOS 中，实际上可以将小部件放在具有透明背景的顶部，并且开箱即用。这是可能的，因为您可以使用 x 和 y 的绝对值。

--编辑--

我想从上面的描述中不是很清楚。问题不在于使用哪种 Android 布局，因为这实质上意味着使用 LinearLayout 或 RelativeLayout 的组件从头开始创建布局。

真正的问题是，当我们收到设计师的 UI 设计时，他们对 Android 或其平台除了标准屏幕分辨率(比如 480X800)一无所知，我们应该给他们什么建议？诸如给我一个将所有组件作为层的设计，然后可以从头开始将其提取并用于 Android 布局。

Answer 1

好的，现在您的问题得到了澄清，也许我可以分享一些经验。

小故事:我让我们的设计师阅读 Android UI 指南 (http://developer.android.com/guide/practices/ui_guidelines/index.html)，但他要么没有时间阅读，要么根本不关心!哈哈哈!伙计...因此，我们在第一个应用程序上遇到了困难!

确实在Android网站上有很多关于如何做设计的信息，但是散落在各处(一种查找信息的方式，也许只有我们，开发人员习惯于对？)。

下面是我的建议，基于我从 Android 网站获得的信息和经验:

1. 制作应用程序的 Storyboard以定义基本外观，其中 UI控制将等。
2. 因为应用程序需要一个好的启动器图标，所以首先发送到您的设计 Android 网站上的图标模板( http://developer.android.com/shareables/icon_templates-v4.0.zip )
3. 与设计师坐下来(或进行 Skype session )并确保他/她了解所有关于密度、ldpi、mdpi、hdpi 和 xhdpi 的知识以及 PIXELS 和 DPI 之间的区别。确定他/她非常了解这一点，以避免将来出现问题。 (看 http://developer.android.com/guide/practices/screens_support.html )
4. 请他们使用 Vectors，因为您需要 3 个不同的每种资源的大小。
5. 向他们解释命名约定和文件夹结构。问问他们使用 ic_ 前缀命名文件并将内容保存在它适当的地方。他们可以使用 Photoshop 功能，例如自动任务以将不同大小的资源保存在正确的文件夹，然后将包含资源的 zip 文件发送给您。
6. 指南建议设计师使用 mdpi 资源首先，然后获取其他尺寸进行测试。
7. 请您的设计师创建应用程序的“功能原型(prototype)”。如果他/她在 Photoshop 上工作，有多种方法可以使用 Dreamweaver将设计导出到您可以浏览并访问的实际网站通过 Activity 。并且可以有下载页面下载整套
   最新资源以 zip 形式保存在其相应文件夹中。
8. 告诉他们 Android 使用的样式和主题与CSS，并且您将需要 HEX 格式的颜色。索取一份文件渐变的颜色等(您可以在 Chrome 上使用 EyeDropper 或Firefox 上的 CollorZilla 从功能原型(prototype)中提取它们也是)。
9. 在模拟器上用不同的方式创建很多不同的设备屏幕密度和尺寸。

最后，没有“神奇的公式”......发送电子邮件甚至示例有时都不起作用......你能做的最好的事情就是花一些时间与你的设计师达成一致，即时间的投资会很快得到返回。

我在这里提到的对我们有用，相信我...我已经改变了应用程序的整体外观和感觉，它看起来非常好，可以说 99% 喜欢设计本身。

祝你好运(和耐心)!