首页 爱情文章 亲情文章 友情文章 生活随笔 校园文章 经典文章 人生哲理 励志文章 搞笑文章 心情日记
  • 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
    •
    当前位置: 山茶花美文网 > 校园文章 > 正文

    [不同平台下菜单的交互设计探析] 交互设计与工业设计

    时间：2018-08-11来源：山茶花美文网 本文已影响 人 山茶花美文网手机站

    菜单的交互类型：

    平行结构

    线性结构(菜单层级沿x、y任一轴向平行展开。)

    不同平台下菜单的交互设计探析1

    纵深结构(菜单层级沿z轴纵深递进，一个界面只显示一个菜单层级。)

    不同平台下菜单的交互设计探析2

    十字结构

    菜单使用x、y、z任意两轴向结合

    不同平台下菜单的交互设计探析3

    十字、纵深结合

    使用十字结构展现主要层级，其他菜单层级进行纵向展现。

    不同平台下菜单的交互设计探析4

    各平台分析：

    PC平台：

    PC平台特点：

    分辨率高——可以在屏幕上展现大量信息。

    与人距离近(30~60CM)——可以使用小字体和小图标。

    键鼠操作方便、灵活——能够支持复杂、功能强大的交互。

    结论：

    键鼠为PC平台提供了完美的交互支持。能够进行复杂、功能强大的交互设计。

    在PC平台，常见的菜单类型为平行结构和纵深结构，也有两者结合的结构。

    移动平台：

    移动平台特点(主要指目前流行的触屏平板电脑、平板手机)：

    分辨率高较高——但是实际操作时是以手指的宽度作为一个操作单位，可操作的文字和图标要足够大(宽高度要能够容纳一个手指)。

    与人距离近(30~60CM)——可以使用小字体和小图标设计展示性(不需要用户操作)内容。

    触屏操作方式——可以模拟鼠标的点击、拖拽，无法模拟右键、滚轮的操作。能够进行较灵活的交互。

    结论：

    受分辨率的限制，不能在一个屏幕上显示太多信息。所以一般使用纵深结构或十字结构。例如，iphone等平板手机，一般使用纵深结构;ipad等平板电脑，一般使用纵深结构或线性结构。

    电视平台：

    电视平台特点：

    与人距离较远(2~3M)——设计时，文字、图标等要比其他平台大。

    操作和输入方式不如键鼠灵活——避免繁琐、复杂的交互方式

    分辨率高(最大能到到1920×1080)——屏幕上可以展现较多信息

    结论：

    电视屏幕分辨率高，但从硬件来说已经足以支持复杂信息的显示。

    受限于操作和输入方式，不能设计复杂的交互，主要以纵深结构和十字结构为主。

    人的正常行为习惯(一般距离电视屏幕2~3M)要求我们在内容呈现时要使用较大的字体和图标。

    作者：Samael 任帅

    文章来源：blog.sina.com.cn/mingqin1

    • [不同平台下菜单的交互设计探析] 交互设计与工业设计 相关文章:
    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全

    最新文章

    热点文章

    推荐访问

    军训远足心得体会 军训爬山心得体会 大学军训徒步拉练感想 军训徒步作文 军训徒步10公里感想 军训徒步心得体会 5分钟演讲中秋节节日 中秋一分钟演讲 中秋节演讲稿4分钟 中秋节演讲稿一分钟 中秋节演讲稿五分钟 3-5分钟 中秋节短篇演讲稿 中秋节演讲稿两分钟 中秋节的演讲稿3分钟 关于中秋节的演讲稿三分钟 孩子体验军训的心得 参加孩子军训活动的感受与收获 家长对孩子军训后的收获和感悟 小孩军训的收获与感悟 学生军训的收获与感悟 孩子军训成长过程家长感悟 孩子军训感悟 孩子军训心得体会 孩子军训的收获与感悟 兵役前训练心得体会 部队当兵的心得 新兵役前教育训练心得体会 预备役军训心得体会 新兵军训感悟

    本文[不同平台下菜单的交互设计探析] 交互设计与工业设计由山茶花美文网整理提供，版权归原作者、原出处所有。

    Copyright © 山茶花美文网 All Rights Reserved.