APP设计常见的交互范式有哪些

2018-12-03伟之琦建站

APP设计常见的交互范式有哪些

什么是APP设计中交互范式?交互范式也就是一组可被重复使用、被用户熟知、蕴含设计经验的界面交互模式。简单来说就是,我们使用交互模板需要靠产品的定位、运营能力和用户群等。那么APP设计常见的交互范式有哪些呢?

范式一:抽屉式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 隐藏内容,需要时可展开;

2. 抽屉栏一般从顶部、底部、两侧拉出(侧边栏);

3. 抽屉展示的内容一般是具体内容,弹框一般是完成设置或任务;

4. 抽屉隐喻在交互体验更加自然,和原截面融合更好。

范式二:下拉式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 通常伴随动作;

2. 是早期谷歌平台的设计规范;

3. 节省界面。

范式三:列表式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 最常用的布局之一,而且在视觉上整齐美观,用户接受度高;

2. 列表长度没有限制,通过滑动能查看更多内容;

3. 常用于并列元素的展示,如:目录、分类、内容等。

范式四:宫格式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 宫格式是非常经典的设计,展示形式简单,用户接受度广;

2. 宫格式使用元素数量固定不变,尤其是九宫格;

3. 虽然宫格式给人设计老套的感觉,但它的一些变体目前也开始流行,例如:METRO风格。

范式五:TAB式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 受屏幕宽度限制可显示的数量较少;

2. 能减少界面跳转的层级和用户的点击次数,提高效率;

3. 通过左右滑动查看更多内容,需要用户主动探索;

4. 功能之间密切时,用户需要频繁切换各功能,TAB无疑是最佳选择。

范式六:弹窗式

APP设计常见的交互范式有哪些

APP设计常见的交互范式有哪些

特点:

1. 常见的布局设计;

2. 需要时才弹窗,节省屏幕空间;

3. 可在原有界面上进行操作,不必跳出界面;

除了以上六种布局设计,还有卡片式、轮播式、主题结构式以及组合式等,设计师可以根据APP设计的定位和风格选择合适的布局设计。

  • 上一篇:网页设计技巧:如何对网站布局做到不单调且有层次
  • 下一篇:伟之琦建站为大家解读搭建网站的基本流程
  • 新闻中心
    网站改版不要盲目(网站改版:合…

    本文将探讨如何在网站改版过程中避免盲目行动,通过合理规划和有序实施来解决企业面临的问题和挑战。

    如何制作适应不同手机尺寸的网…

    同样的内容,要在大小迥异的手机屏幕上,都呈现出满意的效果,并不是一件容易的事。 于是,网页设计师不得不…

    使用者体验对网页设计影响比较…

    网页设计不只是单纯华丽的界面,使用者体验也很重要 网页设计不是单纯把界面设计的很华丽,代码写一写就可以…

    三种网页开发语言的不同之处

    一、网页开发大势所趋随着wifi的全面普及应用,现在的互联网已经可以称为移动互联网,大家不仅可以在电脑上…

    客户评价