计算机端和移动端输出的区域尺寸不同，这同样是一个很大的区别，目前主流显示器的尺寸通常在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布局方式等。
可能您还想看