移动端网页设计尺寸标准

1、菜单简洁明了

在移动端网页设计中，因屏幕大小有限，无法设置过多内容，并且在移动设备或平板电脑中用户会厌烦滚动大型的菜单栏或点击数量众多的子菜单，因而菜单栏应简洁明了，有简练的产品、服务概述，这样会缩小用户的查找范围，对进一步信息进行点击或利用搜索功能筛选。

2、表单简短贴心

移动端网页设计时应考虑到用户时间，表单应简短贴心，在表单中诸如电话号码、卡片类型和发卡机构是可选项，用户可根据自身情况选择填写即可，以此来建立用户对网站的信任。比如表单只是用户用来订阅电子报，仅需登记用户姓名和邮箱即可若是支付表单，应省略不必要字段，以此来增加网站安全度。

3、简化表单字段

设计表单时应考虑到表单字段数，减少用户输入字数也要尽量将表单做的清晰明了，使必填项和可选项一目了然。而表单字段可以采用多种类型，如下拉式、复选框式以及日历式。同时在用户输入支付信息、物流信息以及预订行程时，这些类型的字段都能派的上用场，以及便于回头用户更便捷地应用自动填写功能，缩短购物过程，并为不愿注册账号的新用户提供访客支付选项。

4、通过行为召唤组件(CTAs)吸引用户眼球

行为召唤组件在移动网页中尤为重要，在设计移动网页时，尽可能将行为召唤组件放在最显眼的黄金位置，相比电脑端用户，会让移动端用户访问网站目的更加明确。同时在理想情况下，可以将行为召唤组件放置在页眉上方，用突出的颜色或字体显示，在合理范围内让它们更加醒目，并清晰地表达其内容。

5、提供用户所需的搜索结果

在设计时，应设置搜索功能，在搜索时在第一页就显示出用户所需的搜索结果，在搜索完成后，为用户再提供一些筛选条件，如价格、相关度、畅销商品等，以便用户筛选出最适合的结果。因为一些移动用户在访问网页时目的十分明确，很少在模糊菜单或一页又一页的商品间徘徊。

关于移动端网页设计的原则有哪些，环球青藤小编就和您分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章能够对您有所帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

移动互联网继承了PC互联网开放式、互动式的特征，同时又具有实时性、隐私保护、便携性、准确性、可定位等特点。但由于终端绝大部分是手机接入，存在屏幕较小但交互性很强的特色，所以移动终端网站需要具备的最大特点是简单易用。

二、要注意的是：

本来在PC端网站可能存在大量动画、较为复杂的栏目结构，在移动网站上则需要尽可能简化本来在PC端网站可能存在较为复杂的用户操作，如注册表单填写等，在移动网站上则只需要用户做简单的操作，尽量简化用户在手机上实施复杂操作的过程。

三、特点：内容更为简洁

移动网站不适宜放复杂烦琐的内容，用户也很少在手机屏幕上仔细阅读过于复杂的网站内容，用最少的文字、最精练的表达完成内容的表述，在节约用户阅读时间的同时，也大大增进移动网站的友好度。

四、要注意的是：

对于移动端网站内容来说图片是最需要我们去注意的。由于图片使用较多会导致用户打开速度变慢，目前大部分的移动用户的网速还不能达到在PC网端的上网速度，所以在图片的选择和运用上需要谨慎，能不使用图片时尽量不使用图片，尽可能选择适用手机屏幕的图片宽度，让用户在单屏幕内看清图片内容，而不是一张看不清图片内容的缩小版图片。

因为移动端不同于PC端，我们在设计之前就必须要考虑到其分辨率的问题，由于移动端的特点屏幕小却对内容要求要精简全。所以移动网站建站对于页面要求很高，在移动网站页面设计之前就需要合理安排网站内容和结构。同时也要做好网站页面布局和视觉体验，因为只有良好的用户体验，才能让网站在移动端获得好的排名。

第二、移动网站导航设计

由于移动设备分辨率的局限性，所以移动网站的导航设计显得尤为困难，但是又不得不设计出很清晰导航结构，因为用户进入到首页之后，如果导航不清晰，将很难继续访问到网站内部。所以如何把PC端导航尽可能简单甚至浓缩到移动网站就变得很重要，小编认为导航尽量包含主要栏目和重要信息页足矣。

第三、网站内容布局要直奔主题

