app-ui-设计规范.ppt_第1页
app-ui-设计规范.ppt_第2页
app-ui-设计规范.ppt_第3页
app-ui-设计规范.ppt_第4页
app-ui-设计规范.ppt_第5页
已阅读5页,还剩20页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

1、a,1,iOS & Android app ui设计规格,a,2,iOS篇,a,3,添加单击文本,添加单击文本,iOS界面大小,按点击计价、a、4、图标大小、a、5、Iphone6图例、a、6、状态栏规范、用户依赖状态栏的信号、时间和电池等重要信息。文本和图标可以是白色或黑色,但背景设计为所有颜色,可以与导航栏合并。Pt(点)是印刷行业中长期使用的单位,磅(lb)是可以用测量设备测量的固定长度单位。Pt=px*3/4 1pt=1/72英寸,a,7,导航栏规格,导航栏是有关屏幕的快速信息。左侧部分可用于配置文件、菜单按钮,右侧部分通常用于操作按钮,如添加、编辑和完成。如果使用这些系统图标,请记住

2、,无需单独设计。a、8、搜索栏、a、9、工具栏、Stepper控件、a、10、提示框和提示对话框用于传达重要信息和提示快速操作。提示必须保持为最小字符,终止必须明确。a,11,分段控制帧,a,12,滑块,开关,a,13,布局标准控制,布局原理(8px原理由来)IOs技术开发已将320 x640px开发为标准,因此该设置尺寸为1,计算各个尺寸的比例,然后乘以4进行开发2px(视网膜屏幕的到达)切割设计大小为640 x960px,因此设计中最小的单位大小为8px。使用8px原理的目的是避免在双平台的大多数模型开发中出现模糊变形问题。只需设计一组设计草图,即可减轻设计人员的工作负担,提高工作效率。I

3、Os 1334x750 px Iphone6/6s,a,14,添加单击文本,添加单击文本,添加单击文本,图标网络,Apple使用黄金分割某些图标。这有助于确保图标保持良好的比例,同时保持美观。虽然这是很好的准则,但不是严格的要求。苹果也在很多图标上省略了它。a,15,添加点击文本,添加点击文本,添加点击文本,添加点击文本,添加点击文本,标准颜色,a,16,添加点击文本,添加点击文本,添加点击文本,添加字体大小,规格,一般规格为按钮44pt,小文本12pt,IOS 9中文字体:ping ping/ping pan sc IOS 8中文字体:常州中文黑体-简,MAC OS x系统中黑体-简IOS英

4、语,数字:helveial,a,17,添加点击文本,添加点击文本,添加点击文本这样就有足够的空白空间来扫描布局和更容易阅读文本。因此,UI元素必须对齐,文本必须具有相同的基线位置。a,18,添加单击文本,添加单击文本,添加单击文本,添加单击文本,Android篇,a,19,添加单击文本,添加单击文本,添加单击文本,Android界面大小,a,20,单击当然,高度与选项卡栏相同。96 px内容区域高度包括:1038px (1280-50-96-96=1038)、a、21、典型大小,通常使用48dp作为可触摸UI源的标准。48dp=72px=9mm是用户手指正确、舒适地触摸的最小尺寸。Androi

5、d接口基本列表的高度为48dp=72px是。Android界面中每个元素之间的最小间距为8dp=12px是。Android接口基本BTN的高度为40dp=60pxpxpx=PPI/160 * DP、a、22,典型屏幕大小,240x20ldpi(半高屏幕)320 x480 mdpi(半高屏幕),a,23,单击添加文本,单击添加文本,单击添加文本,单击添加页眉文本,双击,字体规格,大小,5 .x版本:主体黑体/notosasans Han 5.0或更早版本:Droid Sans Fallback,英语,可以使用文天域微米黑而不是数字:Roboto标头(58px或60px)辅助标头(44px或48p

6、x)英语最小大小22px,中文最小大小。a、24、SP和DP简介;DP:设备独立像素。Sp: scaled pixels(放大像素),主要用于字体显示best for textsize。因此,如Google建议的那样,TextView的大小最好是以sp为单位,查看TextView源代码可以发现,默认情况下,Android使用sp作为大小单位。Sp与DP类似,是Android开发升降机的单位,设计者在设计UI时通常通过创建大小为320*480的画布开始。在Android分辨率分类中,此大小的画布称为mdpi。在此大小下,PS的1px等于Android的1dp。此时,1点等于Android的1sp。例如,创建名为320-480的画布,其中的文本为30点,30sp。常规Android设置长度和宽度多DP,字体大小设置多sp。屏幕密度160,1dp=1px,屏幕密度240时1dp=1.5px .a,25,48DP法则,48dp作为Android可触摸UI组件的标准。通常,48dp转换为一个物理大小约9mm。建议的目标大小为7-10mm,这是用户手指正确、舒适地触摸到的区

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论