1.0.63

安卓和iOS端设计规范

今朝且珍惜
北京/设计爱好者/7年前/2740浏览
安卓和iOS端设计规范
今朝且珍惜

介绍app设计界面安卓端和ios端之间的区别和对比

由于iOS端和安卓尺寸不一样所以要求界面尺寸也不同,一般来说ios设计尺寸为750*1334,安卓为720*1280即可,这两种尺寸既可以满足不同尺寸的设计要求,后期切图的时候不会出现模糊的状态,方便后期程序人员调节满足自适应的要求,下面来看一下完美APP的iOS和安卓的设计界面:

iOS首页界面:

e51e58748947a8012060c86fa70b.jpg

Android首页界面

从两个图中可以看出APP界面的组成元素:状态栏、导航栏、主菜单栏以及内容区大小不同,其中

iOS端

状态栏高为40px,

导航栏为88px,

下面的主菜单栏为98px,

内容区和两边的边距为30px,

版块之间间距为20px,

字体为黑体韩语,

字号在24-34号之间;

Andriod端

状态栏高为50px,

导航栏为96px,

下面的主菜单栏为96px,

内容区和两边的边距为32px也可以为24px,但是很少,

版块之间间距为20px,

在这里注意安卓端版块和版块之间的距离以及版块的高度应该为被4整除的数值,

字体为黑体韩语,

字号在24-34号之间,注意无论是iOS还是Aandroid端字号设置都应该为可以被2整除的数值。

下面是某安卓设计师的实践和工作总结。值得参考,也可以说是设计 Android APP的最佳实践

1. 画布大小定位 720 x 1280,72 dpi

2. 只使用偶数单位的尺寸,比如 96 px 的列表项高度,32 px 的边距,64 px 的图标边长

3. 只使用 24 pt,28 pt,36 pt 和 44 pt 的字体

4. 设计完成以后,所有尺寸的 px 值除以 2 作为 dp 数值交给工程师

5. 所有字体的 pt 值除以 2 作为 sp 数值交给工程师

6. 所有切图变成三份,分别是原始大小、缩小 1.5 倍,缩小 2 倍,分别作为 xhdpi,hdpi,mdpi 的资源交给工程师,多种尺寸的设计图可以保证上线效果无瑕疵。

虽然两个版本内容区域没有固定规范,但是每套标准一旦确定整体制作风格要统一,UI设计人员在设计之前先分析各个版块的功能,再根据功能进行设计,首页和关键页面制作尤其是首页制作至关重要,在首页中可以先定好规范,比如字体和按钮的颜色色值、字体、字号、两边间距以及各个版块之间的间距都要标注好,方便后期页面的制作,保证整体效果的统一和规范。

24
举报
99
分享
原创文章 UI
声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。
评论
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
登录注册
侵权申诉 企业服务 帮助中心
京网文[2023]1747-060号 京公网安备11010502000501号 京ICP备11017824号-4 京ICP证130164号Copyright © 2006-2024 ZCOOL站酷

两个鬼故事新科大求大师起名字进出口贸易公司起名菱镁材料出口生意作为一棵小草我压力很大起名表示健康平安的字以上凯立德最新地图漂亮书生演员表洗发水起名五行土字女孩起名潜心贯注抗战之大国崛起老师起名多少钱公司起名带会中文英文名起名关于农资公司的起名大全博主怎么起名字舒字起名字诗经公司起名lol起名字计算机公司起名宝宝沐起名根据四柱来起名方法高端化妆品的起名姓余男孩取名起名大全姓余男孩起姓名大全男孩起名带木字旁的字psv多玩163302基金净值少年生前被连续抽血16次?多部门介入两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”淀粉肠小王子日销售额涨超10倍高中生被打伤下体休学 邯郸通报单亲妈妈陷入热恋 14岁儿子报警何赛飞追着代拍打雅江山火三名扑火人员牺牲系谣言张家界的山上“长”满了韩国人?男孩8年未见母亲被告知被遗忘中国拥有亿元资产的家庭达13.3万户19岁小伙救下5人后溺亡 多方发声315晚会后胖东来又人满为患了张立群任西安交通大学校长“重生之我在北大当嫡校长”男子被猫抓伤后确诊“猫抓病”测试车高速逃费 小米:已补缴周杰伦一审败诉网易网友洛杉矶偶遇贾玲今日春分倪萍分享减重40斤方法七年后宇文玥被薅头发捞上岸许家印被限制高消费萧美琴窜访捷克 外交部回应联合利华开始重组专访95后高颜值猪保姆胖东来员工每周单休无小长假男子被流浪猫绊倒 投喂者赔24万小米汽车超级工厂正式揭幕黑马情侣提车了西双版纳热带植物园回应蜉蝣大爆发当地回应沈阳致3死车祸车主疑毒驾恒大被罚41.75亿到底怎么缴妈妈回应孩子在校撞护栏坠楼外国人感慨凌晨的中国很安全杨倩无缘巴黎奥运校方回应护栏损坏小学生课间坠楼房客欠租失踪 房东直发愁专家建议不必谈骨泥色变王树国卸任西安交大校长 师生送别手机成瘾是影响睡眠质量重要因素国产伟哥去年销售近13亿阿根廷将发行1万与2万面值的纸币兔狲“狲大娘”因病死亡遭遇山火的松茸之乡“开封王婆”爆火:促成四五十对奥巴马现身唐宁街 黑色着装引猜测考生莫言也上北大硕士复试名单了德国打算提及普京时仅用姓名天水麻辣烫把捣辣椒大爷累坏了

两个鬼故事 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化