移动端由于分辨率的问题，不可能做的跟PC端那么全面。这就需要把重要信息放在显眼的位置。最好别下滑到下一页面。尽可能让用户在首屏就找到用户想要的信息。这样减少用户下拉页面时间，也可以用户良好体验度。

第四、移动网站加载问题

移动网站打开速度或者速率，都影响用户打开网站。如果网站打开过慢，甚至超过5秒用户打开率就迅速下降。因此，移动网站打开速率尽量保持在3秒之内，用户就很愿意在内容上面花费一定时间。因此，移动网站建设就尽量减少不必需要的图片甚至动画的使用，保证网站打开速度。

第二，最快让用户找到所需。 因为对于一个网站而言，不可能所有的内容都会被百度收录，而且让用户都通过百度来搜索你网站的内容，这本身就会对用户的工作产生巨大的浪费，从而严重影响到用户体验。当用户好不容易通过百度或者其他渠道进入到你的网站之后，你的网站就能够立刻让用户找到自己感兴趣的版块，这就要求网站的设计要遵循扁平化，而且还需要设置丰富的导航功能，让用户能够迅速的定位青睐的栏目和相关的内容，从而提升用户浏览网站的效率。 如果网站的内容足够丰富，在网站上设置一个搜索功能极为重要，别看这个搜索功能，看起来一个小搜索框不够显眼，可是往往会让用户觉得你这个网站的功能 比较强大。因为很多用户对于搜索这个功能往往会认为是高科技的象征。那么在网站建设过程中，就应该将搜索功能放在相对鲜艳的位置，从而为用户提供快捷的服务。

移动互联网时代，如何使我们设计的网站在移动端也能被用户浏览呢？这里给大家介绍响应式设计。

1.响应式定义

响应式网页设计（Responsive Web Design简称RWD）这个术语，由伊桑•马科特（Ethan

Marcotte）提出。他在A List Apart 发表了一篇开创性的文章，将三种已有的开发技术（弹性网格、弹性图片、媒体查询）整合起来，并命名为响应式网页设计。

响应网站设计应根据用户使用的设备的分辨率大小进行相应的响应与调整，最大限度满足

不同设备用户体验需求。响应式网站设计就是一个网站能够兼容多个终端，不需要为每个终端做一个特定的版本。

简单地理解：一个响应式网站＝phone端网站＋pad端网站＋电脑端网站

2.响应式设计中的界面设计

对于界面设计，我们以前针对桌面产品的设计可能就是一个尺寸的，每个模块的位置比较

固定，但是在响应式设计中，这些东西就改变了，设计师会根据产品的需要设计多个版本的设计。

但是有一点我们需要注意的是 DOM 节点的顺序最好保持一致，因为在响应式的页面中，

我们会使用流式布局，在固定版式通过绝对定位或者外边距负值的方式改变DOM 顺序和视觉顺序的技巧，在这里可能并不适用。

3.苹果官网

1.弹性网格.可基于屏幕分辨率扩展或拉伸内容。

2.弹性图片在小屏幕上可缩小尺寸，并可扩展大最大尺寸以支持大屏幕。

3.媒体查询,是放在站点HTML和样式表中的代码段，用来收集设备显示能力的信息以支持

多种形式的界面。

1.外部环境

快速增长且日趋加剧的可联网设备的多样化，让现今已不再有标准的屏幕尺寸。

2.自身特色 严格定义的响应式一般是指响应式Web设计，而Web凭借其特有的灵活性和可塑性，可以适应各种尺寸和配置的设备，可以无处不在。

3.内部需求

响应式设计概念一提出，各大网站及平台都希望能够采用这秉一应万的模式，可以更灵活

地去适配更多设备，尤其是现在移动设备大爆棚的时代。

4 .一切弹性化

我们通过响应式的设计和开发思路让页面更加"弹性"了。图片的尺寸可以被自动调整，页

面布局再不会被破坏。虽然永远没有最完美的解决方案，但它给了我们更多选择。无论用户切换设备的屏幕定向方式，还是从台式机屏幕转到iPad上浏览，页面都会真正的富有弹性。通过液态网格和液态图片技术，并且在正确的地方使用了正确的HTML标记。

5 .响应式图片

响应式图片技术思想：不仅要同比的缩放图片，还要在小设备上降低图片自身的分辨率。

当这些请求到达服务器端,后台文件会决定这些请求所需要的是原始图片还是小尺寸的"响应式图片"，并进行相应的反馈输出。对于小屏幕的移动设备，原始尺寸的大图片永远不会被用到。

