全国客服热线:4006-880844

网站建设定制移动端与计算机端网页UI区别

- 编辑:admin -

计算机端和移动端输出的区域尺寸不同,这同样是一个很大的区别,目前主流显示器的尺寸通常在19—24寸,而主流手机的尺寸则仅仅为5—7寸。这个不同造成的结果是在计算机端网页UI中,可以尽量多地把内容放进首页,而尽量避免更多的层级,一般类的网站,基本只有3级目录,而这个3级目录是建立在第一级所产生的子目录足够多的情况下。而在手机端网页UI中,就需要更多的层级,因为不可能在第一个页面里放入无限多的内容,因此必须给用户一个更加清晰的操作流程,让用户可以更容易知道当前的位置,并且很容易到


移动端网页UI与计算机端网页UI,由于操作的媒介不同,手指与鼠标,这是一个很大的区别,从而造成了如下几点不同。
1、界面不同
移动平台的界面设计保留了Web的核心部分,更加简洁,常用的功能按钮更易于查找。移动端UI是将PC端的一些内容进行重组,目的是突出移动用户的特点,优先突出用户所需要的一些信息。
2、位置不同
对于鼠标,可以说按钮在屏幕中的任何位置,对于操作的影响都不是很大,用户可以轻松地拖动鼠标到任何想去的位置,点击任何需要的按钮。因此,可以看到大部分的网页,为了保证网页界面整体的美感,一般都将按钮放置在边缘的一个狭小空间内。
而对于手机端网页UI,需要考虑的是手机的使用环境,虽然当前手机屏幕尺寸越来越大,但用户更加希望单手就能操作手机,因此,为使用者设计的按钮,通常更多地在屏幕下方,或左右手大拇指能控制到的区域内。
3、操作习惯不同
对于鼠标,通常会有单击、双击和右键这几种操作,因此在计算机端网页UI中,可以设计右键菜单和双击动作等。而对于手机端网页UI,通常会设计点击、长按、滑动甚至多点触控,因此可以设计长按呼出菜单、滑动翻页或切换,双指的放大缩小以及双指的旋转等。
很明显,设计者不能把以上这两种操作习惯混用,试想一下如果手机应用中出现右键菜单,或者网页中出现多点触控操作,那么浏览者会有怎样的体验。
4、按钮状态不同
对于计算机端网页UI中的按钮,通常有默认状态、鼠标经过状态、鼠标点击状态和不可用状态。而对于手机端网页UI中的按钮,通常只有默认状态、点击状态和不可用状态。
因此,在计算机端网页UI中,按钮可以与环境以及背景更加和谐地融为一体,不必担心用户找不到按钮,因为当用户找不到的时候,会用鼠标在屏幕上滑动,这时按钮的鼠标经过状态就派上用场了。而在手机端网页UI中,按钮需要更加明确,指向性更强,让用户知道什么地方有按钮,因为一旦用户点击,触发按钮的事件就发生了。
计算机端和移动端输出的区域尺寸不同,这同样是一个很大的区别,目前主流显示器的尺寸通常在19—24寸,而主流手机的尺寸则仅仅为5—7寸。这个不同造成的结果是在计算机端网页UI中,可以尽量多地把内容放进首页,而尽量避免更多的层级,一般类的网站,基本只有3级目录,而这个3级目录是建立在第一级所产生的子目录足够多的情况下。而在手机端网页UI中,就需要更多的层级,因为不可能在第一个页面里放入无限多的内容,因此必须给用户一个更加清晰的操作流程,让用户可以更容易知道当前的位置,并且很容易到达自己想去的页面。因为map在手机端网页UI中的重要性,要比计算机端网页UI更大。
5、信息布局不同
移动端所有的模块都是从上至下展开,也成为瀑布流。好处是页面内容较多时,可以通过手指向下滚动实现翻页操作,布局方式逐渐趋于统一。
而PC端的布局方式因为空间充足,相比移动端单一的“瀑布流”布局来说,就显得比较多种多样了,例如常用的T型布局、口型布局和POP布局方式等。