像素完美应用技术

Question

在进行iOS应用程序开发时，您是否试图实现像素的完美相似性？您的应用程序是否与提供的photoshop设计相同？

如果是的话，你用什么技术来加速这个过程？我觉得这真的很费时，因为：

• 我正在使用许多自定义组件，这些组件没有显示在界面生成器中。
• 在XCode和Photoshop中，文本字段边界大小不同。所以我不能只是复制位置。
• 有些属性是不易修改的.我有很多自定义大小的按钮，更改文本基线是很困难的
• 等等。

我知道像Reveal或SparkInspector这样的工具--它们加快了速度，但对我来说不是一个巨大的提升。我还知道，使用XCode 6，您可以使用IBDesignable。我现在有32位的应用程序，所以我还不能使用它(而且不确定它有多有用)。

所以，这真的很费时吗？如果你想在你的项目中达到像素级的完美，你通常在这上面花费多少时间？(例如，平均每个屏幕？)

Answer 1

1. 密切了解UIKit类。如果您非常了解该框架中的类，那么您几乎不会花费任何时间研究如何以不寻常的方式定制它们。
2. 大师核心图形/石英2D。这将帮助您处理异常或动态变化的形状。
3. 纯在向量域工作，没有位图。2)在这方面有很大帮助。随着iOS的所有形式因素( iPad Pro 12英寸即将到来，你再也负担不起使用位图了)
4. 掌握自定义控制设计模式。有时候，实现自定义UI控件比对抗UIKit更好。
5. 学习UI/UX设计的基础知识。如果您认识它们，您可以很容易地识别设计人员是否犯了一个诚实的错误(不注意，鼠标单击错误，..etc)。或者他(她)有一个必须不惜一切代价避免的可怕想法:)，或者他/她在做一项草率的工作，而你的任务就是解决问题，因为这是一条阻力最小的道路。
6. 让您的设计师了解iOS平台对设计方法有一定影响的局限性，告诉他/她把Photoshop扔到垃圾桶里，然后开始使用Sketch和PaintCode。教他/她原型，这样你们就不会有一个很长的反馈周期。教他/她把要点的概念内化。为所有iOS设备打印一张屏幕尺寸(点)的大壁纸。使他/她承诺不把任何东西放在中间位置。
7. 在运行时调试视图，商业解决方案仍然比XC6视图调试要好一些。
8. 使用Xscope以多种方式测量模拟器屏幕上的视觉元素(距离、大小、比率、alignments..etc.)
9. 在处理业务逻辑时，节省时间是一名真正优秀的开发人员，并利用这一节省的时间在表示层上改进事情。
10. 确定利益相关者(经理、产品所有者、客户代表)，他们理解为什么成品意味着没有视觉缺陷的产品。当时间紧迫时，他们会保护你。
11. 不要对iPhone6+进行优化，这是不可能的。希望Iphone6S+将摆脱这种硬件下采样，并将有匹配3x逻辑点的物理像素。(同时，您可能会羡慕Metal/OpenGL开发人员，因为他们可以访问屏幕上的物理像素。)
12. 找一个重视像素完美的雇主。他们将正式分配更多的时间。

像素完美需要时间。最近在编程界有一种占主导地位的舆论趋势，使用“精益”这样的术语，很快就会失败，你会“为特性付费”。etc..etc..for人重视产品的审美方面，它是痛苦和痛苦。通常提供一个像素完美水平的抛光产品，近乎半非法，你将牺牲一些加班费，作为最后的手段。

因此，总而言之，解决方案不是用鼠标更快地单击，直到今天完成所有的事情，而是在工具和工作流程以及编程技巧中应用质量改进。

Answer 2

构建像素完美UI既是一门艺术，也是一门科学。有了正确的工具，科学就容易了。

看看QuickLens，一个Mac来帮助UI设计人员/开发人员忠实于Visual。它提供了一个现代的，功能丰富的界面，以非常负担得起的价格.使用QuickLens放大一个区域，样本颜色，导出到Photoshop/Html，测量距离，角度，检查对齐和更多。

• 除了视觉清晰之外，你还必须关注整个用户体验。要做到这一点，需要大量的耐心和不懈的迭代。
• 从精心设计的应用程序中汲取灵感
• 这里有一篇关于良好应用程序设计规则的好文章
• 阅读博客，通讯，如objc.io，其中涵盖应用程序设计的技术方面
• 大量实验
• 早失败，常失败
• 听取潜在用户的反馈。它将帮助塑造您的应用程序。
• 最重要的是:创建你的应用程序玩得开心