优点

1、支持任何设备和系统

如今是移动互联网时代，人们上网不再是仅限于PC电脑，手机、平板等移动设备的使用

率也越来越高。而响应式网站可支持任何设备访问，而且还可以在浏览器中调整网站的宽度，让网站不出现滚动条，使得用户不管在任何一种显示器上浏览网站，都不会出现布局混乱、显示不全、或者是乱码的问题，从而最大程度的提高用户的网站体验。

2、可降低制作的时间成本和资金成本

按照传统方法制作出的网站比较有局限性，不一定能够在各种设备和浏览器正常访问。有

的企业就需要做一个PC端网站和一个手机网站甚至是做一个APP，这些都需要投入大量的时间和金钱。而建设响应式网站就可以很好解决这个问题，花一份的钱，就能够获得两种网站的体验，最终实现一站多用的效果，从而达到节省网站建设成本。

3、三站合一，维护轻松

电脑、手机、微信三个网站使用的是同一个网址，同一个后台管理，数据同步更新，所有

图片和内容只需要上传更新一次即可，维护简单轻松，节约大量的时间和金钱。

缺点

1:对IE老版兼容性不友好

对于老版本IE（IE6、IE7、IE8）支持不好，这是一个致命的问题，如果你的网站用户大

多还采用老版本IE的话，建议不做响应式网页设计。

2:灵活性有所欠缺

基于不同终端的设备属性不同，对产品用户体验要求就会截然不同。内容比较多带有功能

性的网站不适合做响应式

3:速度可能会变慢

由于响应式页面是同时下载多套CSS样式代码，可能在手机上就下载PC、Pad的冗余代码，

导致文件变大，影响加载速度。

1.同一页面在不同大小和比例上看起来都应该是舒适的

2.同一页面在不同分辨率上看起来都应该是合理的

3.同一页面在不同操作方式（如鼠标和触屏）下，体验应该是统一的

4.同一页面在不同类型的设备（手机、平板、电脑）上，交互方式应该是符合习惯的。

1 iPad设计尺寸

尺寸：1024*768px

状态栏：20px

导航栏：44px

标签栏：49px

2 THE OUTENT 电商APP

1.字体

2.图标

3.公共控件

3 iphone设计尺寸

尺寸：750*1334px

状态栏：40px

导航栏：88px

标签栏：98px

界面尺寸及栏高度

1.文字

在一款APP中字号范围一般在20-36之间（@2x）,当然iOS 11中出现了大标题的设计，

字号还是要根据产品属性酌情设定。另外需要注意的一点是所有的字号设置都必须为偶数，上下级内容字号极差关系为2-4号。

通过本篇文章你可以学到以下几点：

1.什么是响应式网站；

2.响应式网站的前景；

3.响应式网站有哪些优缺点；

4.响应式网站设计的四个层次；

5.常见的移动端设备的尺寸规范

当在有争论的情况下，做一个友好的移动网站，有大量的证据呈现给企业主，例如：Pew Research研究显示56%的美国成年人随身携带便携式智能手机。然而，一般统计显示移动设计的价值是有用的，他们不提供如何准确理解用户在他们的移动手机上与特定品牌的互动的必要指导。下面我为大家整理了创建智能手机网站的建议，一起看看吧!

通常情况下，设计和开发团队将被要求重新设计一个过时的网站是有求必应。纵观现有的数据均把提供如何最好的呈现信息给移动用户作为至关重要的洞察力。谷歌Analytics(分析)提供了大量的免费功能，为移动行为提供令人难以置信的详细分析，和桌面访问行为相比变得更容易。

如果你还没有安装谷歌Analytics(分析)，设置它很容易。只要创建一个免费帐户，然后谷歌将引导你完成整个过程。开始收集数据之前，你需要放置一个跟踪代码在你的页面，我们将在本文中详细介绍。

通过报告分析移动访问

人们在谷歌Analytics(分析)浏览最多的是标准报告。让我们来看下最重要的移动活动。

1.概述

本报告(在“受众”→“移动”→“概述”)分解了由移动，台式机和平板电脑带来的站点访问。对快速查看高级别的统计是很有帮助的，比如：要看移动设备访问的比例。

当客户质疑做一个静态响应式网站的价值时，我觉得只要简单的展示有多少移动访客访问她们，他们得到的往往有助于说服这些客户。如果重要部分用户经验不是最理想的，那么站主应该意识到是时候该严肃对待访客的需求了。依据我的经验，桌面活动的仅占访问总数的50至60%，移动设备和平板占剩余的部分(接近一半)。

