手机界面设计中9种常用的布局

上传人:灯火****19 文档编号:145863971 上传时间:2020-09-24 格式:DOCX 页数:19 大小:1.02MB
返回 下载 相关 举报
手机界面设计中9种常用的布局_第1页
第1页 / 共19页
手机界面设计中9种常用的布局_第2页
第2页 / 共19页
手机界面设计中9种常用的布局_第3页
第3页 / 共19页
手机界面设计中9种常用的布局_第4页
第4页 / 共19页
手机界面设计中9种常用的布局_第5页
第5页 / 共19页
点击查看更多>>
资源描述

《手机界面设计中9种常用的布局》由会员分享,可在线阅读,更多相关《手机界面设计中9种常用的布局(19页珍藏版)》请在金锄头文库上搜索。

1、.手机由于屏幕尺寸的限制,可显示内容要比PC 屏幕少得多。在手机界面设计中,若直接把所有内容在一屏内显示,会使界面混乱不堪, 丑陋且不可用。 我们需要对信息进行有效组织,通过合理布局把信息展示给用户。合理的布局设计可以使信息变得井然有序,用户可以很容易地找到自己想要的信息,产品的交互效率和信息的传递效率都得到提升。下面来看看手机界面设计中常用到的一些布局。1 ,竖排列表竖排列表是最常用的布局之一。手机屏幕一般是列表竖屏显示的,文字是横屏显示的,因此竖排列表可以包含比较多的信息。列表长度可以没有限制,通过上下滑动可以查看更多内容。竖排列表在视觉上整齐美观,用户接受度很高,常用于并列元素的展示,包

2、括目录、分类、内容等。.2 、 横排方块横排方块是把并列元素横向显示的一种布局。我们常见的工具栏,TAB ,Coverflow等都采用这种布局。 受屏幕宽度限制,它可显示的数量较少,但可通过左右滑动屏幕或点击箭头查看更多内容, 不过这需要用户进行主动探索。它比较适合元素数量较少的情形,当需要展示更多的内容适,竖排列表则是更优的选择。.3 ,九宫格九宫格是非常经典的设计,展示形式简单明了, 用户接受度很广。 当元素数量固定不变为8 、9 、 12 、 16 时,则适合采用九宫格。虽然它有时候给人设计老套的感觉,不过它的一些变体目前比较流行,比如METRO 风格,一行两格的设计等。.4 , TAB

3、采用 TAB 可以减少界面跳转的层级,可以将并列的信息通过横向或竖向TAB 来表现。 与传统的一级一级的架构方式对比,此种架构方式可以减少用户的点击次数,提高效率。 当功能之间联系密切,用户需要频繁在各功能之间进行频繁时,TAB 布局是首选。.5 ,多面板多面版的布局常见于PAD 终端,手机上也会用到。多面版很像竖屏排列的TAB ,可以展示更多的信息量, 操作效率较高, 适合分类和内容都比较多的情形。它的不足是界面比较拥挤。.6 ,手风琴手风琴布局常见于两级结构的内容。用户点击分类可展开显示二级内容,在不用的时候, 内容是隐藏的。因此它可承载比较多的信息,同时保持界面简洁。手风琴可以减少界面跳

4、转,与树形结构相比,手风琴减少点击次数,提高操作效率。 手风琴在浏览器上很常见,很多浏览器的导航、历史、下载管理等页面均采用了手风琴的设计。.7 ,弹出框弹出框很常见, 也属于布局设计的一种。弹出框把内容隐藏,仅在需要的时候才弹出,以节省屏幕空间。弹出框可在原有界面上进行操作,不必跳出界面,体验比较连贯。弹出框在安卓系统上的使用很普遍,比菜单、单选框、多选框等,在IOS 系统上使用相对少些。.8 ,抽屉 / 侧边栏抽屉也是将内容先藏起来,在需要时再展开。弹出框一般是完成设置或完成某个任务,而抽屉展示的一般是具体内容。抽屉在交互体验上更加自然,和原界面融合较好。抽屉栏一般从顶部或底部拉出,若是从左右两侧拉出的,我们一般称为侧边栏。Path 和一些浏览器的书签,均采用了侧边栏的设计。.

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 学术论文 > 管理论文

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号