测试横屏app用户界面

在测试iPhone的一些横向应用程序界面模拟时,我注意到它们看起来比在Photoshop中更模糊。为了确保我视力没有问题,我决定做一些测试,结果如下。
纵向模式在Photoshop中创建一个纵向(320像素宽,480像素高)的图像,以测试iPhone上的照片应用程序是否确实以1:1的比例显示图像,并且没有缩放。ps保存的原始PNG文件如下。

测试横屏app用户界面

文章图片
文件被添加到iPhone,同步显示在照片应用程序中,然后用home + sleep捕捉。它看起来好,与原始图像相比像素完美。
横向模式下面是与第一个测试相似的横向(480像素宽,320像素高)图像。
测试横屏app用户界面

文章图片
【测试横屏app用户界面】文件被添加到iPhone,同步显示在照片应用程序中,然后用home + sleep捕捉。由于轻微的缩放或亚像素的定位,单个像素的垂直黑白条纹已经变成了灰色mush的云纹。
测试横屏app用户界面

文章图片
结论如果你在一个横向iPhone用户界面上工作,你需要进行测试,将它保存为一个纵向图像,否则可能会看到一个与你希望看到的完全不同的预览。
在屏幕上的任何地方轻敲和按住,直到复制项出现,当你旋转手机时,照片应用程序停止旋转图像,这让你能在横屏中查看被保存为竖屏图像的横屏UI。

    推荐阅读