然而，开发和设计团队应该深挖而不仅仅限于概述。这时“设备”报告就派上用场了。

2.设备

本报告(“受众”→“移动”→“设备”)分解统计人们使用的特定设备来访问你的网站。这里的详情可以帮助你找出特定手机，平板或移动操作系统的问题及可用性。例如，如果Galaxy S III显示跳出率明显高于iPhone,那么你应该比较你的网站如何在这些设备上展示了。

当查看以本地服务为基础的业务报告时，该网站专注于潜在客户挖掘，我在表单里发现来自ipad的转换率明显高于其他任何移动电话设备。只是临时抱佛脚的桌面网站用于智能手机浏览在引导访客提交过程，不能给客户积极的体验。然而，在平板大小的尺寸下，该网站仍然足够大，访客使用的形式更轻松了。

正如某人在管理在线营销活动，我发现正好相反，平板电脑的转换率低于移动手机。这些统计数据，强化了需要提高移动设备的体验，使移动设备的转换达到标准。一个负责的页面布局，应满足用户需求，不让用户通过“扩大或收缩”来让页面适应用户的手机浏览器，这样才更有表现力。

但这份报告并没有在设备列表这停下。您也可以选择不同的维度，通过顶部的标签，例如分辨率和操作系统。检查访客使用最常见的屏幕分辨率，将帮助您规划重新设计一个快速响应的 breakpoints(突破口)。您还可以在特定的分辨率下标记出由于屏幕尺寸过小内容被截断而导致跳出率过高或者停留时间短暂的站点页面。

3.设备&操作系统

本报告(“受众”→“技术”→“浏览器和操作系统”)显示用于访问你的网站的主要浏览器，而且它的凸显的趋势 – 例如，是否默认的浏览器或Firefox比Android手机使用更多。此外，您还可以通过操作系统查看统计数据，甚至增加列来查看的操作系统版本(点击“次级维度”下拉菜单，并选择“操作系统版本”)。

该报告还可以揭示你应该付出多少努力在满足你网站的兼容性上。例如，当查看一个工程公司网站的统计数据时，我们的开发团队发现大多数的访客仍然实用IE8浏览器(可能是在办公室，其IT部门仍在争论是否从CRT升级到LCD显示器!)，只有一小部分比例来自移动设备的访问。这些结果帮助我们要保证网站在老系统上的易用性。

创建高级细分

当主报告提供了大量有用的信息，高级细分让你更深入了解移动访客的有用数据。你可以设置细分以区别手机，平板电脑和台式机的访问，甚至可以细分到屏幕尺寸和设备。

要查看高级细分，确保你在谷歌Analytics(分析)帐户下的“报告”选项卡中。靠近屏幕的顶部(在图形和菜单栏之间)，单击旁边的下拉箭头的“所有访问”，将出现一个菜单，允许你查看现有细分和创建一个新的细分。在“现有”细分里，你应该可以选择一个默认细分为“移动流量”和“平板流量。”

但是你要创建一个仅为台式机流量的细分(因为现有的细分是台式机和平板流量在一起的)。

选择“创建新的细分”而且出现在新菜单里，选择左侧边栏的“技术”。向下滑动到“设备类别”并进入“桌面”。然后，保存细分，以便你可以在账户中使用它。

你也可以通过谷歌Analytics(分析)界面应用高级细分报告。一般查看这些数据，我常常用这些高级细分报告，因为平板和桌面用户的访问行为和在移动上访问行为相差很多。另外，当排除高跳出率或其他一些问题时，我经常用这些细分来确定是不是特定设备类型的问题。这些细分，以确定问题是否在特定设备类型上。下面是一些有用的报告用来查看过滤后的移动流量。

1.页面

在这里(“行为”→“网站内容”→“所有页面”)，你可以确定被移动用户查看最多的页面。这些信息对规划的导航要素，包括移动和识别移动用户还没有找到任何重要的网页很有价值。此外，对比桌面和移动访问最多的页面将分析得出每个用户类型的不同目标。例如，一个桌面用户可能会很大程度浏览您的产品库存，而智能手机用户可能只是试图找到一个离你最近地址。

2.退出页面

