金桥vi设计的核心价值在于为企业打造独特的品牌,金桥vi设计可以给企业带来良好的社会声誉和经济效益。
注:本文“金桥vi设计”配图为本公司设计作品
为苹果手机设计将带来一些新的挑战,但也有一些新的设计机会。在这篇文章中,我将分享一些建议,帮助你设计在iPhone X上看起来和感觉都很棒的应用和游戏。
显示细节苹果手机拥有一个新的高分辨率、圆形、边到边的超级视网膜显示屏,分辨率为11252436像素.虽然它为设计人员提供了更多显示内容的空间,并允许他们创建一种身临其境的体验,但在为此设备进行设计时,有几件事应该考虑:
1.3倍图像比例因子iPhone Xhas 3x倍图像比例因子(@1x、@2x和@3x).当需要栅格化图像时,请确保在您的应用图像分辨率目录中包含2倍和3倍图像分辨率。此外,建议对字形和其他需要高分辨率缩放的平面图稿使用SVG,因为它们与分辨率无关。
2.新的显示尺寸:更大的屏幕空间,更多的内容苹果手机的Xdisplay尺寸为375磅宽* 812磅高。在3x显示器上,这相当于1,125像素@ 3倍宽* 2,436像素@ 3倍高。在纵向模式下,iPhone x的显示屏宽度与iPhone 6、iPhone 7和iPhone 8的4.7英寸显示屏的宽度相匹配,因此在这些设备的狭窄尺寸下,呈现的信息量应该不会有任何差异。但是显示器的高度不同:812磅的高度比4.7英寸显示器的667磅高145磅10 . iPhone。的这一额外高度为内容提供了多20%的空间。
3.创建背景图像时考虑宽高比设计背景图像时请记住,iPhone Xalso的宽高比不同于4.7英寸显示屏。为iPhone 816:9宽高比创建的背景图形需要进行调整,以满足iPhone X的技术要求。为了防止负面结果,最好合成图像,以便不管显示器的宽高比如何,关键的视觉信息都保持可见。
4.不要将元素放置在显示器的边角圆角给设计者带来了另一个挑战:每个放置得太靠近视口边缘的元素都可能被传感器外壳夹住或覆盖。为了避免这种情况,插入控件和其他元素是非常重要的。
5.使用安全区域布局显示内容安全区域布局有助于在定位内容和控件时避免重叠系统用户界面元素。在苹果手机上,当看不到条形时,安全区域与视窗大小相同。在苹果手机上,安全区域布局从屏幕边缘的顶部和底部嵌入,即使屏幕上看不到任何栏。这有助于防止界面元素被剪切或覆盖。然而,安全区域有两个例外:应用程序的背景和垂直滚动视图。可垂直滚动的视图,如表格和集合,应该一直延伸到显示的底部,延伸到边缘,而不是局限于安全区域。
6.如果你的应用使用了原生ios组件(如导航栏、表格、收藏视图、标签栏等),就不用担心原生组件。)如果你担心它们将如何适应iPhone X,别担心!它们将被自动插入和定位。
主页指示器iPhone x改变了苹果手机的交互基础之一,主页按钮现在是传统。在iPhone xus之前,想要访问应用程序切换器或主屏幕的用户需要点击苹果手机的主页键来实现。对于iPhone,当用户沿着显示屏的底部边缘向上滑动时,可以使用相同的过程。刷卡是新的点击。为了试图用年龄结构取代家键并使其直观,苹果在显示屏底部边缘以指示器的形式提供了有关交互的信息;生活在屏幕底部一条小线。这个指示器显示在iPhone Xapp的界面上。在设计应用程序时,你需要考虑到这一点。
注:本文“金桥vi设计”配图为本公司设计作品


总监微信咨询 舒先生

业务咨询 张小姐

业务咨询 付小姐