做了几套app在设计风格上追求很哆效果,但是却忽视了基础针对app界面设计尺寸规范,了解很少除了之前一直在思考界面尺寸大小转化。对于app界面尺寸大小规范其实在網上是有很多这方面知识的所以在学习的同时总结一些知识,在这跟大家分享一下
首先,针对尺寸大小从头说起(以iPhone4界面来说):app汾为状态栏、导航栏、内容、菜单栏。状态栏高度40px导航栏高度88px,菜单栏高度98px左右两侧留边距各20px,针对图标跟文字间隔20px
对于文字大小方媔跟之前说的一样。顶部导航栏标题文在36px左右标题文字大小30px,内容性主要文字28px辅助文字24px,次要文字(底部菜单文字)22px提示性文字(翻页空间文字)在18px。
按钮规范一般来说:1、背景?文字 按钮边框2px,文字大小28px按钮高度64px。
2、背景?图标?文字 按钮边框2px文字大小28px,圖标大小38px按钮高度64px,图标与文字间距10px
3、图标?文字 图标大小48px,间距10px文字大小28px。
4、文字 全文28—链接醒目亮色文字 文字操作按钮大小36px
列表页规范:文字均为28px_黑色_#px,特殊文字有大小、加粗和色值区分列表默认背景颜色为#FFFFFF,分割线1px_#DFDFDD点击背景颜色为#F1F1F1,图片跟文字的行高为136px文字行高88px,图标跟文字行高88px
暂时整理了一部分尺寸规范,仅供大家参考学习希望给大家解惑,有助大家在设计app时更加完善
转载时請注明出处及相应链接,本文永久地址:/11171.html