本报告(“行为”→“网站内容”→“退出页”)显示访客离开你网站之前浏览的最后一个页面。当你已经覆盖到移动业务，查看退出率最高的页面，并确定是否有任何有关移动特有的问题阻碍访客完成预期目标。

例如，我们发现，很多用户，尤其是移动用户，在讨访问了讨论特殊服务的'页面离开了我们公司的网站。为了解决这个问题，我们把标题与简短的“联系我们”的消息放在这些页面顶部。

3.访问者流

本报告(“观众”→“访问者流”)显示访客访问你站点最多的路径。再者，对比移动和桌面用户访问行为，应该能帮助你决定在每一个尺寸哪个页面表现最突出。

在一个网站上，我发现“About”页面是桌面用户访问最常见的页面之一。然而，在移动设备上，这个页面的访问量在列表的下端，因为这个链接是个导航条，在手机上几乎看不到。

4.流量来源

本报告(“受众”→“所有流量”)显示到达网站最多的来源途径。对比移动用户和桌面用户访问，显示是否有任何特定的来源倾斜移动用户。我经常发现来自FB上的移动流量比例远高于桌面流量，因为很多的用户通过智能手机应用程序访问FB。这种察觉可以帮助你定制你的信息在手机上尺寸的大小，以及谁通过社交媒体发现了你的品牌。例如，如果它是一个博客，确保社交共享按钮在移动设备上是可见的和功能可用。

此外，这份报告可以帮助你诊断移动搜索引擎索引问题。在2013年，谷歌宣布了更严厉的规定和处罚针对用户体验差移动网站。如果你的桌面自然流量稳定，但移动流量很低，那么你可能要寻找谷歌惩罚你的因素是哪些，如Flash视频或错误重定向，把用户从一个子页面转到主页。

数据驱动抉择

如果你可以访问正在重建网站的谷歌Analytics帐户，那么你就会有大量的数据物料来决定设计和开发的决策。花时间来查看这些数据!

如果您想做一个有价值响应式网站，从寻找手机和平板最近访问的百分比开始。移动到设备，浏览器和屏幕尺寸来决定手机导航中包含哪些要素。并使用访问最多网页，访问者流量及流量来源报告，以确定哪些内容最突出，以及如何通过网站在每个尺寸来引导用户。

最危险的决定，当规划你网站时忽略了你受众的数据。任何业务忽略为移动用户提供一个友好的网络平台， 就会被竞争对手打败。设计，开发和市场团队有责任使用这些数据指导决策者做决定，让他们的站点迎合移动受众。

1、定位和页面设计。

无论是PC端还是移动端，网站都要考虑清楚消费群体的定位问题。虽然智能手机用户数量非常普及，但是要明白中国的大部分手机用户使用的还是2G网络，一直高 喊的3G、4G手机用户只有大约15%左右。所以，在页面设计时，要考虑到用户打开网页的时长，一些炫丽的flash、JS等建议还是不用为好。这不仅仅 是用户体验的问题，也是尽量减少百度索引抓取的工作，让百度蜘蛛尽可能多的爬行和收录页面。

2、网站尽可能简洁。

①手机网站比PC端网站的页面下载速度要慢得多，因此尽量把页面数和页面大小控制到最低。

②此外，由于是手机用户，用户浏览网页的时间是零碎的，不可能耐心点击很多的页面。因此，要尽可能精简移动网站设计。

③购买流程或者导购页面尽可能精简精简再精简，从消费者进入网站到购买尽可能提供最简单的步骤，直接摒弃那些冗余内容，为消费者呈现他们想要的。假如一个购买流程需要注册七八项，在购买时再填上七八项，那恐怕下次就不会有回头客了。

3、域名和robots设置。

①域名尽可能简短易记，大部分手机版网站的域名是PC端网站的二级域名，当然这个也很好，与传统网站保持一致，更让重视用户信赖。但是如果是专门的手机网站，最好起一个简短而且易记的域名。

②robots 设置上最好不要任何限制，让所有搜索引擎抓取。另外我在这里纠正一个很多站长想当然的误区，百度官方声明百度spider 的爬虫UA是Baiduspider(www 和wap 一致)，个别站长经常会误认为百度手机爬虫的UA是baiduspider-mobile，其实没这回事。

4、避免使用弹窗、flash、java等行为。

同 样道理，flash和弹窗等行为将会占用很大一部分流量，对于移动手机用户而言，无疑会浪费时间和流量，对于搜索引擎而言，基本理解不了。在技术层面来 讲，Apple产品不支持Flash功能，很大一部分智能手机用户用不了这项功能，同样，很多智能手机也不支持Java，所以这只是两方面都不讨好的做法。

