请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站客户端下载

老榕树社区

 找回密码
 立即注册
社区推荐
 
查看: 1293|回复: 0

[建站技术] app开发界面设计

[复制链接]
任务统计:
发布数/完成数/奖励数:
0/0/0
承接数/奖励数/收入数:
0/0/0

3487

主题

4220

帖子

2880

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
2880
扫一扫,手机访问本帖
发表于 2016-1-12 10:04:03 | 显示全部楼层 |阅读模式
【如内容违法或虚假,请联系上述邮件删除】app开发界面设计iOS和Android有所不同
  app开发界面设计iOS和Android有所不同,我们一同来看一看。
  百度用户体验部做过一个小调查, 关于app字体大小的调查结论如下:记载一下iOS和Andoird的界面设计规范,便当中止规范的产品设计,并与设计师顺畅沟通。
  iOS篇
  spacer iOS和Android的app界面设计规范
  11 iOS和Android的app界面设计规范
  spacer iOS和Android的app界面设计规范
  25 iOS和Android的app界面设计规范
  图标尺寸
  spacer iOS和Android的app界面设计规范
  3.webp 17 iOS和Android的app界面设计规范
  字体iPhone 上的字体英文为: HelveticaNeue 至于中文,Mac下用的是黑体-简,Win下则为华文黑体,一切字体要用双数字号。
  百度用户体验部做过一个小调查, 关于app字体大小的调查结论如下:
  65 iOS和Android的app界面设计规范
  spacer iOS和Android的app界面设计规范
  颜色值IOS颜色值取RGB各颜色的值比如某个色值,给予IOS开发的色值为 R:12 G:34 B:56 给出的值就是 12,34,56(有时也要依据开发的习气,有时也用十六进制)
  内部设计
  1、一切能点击的图片不得小于44px(Retina需求88px)
  2、单独存在的部件必需是双数尺寸
  3、两倍图以@2x作为命名后缀
  4、充沛思索每个控制按钮在4中状态下的样式,如图
  spacer iOS和Android的app界面设计规范
  4.webp 17 iOS和Android的app界面设计规范
  Android篇
  界面尺寸
  android的尺寸众多,倡议运用分辨率为720×1280 的尺寸设计。这个尺寸720×1280中显现圆满,在1080×1920 中看起来也比较明晰;切图后的图片文件大小也适中,应用的内存耗费也不会过高。
  状态栏高度:50 px
  导航栏高度:96 px
  标签栏高度:96 px
  Android最近出的手机都简直去掉了实体键,把功用键移到了屏幕中,当然高度也是和标签栏一样的:96 px
  内容区域高度为:1038 px (1280-50-96-96=1038)图表尺寸
  spacer iOS和Android的app界面设计规范
  8.webp 5 iOS和Android的app界面设计规范
  ps: Android设计规范中,运用的单位是dp,dp在安卓机上不同的密度转换后的px 是不一样的
  字体
  Android 上的字体为: Droid sans fallback ,是谷歌自己的字体,与微软雅黑很像。
  Android的字体大小调查结论是:
  spacer iOS和Android的app界面设计规范
  颜色值
  Android颜色值取值为十六进制的值比如一绿色的值,给开发的值为#5bc43e

(关注老榕树网络旗下“网络思维”微信公众号:wlsw360 (每天都有好文章)

 

                                                   本帖如有虚假或违法,请联系邮箱删除,本社区删贴不收任何费用,欢迎举报。老榕树社区属老榕树网络旗下网站,旨在为老榕树用户提供创业咨询、网站建设技术交流、源码下载、提供各种实用工具。如有部分帖子涉及违法、虚假,请你第一时间与社区联系,把需要删除的社区链接提供给我们,我们核实之后,第一时间删除。邮箱:125175998@qq.com

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

  • 关于我们| 企业文化| 备案编号:滇ICP备13002355号
  • Copyright 2013 最新最精彩-社区论坛 版权所有 All Rights Reserved
快速回复 返回顶部 返回列表