手机UI设计的基本规范
每个人都知道使用了手机:一个是苹果的iOS系统,另一个是谷歌的安卓系统。尽管华为的鸿蒙系统长期以来一直在线,但它尚未在手机的移动终端上使用。小阿在这里期待着它,希望有一天它也可以写入华为“ 鸿蒙 System”的接口大小规范。”
两者之间存在明显的区别,即非打开源的iOS系统。简而言之,它不能随意更改。即使是图标也必须四舍五入,这对交互式设计师非常友好。
安卓系统是开源的,可以随意更改接口,并且大小并不特别。图标和大小是数万。根据不同的手机品牌,形状不同,交互式设计有些不友好。
然后,让我们看一下安卓和iOS的特定接口规格。
一、iOS界面规范
首先,将苹果分为两种尺寸,一个是中等代码,例如6s,7、8等。这种通用剪切映射为nestry@2x.一个是加号,命名为@3x。
苹果6s 的尺寸750px * 1334px,6s Plus的尺寸就是1242px * 2208 px。两者之间的关系就是1.5倍,怎么说呢,就是6s之类的手机想要变成Plus,我们设计师稍微想要偷懒一下设计,只需要整体扩大1.5倍,比如图标。
让我们分析界面的尺寸规格:
第一个是状态栏,信号电池栏的高度为40px。“设置”列中的导航栏为88px。
下面的底栏(导航栏)的高度为98px。
请注意,规定了这三种尺寸,它们更死了。我们可以扩展上述大小和其他比例的1.5倍上述大小的比例。其余的中间空白零件,我们可以任意填充内容,横幅或图标?
☆关于图标零件
苹果的图标具有美学,并且与网格黄金的比例完全一致,因此它看起来非常协调。由于使用的网格是标准化的,因此整个图标保持高统一。
整个点击图标的最低限度不能小于44px,一般尺寸为58px,角度为12px,但是如果我们习惯了整数60px,它将非常标准化。为什么要有最小的控制?因为最小的控件?我们的手指触摸了上述宽度低于上述宽度,我们可能无法触摸它。一定要注意用户的体验。
☆关于细分线部分
请注意,分割线不是一条线,它是宽度为1px的矩形,颜色大多为灰色。
☆关于该部门和板块
盘子和板之间的灰色条通常在30-70之间,一般而言。iOS系统采用70个PX,有利于减轻用户阅读负担。列表的高度通常高于88 PX。列表和列表之间的距离为10px-30px。作为UI设计器,这是考虑的,对吗?
☆关于列表的尺寸规格和字体要求
☆左右间隔的安全区域
该安全区域也称为白色边界距离。iOS原始生态页的边界距离为30px。根据不同的产品,宽度通常以16px-30px漂浮。最大的功能是该值是完整的价值。
☆关于开关按钮的大小
☆关于字体
iOS系统的字体是Apple字体。字体的颜色和厚度也非常特别。它通常用于深灰色和浅灰色。
主标题的字体尺寸设置通常约为32-36,并且很固执。列表中的文本较小,字体尺寸为30,并且不会变厚。AuxiliaryFont大小通常为24-26。文本通常不少于22,最小设置为20,然后您看不到它。此外,应注意的是,所有字体大小设置必须均匀,并且字体大小之间的差异上和下部内容为2-4。
此处引入了Apple接口大小的一小部分,并将在下一期中进行安卓接口的尺寸。
作为UI设计师,我们必须掌握界面的大小,以适应美学观点,这使人们感到协调和舒适,并可以在有效范围内迅速吸引用户的注意力。
二、安卓界面规范
众所周知,安卓系统是开源的。有许多国内手机制造商,小米,魅族,华为,Oppo,三星等。每个品牌都有自己的UI设计规格,但我们主要分析UI接口尺寸规范。
1.字体
安卓系统中国使用Siyu安Black Body,英语字体是机器人字体。
仅使用24分,28分,36分和其他字体尺寸的单位
2. MDPI,HDPI,XHDPI,XXHDPI,XXXHDPI,DP,PX是什么意思?
在图标之前对一排英语的含义进行分类:
MDPI,HDPI,XHDPI,XXHDPI和XXXHDPI都代表屏幕的屏幕密度。值越大,分辨率越高。使用的是XXHDPI和XXXHDPI。
DP是安卓系统的长度单元,这意味着独立的像素。不同的设备具有不同的显示效果,与设备硬件有关。使用了大多数图标,并且文本使用SP(放大的像素),主要是用于字体显示最佳的文本大小。
PX表示像素,不同的设备显示相同的效果。
安卓屏幕之间的密度关系如下:
3.图标
不同手机品牌的图标不同,对应于不同尺寸的屏幕大小,如下:
系统图标的大小:
快速图标大小:
应用程序图标的大小:
4.应用程序栏的大小
从左到右,:①应用程序栏高度:56DP;应用程序栏的左侧和右侧边缘为16DP;应用列图标的上部和左下边缘为16dp; 20dp;
②应用列的高度为128DP;
③操作栏的高度为56DP;标题栏高度:80DP;标题栏底部的内边界:8DP;描述面积高度:72DP;描述该区域底部的底部边框距离:16DP。
5.列表高度
每个垂直边框,水平外边框以及框架左侧和右侧的左侧和右侧间距;与图标或阿凡达的72DP的内容为72DP。
垂直边框
①状态栏:24DP;②工具栏:56DP;the五个标题:48DP;④bulbolis表:72DP
每个垂直边框,水平外边框以及框架左侧和右侧的左侧和右侧间距;与图标或阿凡达的72DP的内容为72DP。
垂直边框
①状态列:24DP;②工具栏:56DP;③标题和列表项目:48DP;④字幕:48DP;⑤内容区域之间的距离为8DP为8DP。
6.剪图
上周,我们讨论了iPhone 6和iPhone 6 Plus之间的关系,XHDPI的Android手机屏幕和XXDPI屏幕仅为1.5次,因此iPhone 6 Plus和XXHDIP也可以使用一组剪裁来掌握尺寸的关系,可以使工作范围变得如此之多。更轻松。
7.接口改编
安卓多屏幕支持的基础是,它可以以适当的方式配置当前屏幕的应用程序来管理应用程序的布局和渲染。屏幕尺寸/密度和缩放位置。它可以在屏幕密度上正确绘制,以在每个屏幕上显示应用程序的配置。
如何实现安卓接口适应?每个人都必须清楚地了解分辨率,屏幕尺寸和密度之间的关系;了解实际密度和系统密度之间的关系,DP,SP,PX之间的差异;了解DP和PX的conversion依。
安卓的接口规范在这里。有必要了解设计接口规范的重要性是确保设计的统一性和合理性。标准和维护是项目的统一性。因此,作为UI设计师,如果我们不遵循设计规范,并依靠自己依靠自己,请不要将其发送给前端员工,他可以't理解。
因此,作为UI设计,我们必须遵守设计规范,以便可以找到设计。我希望以上答案能帮助您了解手机界面的设计规范。
手机界面设计一套的价格是多少,有谁知道
一组手机界面的价格是多少?
简而言之,根据移动应用程序的需求和质量,价格通常约为数千至100,000,而且价格更高。
今天,我们就来详细分析一下这个问题,请继续往下看吧。
I.应用程序开发样式分为固定的资金和自定义模型。两者的价格不同
固定型号:指现有的,即准备好制作的应用程序固定模板,固定要约,并且所需的功能也已固定。缺点是客户无法获得源代码,也不能根据公司的需求进行自定义。由于源代码,无法自定义源代码。由于源代码,源代码无法封装。如果公司希望将来升级或系统维护,则无法实现。它只能重新开发一个新软件。
固定的应用程序开发时间很短,可以在大约2到3天内完成,成本在数千到数千之间。
自定义模型:自定义模型是指该应用程序功能的重新开发,并且该过程相对繁琐。它需要艺术,计划,应用程序开发(前台/客户/手机),背景程序员和其他类型的工人。甚至需要数十人。
由于应用程序的功能和设计是自定义的,因此价格将更高。自定义模型的开发时间与开发价格成正比。开发时间很长,只能在大约两个或三个月甚至不规则的周期内完成,成本约为数万甚至100,000。
因此,如果您想知道开发手机应用程序的成本,企业主必须首先告知该应用程序开发公司的详细要求和功能,以便开发公司可以报告合理的价格。
2.移动应用程序平台不同,生产成本不同
市场上有两种主要类型的手机应用程序生产平台通常包括两个系统:安卓 Systems(安卓)和Apple Systems(IOS)。
一般而言,使Apple Systems的移动应用程序软件的成本比安卓平台更昂贵,因为Apple在Apple平台上的困难以及移动应用程序开发语言Oppicotes-C的难度使应用程序开发人员增加了Apple System Difficulty的应用程序移动应用程序开发。
3.应用程序生产成本包括参与者的工资
在正常情况下,开发应用程序需要产品经理,客户工程师,后端工程师和UI Designers.App生产成本。这些员工的每月工资可能超过40,000至50,000元。
第四,应用程序开发公司的位置
应当指出的是,在不同城市,同一强度应用程序开发公司也将导致该应用程序的更高成本