关于如何写UI及屏幕适配的一些技巧

字体应用保持统一 UI界面设计里面建议尽量采用一种字体，可以通过字体大小，颜色深浅形成对比，切勿一个地方出现多种字体。全力维护用户的注意力 在阅读的时候，总是会有事物分散我们的注意力。

10年积累的成都做网站、成都网站制作、成都外贸网站建设经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先网站设计后付款的网站建设流程，更有雁峰免费网站建设让你可以放心的选择与我们合作。

设计师还要考虑设计的细节和对用户的吸引力，如果一张图片的细节太多让用户看久了，他们肯定就会选择屏幕的底部和左侧的间距来做设计，当一张图片被很多人称赞的时候，他们自然会选择下边的间距，这样会减少用户的阅读时长。

Android推荐使用dp作为尺寸单位来适配UI ，通过dp加上自适应布局和weight比例布局可以基本解决不同手机上适配的问题，这基本是最原始的Android适配方案。

简洁明了 移动端屏幕空间有限，因此UI设计需要尽可能简洁明了，避免过多的信息和元素。可以采用扁平化设计、简洁的色彩和字体搭配等方式，让用户在短时间内找到自己需要的信息。

什么是二倍图,三倍图

倍图宽度规定是576（/0之后也就是288个像素），3倍图规定是864（/0 之后也是288个像素）。这样会发现以5s适配，也就是2倍图并且5s宽度为320 ，button这个宽度，看上去还行，但是6p 宽度414，显然感觉宽度不够。

x的图标用于1：1的屏幕，仅作为了解，现在一般都是直接使用二倍图及三倍图。2x的图标用于1：2的屏幕，机型如iPhone 4S、iPhone iPhone 5s、iPhone 6及后续的iPad等。

尺寸不一样。XD是一款矢量绘图应用，在调整形状的时候一定程度上可任意缩放。AdobeXD默认画板尺寸是一倍图尺寸，PS给出的是二倍图尺寸，3倍图给的是3倍尺寸。

目前的话，一倍图基本上很少用，二倍图用的比较多，三倍图用于苹果plus。前端搭建界面时，通常只会规定横向尺寸。也就是说宽度是自变量，高度是因变量。

您好，2倍图导出改变了图像的分辨率，也就是说，它可以把原来的图像放大两倍，从而获得更高的清晰度和更多的细节。2倍图导出的优势在于，它可以把低分辨率的图像放大到更高的分辨率，从而使图像更加清晰，更加精细。

②一个数除以另一数所得的商。如a÷b=c，就是说，a是b的倍数。例如：A÷B=C，就可以说A是B的C倍。③一个数的倍数有无数个，也就是说一个数的倍数的集合为无限集。

工作用sketch做的ios尺寸的图都是几倍图?

如果以iPhone为设计设备，尺寸一般是使用750x1334，1125 x 2436，1242 x 2208这三种尺寸设计都可以，750x1334是2倍图设计，1125x2346和1242x2208都是3倍图来进行设计。

*1920等等以下我只列出最常用的两种尺寸供大家参考为例。

sketch是矢量软件，导出的界面都不会失真，即使导出100倍的图。除非你界面中用的图片比较小，一倍图，导出的时候是2倍图，肯定会失真了。

直接复制过去肯定是一样的尺寸，你要从sketch里导出正常尺寸的图形，再放到ps里。

*1136是iphone5s 的尺寸，一般IOS版的APP都用这个尺寸设计，这个尺寸的导出的图标大小及质量都不错，前提是图标必须是矢量；安卓版大部分用720*1280设计。

什么是二倍图三倍图

x的图标用于1：1的屏幕，仅作为了解，现在一般都是直接使用二倍图及三倍图。2x的图标用于1：2的屏幕，机型如iPhone 4S、iPhone iPhone 5s、iPhone 6及后续的iPad等。

倍图宽度规定是576（/0之后也就是288个像素），3倍图规定是864（/0 之后也是288个像素）。这样会发现以5s适配，也就是2倍图并且5s宽度为320 ，button这个宽度，看上去还行，但是6p 宽度414，显然感觉宽度不够。

尺寸不一样。XD是一款矢量绘图应用，在调整形状的时候一定程度上可任意缩放。AdobeXD默认画板尺寸是一倍图尺寸，PS给出的是二倍图尺寸，3倍图给的是3倍尺寸。

目前的话，一倍图基本上很少用，二倍图用的比较多，三倍图用于苹果plus。前端搭建界面时，通常只会规定横向尺寸。也就是说宽度是自变量，高度是因变量。

如果设计成2倍IOS,那么3倍就模糊了

当然了，那就直接设计 3倍效果图，然后切2倍即可。1倍图是设备以及被淘汰了，所以不用考虑1倍图。也就是说，你只需要关心3倍和2倍图即可。

这个是手机反应速度跟不上导致的。你拍摄完成的照片，其实已经非常清楚了。

三倍变焦后画质从中心到边缘会逐步衰减，整体的对比度和锐度表现尚可，不会出现模糊看不清的情况。由于三枚摄像头的位置不同，因此会存在着视差，导致画面不可避免会有透视变化。

为什么ui要用2倍图给前端

目前的话，一倍图基本上很少用，二倍图用的比较多，三倍图用于苹果plus。前端搭建界面时，通常只会规定横向尺寸。也就是说宽度是自变量，高度是因变量。

明确设计稿的标准尺寸是多少，如宽度为750px。根据2倍图的情况，将标准尺寸乘以2，得到设计稿上对应的像素尺寸，即宽度为1500px。

根据公司的要求。UI设计里面的一倍图和二倍图的区别只是制作的尺寸不一祥，以IOS为例，一倍图尺寸为375X812，二倍图尺寸为750X1624，制作的的时候可以根据公司的需求导出对应的倍图就可以了。

这样会发现以5s适配，也就是2倍图并且5s宽度为320 ，button这个宽度，看上去还行，但是6p 宽度414，显然感觉宽度不够。因为UI设计的时候是按照5s来适配的，按照设计来的话5s当然是效果最好的。

一般来说H5设计图片都是居中，和给图片的大小没有太大关系，因为在前端制作时一般是写百分比，而不是精确的像素。

图像像素的基本单位就是一个像素，不能以半个像素来制作。如果一定要实现半个像素的精确度，那么方法是：把图像文档的像素扩大一倍，这样，5个像素，就以3个像素来制作。

网站栏目：ios开发2倍图和3倍图 ios二倍图尺寸
网页网址：http://myzitong.com/article/digeiso.html