亿博电竞交互设计：界面设计尺寸详解与常用尺寸

发布时间：2023-07-01 丨 浏览次数：

　　亿博电竞分为了四个广义的大小：低（120dpi）、中（160dpi）亿博电竞、高（240dpi）和超高（320dpi）

　　元素尺寸：推荐设计稿的画布尺寸选用 720X1280 亿博电竞，分辨率仍旧为72ppi（素/英寸）

　　在android 规范中对于导航栏、工具栏等的尺寸没有明确的规定。但根据48dp 原则，以及一些主流的android 应用的截图分析，

　　总结一下尺寸要求：状态栏高度：50 px 导航栏、操作栏高度：96px=48dp x 2 主菜单栏高度：96 px

　　（以上单位都是像素，至于分辨率一般网页UI 和移动UI 基本上都只要 72 ppi）

　　iPhone 的APP 界面一般由四个元素组成，分别是：状态栏、导航栏亿博电竞、主菜单栏以及中间的内容区域亿博电竞。

　　状态栏：就是我们经常说的信号、运营商、电量等显示手机状态的区域，其高度为：40 px

　　导航栏：显示当前界面的名称，包含相应的功能或者页面间跳转的按钮，其高度为：88 px

　　主菜单栏：类似于页面的主菜单，提供整个应用的分类内容的快速跳转，其高度为：98 px

　　内容区域：展示应用提供的相应内容，整个应用中布局变更最为频繁的，其高度为：734 px=960-40-88-98

　　对大于30W台客户端用户进行测试，得到的测试数据如下（数据来源于网络）：

　　在Window XP常见分辨率1024×768下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是584。

　　在Window 7常见分辨率1440×900下我们除掉任务栏，浏览器菜单栏以及状态栏后剩下的网页首屏高度平均值是716。

　　于设计来说亿博电竞，选取一个合适的尺寸作为正常大小和中等屏幕密度（尺寸的选取依据打算适配的硬件，建议参考现主流硬件分辨率），然后向下和向上做小、大、特大和低、高、超高的尺寸与密度。