UI设计现在非常热门的一个职业,在进行UI设计时由终端所决定的,不同终端所用到的设计方法也有所不同,这就需要设计者学会灵活运用,那么iosui设计规范什么?看下吧。
IOSUI的设计规范先来说说设计稿的尺寸,一般来说在IOS设计稿的时候,设计稿尺寸们都选择6501334这个尺寸,如果1的话,就375667。们从上到下以1的规范来进行了解,最上边的就状态栏了,状态栏的高度20,宽度都375。那么状态栏都有哪些元素呢?实际上就信号、网络状态、时间以及电量和通知等。在信号栏下边就们的导航栏,导航栏的高度为44p。导航栏中肯定有导航文字的,导航文字一般来说们都居中对齐,并且导航文字的小应该为18p。接下来就部,部就们的标签栏了,标签栏中都们的切换图标,标签栏的高度为49p。标签栏中的图标小也有规范的,最小的击区域们必须保证为24p,低于这个范围的话不方便进行操作的。在图标的下方一般都还有文字,这里文字的小比较小,可以根据图标小来进行调整,一般来说文字小为11、10p。总的来说着就们IOSUI的设计规范了,其他还有就内容区域的文字小规范了,一般来说都16、15、14、12这四个文字小,具体根据需求进行设计。iOS的屏幕分辨率
第1页共6页
f说到一稿适配,首先要了解iOS屏幕分辨率的几个知识。这些知识方便们理解设计稿为什么要分二倍图、三倍图。如果感觉理解起来困难,那么直接记住二倍图和三倍图的尺寸就好。熟了再回头看理论。
1、像素
像素一个单位,一个小方格。它没有固定的物理小,它的物理小由载体的物理小决定的。这个像素小方格里面包含了颜色,无数个小方格按照位置显示颜色,就组成了画面。(嗯的,你可以理解为跟十字绣差不多)在同样小的屏幕上,像素格越多,显像就越清晰。
iosui设计2、PPI与DPI
第2页共6页
fPPI与DPI一对经常被人谈论的兄弟。它们都跟密度有关,都影响输出质量,但PPI像素密度,每英寸包含多少像素。DPI打印精度,每英寸所能打印的数。PPI影响的屏幕上显示的精度,DPI影响的打印出来的精度。在UI设计里面理解PPI的原理以及在界面中的应用就好。
3、逻辑
在上面所列举的历代机型里面,们可以知道,屏幕的尺寸非常多。iOS系统的只有苹果生产,但安卓的却有非常多的生产,因此尺寸也很多。为此,定下了一个规则,以其中一个尺寸小作为基准,其它尺寸按照这个基准尺寸比例来适配。iOS系统的基准设计尺寸375667(也就俗称的一倍图),逻辑单位叫pt。一倍图里的1pt1p,放到二倍图就2p,在三倍图里3p。所以r