网站建设自定义移动和计算机端Web UI差异

计算机和移动设备输出的区域大小不同。这也是一个很大的不同。目前，主流显示器的尺寸通常为19-24英寸，而主流手机的尺寸仅为5-7英寸。这种差异的结果是，在计算机端的UI中，您可以尽可能地将内容放入主页，并尝试避免更多级别。通用类网站基本上只有3级目录，并且这个3级目录是建立在第一级上产生足够的子目录。在移动Web UI中，需要更多级别，因为不可能在第一页中放置无限量的内容，因此必须为用户提供更清晰的操作过程，以便用户可以更容易地知道当前位置，而且很容易到达

移动网页用户界面和计算机网页用户界面，由于媒体，手指和鼠标的不同，这是一个很大的区别，导致以下差异。 1.不同移动平台的界面设计保留了Web的核心部分，更加简洁，常用的功能按钮更易于查找。移动UI重新组织PC的一些内容，以突出移动用户的特征并优先考虑用户需要的一些信息。 2，位置不同对于鼠标来说，可以说按钮在屏幕的任何位置，对操作的影响不是很大，用户可以轻松将鼠标拖动到任意位置，点击任意按钮。因此，可以看到大多数网页。为了确保网络界面的整体美感，按钮通常放置在边缘的小空间中。对于移动电话web UI，有必要考虑移动电话的使用环境。虽然当前的手机屏幕尺寸越来越大，但用户更喜欢用一只手操作手机。因此，为用户设计的按钮通常更多。在屏幕的底部，或在可以控制左手和右手拇指的区域。 3，不同的操作习惯对于鼠标，通常有几种操作，如点击，双击和右键单击，因此在计算机端的Web UI中，可以设计右键菜单并双击动作。对于手机网页UI，它通常设计为点击，长按，滑动甚至多点触控，因此您可以设计长按呼气菜单，滑动页面或切换，放大和缩小两个手指并旋转两个手指。显然，设计师不能混淆上述两种操作习惯。想象一下，如果移动应用程序中有右键单击菜单或网页上的多点触摸操作，查看器会发生什么。 4，计算机端网页UI按钮的按钮状态不同，通常具有默认状态，鼠标悬停状态，鼠标汇海命中状态和不可用状态。对于移动电话网页的UI中的按钮，通常只有默认状态，点击状态和不可用状态。 因此，在计算机端的Web UI中，按钮可以与环境和背景更加和谐地集成，而不用担心用户找不到按钮，因为当用户找不到它时，鼠标会滑动在屏幕上，然后按钮鼠标通过状态并派上用场。在移动Web UI中，按钮需要更明确且更具方向性，以便用户知道哪里有按钮，因为一旦用户点击，就会发生触发按钮事件。计算机和移动设备输出的区域大小不同。这也是一个很大的不同。目前，主流显示器的尺寸通常为19-24英寸，而主流手机的尺寸仅为5-7英寸。这种差异的结果是，在计算机端的UI中，您可以尽可能地将内容放入主页，并尽量避免更多级别。通用类网站基本上只有3级目录，并且这个3级目录是建立在第一级上产生足够的子目录。在移动Web UI中，需要更多级别，因为不可能在第一页中放置无限量的内容，因此必须为用户提供更清晰的操作过程，以便用户可以更容易地知道当前位置，并且很容易到达你想去的页面。因为地图在移动电话的UI中更重要，所以它比计算机的UI更大。 5，信息布局不同的移动终端所有模块都是从上到下也成为瀑布流。优点在于，当页面内容较大时，可以通过向下滚动手指来实现翻页操作，并且布局模式逐渐统一。 PC侧的布局比移动终端的单个“瀑布”布局更加多样化，例如常用的T形布局，唇部布局和POP布局。