​8个交互设计基础知识

  • 经验类型经验/观点
  • 经验属性原创文章
  • 经验版权署名-非商业性使用
808 0 2 2020-09-25

1、最小点击热区

iOS人机交互指南中规定了最小点击热区为44*44pt


2、右手持设备,拇指触达的区域

根据研究表明,人们在使用手机的时候,75%的交互操作都是由拇指驱动的,而拇指默认悬停的位置恰好在屏幕下方。如果目标位置超过了拇指舒适的移动范围,操作成本就会无形中增加。



3、移动端原型设计常用设计尺寸

Axure原型设计的尺寸为375×667





4、交互设计中的12种状态

操作前:初始、等待

操作时:输入、空值(无数据)、有数据、过多数据

操作后:关注、正确、错误、待确认、结束、中断



5、常见的5种交互(手势)操作

点击:单指短暂触摸表面(单击、双击);

滑动:单指触摸表面并按住(向上滑动、向下滑动、向左滑动、向右滑动);

按下:单指触摸表面并按住(按住、长按);

捏合/展开:用两根手指触摸表面以移入(捏合)或移出(展开);

拖动:沿表面移动而不会破坏接触(上推、下拉)


6、链接跳转的方式

一般有3种样式:

①文字按钮 ;②文字链接  ;③图标按钮。

当链接文字很长,请嵌在文字内部,而不是使用按钮;

当链接不太重要,请嵌在文字内部;

当链接表示动作,请使用按钮或者图标,比如上传发布之类。



7、内容边界

由于移动设备的横向尺寸及小屏设备存在的限制,在横向的字数上,按照尺寸28px来计算,加上两侧预留的边界宽度,750px尺寸的小屏手机上最多可完整显示字数在20~24个字之间。




8、栅格系统

偶数思维:以8为基础倍数,元素大小可以被大多数浏览器识别并整除,最大程度避免出现半像素的情况。





看完了,点个赞再走呗~








Powered by Froala Editor

全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消

每人每天仅限5票,快给你心仪的作品鼓励的一票。

投票