5、页面细节优化。

①专属的手机网站头部标签。对于手机网站的首页或者频道首页的网 页代码中的keywords、deion最好加上与PC端有所区别的meta标签和关键词，在每个页面的关键字及描述像做传统PC端网站一 样，做好针对性的填写工作。对搜索结果的展现(摘要)以及优化工作大有帮助。

②减少死链。如果没有内容，最好用状态码指定，比如404、403 等如果内容死链希望重定向到首页，最好通过302跳转，不要使用java 跳转。

6、使用规范化的协议，做好浏览器兼容调试工作。

一般来说手机建站有xhtml、html5、wml 三种协议，最好使用规范化、标准化的协议格式，避免造成不必要的麻烦。当然也可以做多个版本的站点，站点进行不同版式的自动适配。

7、url链接规范化。

①对于多个板块的二级域名或者目录来说，使用规范、简单的url，尽量去除与页面内容无关的参数，如用来区分手机型号、区分访问用户，方便统计等的参数。如手机版的“百度知道”

②页面url链接跳转最好是正常格式的目标url，不要中间进行跳转。

8、做好移动版与PC版网站的转换。

①确保在手机网站或者PC端网站各个页面上有相应的导航或者提示链接，让用户可以在手机版和PC版进行切换，也便于搜索引擎更好的收录。

②百度官方曾声明，对于移动站点，当baiduspider ua或者其它无法确定来源的ua访问时，建议默认情况下直接返回html5 或xhtml 类型的移动页面，不要重定向到PC页面。

9、手机网站适配声明。

手机页面进行合适的 DOCTYPE 声明有助于搜索引擎识别该页面是否适合手机浏览。<!DOCTYPE>声明位于文档中的最前面的位置，处于<html>标签之前。例如：

xhtml 协议的手机页面中可以使用如下 DOCTYPE：<!DOCTYPE html PUBLIC “-//WAPFORUM//DTD XHTML Mobile 1.0//EN” “网址”>

wml协议的手机页面可以使用如下DOCTYPE:<!DOCTYPE wml PUBLIC “-//WAPFORUM//DTD WML 1.1//EN” “网址”>

而HTML5协议的DOCTYPE为： <!DOCTYPE HTML>

10、其它优化事项。

其它一些优化要点与传统PC端网站优化一样。如网站结构要用合理的树形结构，最好采用树形和扁平相结合；清晰的面包屑导航，方便搜索引擎爬行抓取和用户体验；title写法要尽量包含关键字，首页、频道页、内容页写法要有所侧重。

11、手机网站改版或变动时做好301重定向。

百度官方对于手机网站改版或者更换域名指出，新老内容映射要尽量简单，换域名时，如果能够做到路径不变，则负面影响面会更小，而且影响时间也会更短。

1.让你的整个网页都适合在移动端上浏览

相比在移动端上直接操作桌面版网页，经过适配的移动网页会大大方便用户的操作使用。

2.将主操作按钮设计得更友好

手机用户很容易忽视手机界面上的元素，所以主操作按钮要放在显要位置。手机页面的主操作按钮（Calls-To-Action Buttons）可能会跟桌面版的有所不同，所以你要从在用户的角度考虑，来决定你要把主操作按钮放在什么位置。

3.菜单栏要简短而中肯

桌面版网页里有丰富的菜单栏可能会很方便用户使用，但手机用户不会有耐心滑动长长的选项栏，找他们想要的东西。你需要考虑如何尽可能地减少菜单栏选项。例如，只留下主要产品的目录。根据「拇指原则」，尽量不要使用超过7条不同分类的条目。还有，你的分类列表应该是符合你用户的需求的：它应该是根据用户的使用频率与给用户带来的价值来排列。它不应该使用晦涩难懂的措辞。菜单栏的设定需要具备商业素养，不然你会混淆菜单栏的类别。如使用文绉绉、比喻性的措辞可能会迷惑用户，致使更多用户离开。

以上内容由中为科技为您提供！更多有关网站建设、网站设计、网站制作、微信营销、移动网站建设、营销型网站建设等互联网应用服务都可以联系我们！中为科技www.lonwin.net是深圳网站建设公司业内领先的互联网服务提供商，致力于向客户提供精品网站建设等卓越服务！