找回密码
 开放注册

QQ登录

只需一步,快速开始

微信登录

微信扫码,快速开始

搜索
查看: 1138|回复: 1

移动网页设计的几点注意事项

[复制链接]
已绑定手机
已实名认证

1262

主题

2287

回帖

8264

牛毛

认证会员

积分
8464
发表于 2020-11-13 16:34:57 | 显示全部楼层 |阅读模式 来自 北京市

  1.布局
  由于网页本身和外在的因素影响,用手机浏览网页可能会是一件比较耗时的事情。所以记住,让您的移动网站设计得方便使用者。比如,把所有你想让手机用户看到的最重要的信息放到页面顶部;最大限度的避免在界面的左右两侧放置导航,因为为了方便浏览,我们更多需要把页面内容设计成单一的分栏形式。也应该减少表格的使用,如果一定要加入表格,也不应超过2列,同时避免行与列的融合。由于屏幕大小的限制,很多情况下铺天盖地的菜单是不被允许的。菜单可能必须采用垂直的方式,但如果每一个单页都需要用户去向下滚动菜单才能看清所有的内容,这可能又会很不舒服。所以,如果你的网站只有三个或者更少的链接,可以采用一直浮在可视窗口形式的菜单,在这种情况下,它恰巧可以是横向的。比如,在第一页使用导航,在其他页面的顶部使用链接或者面包屑连接到首页。
  2.内容
  因为用户在浏览你的网页时可能正处于行走的状态,所以应该确保网站上的信息很容易阅读和浏览,并且让用户快速的识别并轻松的找到想要的信息。要确定好最终要在移动界面上展示的内容,合理地规划好的菜单和文本,避免由此造成的不合理缩放变化。至于所呈现文本的版式,可以考虑用标题来控制字体大小。
  3.编码
  在实际制作移动网站中对于编码应该没有什么特殊的需求,使用XML或者XHTML编码就很方便。也可以用最基础的HTML和CSS编码。标题标签,描述meta标签,头部标签和文件名应该用目标关键词精心地制作,以使得小优化内容可用性的最大化。
  4.图片
  正常情况下大多数手机载入的图片对它们来说都非常繁重,所以在相关地方使用的图像要尽可能的小。而且图片应该是JPEG,GIF或者是PNG格式的,因为这些格式的图片很轻盈。另外确保你的图片被压缩过,以免图片在页面中变得很大。还有值得一提一点是:用户经常会浏览到没有打开的图片。因此,最好始终使用alt文本,这是一个值得推荐的做法。
  5.页面大小
  为一个移动网站指定风格时,保持所有的东西简洁,尽量追求小页面是非常有必要的。移动页面最大容量是20KB,所以要确保一切尽量满足这一点。如果可能的话,页面的大小可以小于10KB。要知道,用户在移动网络上的数据费用是以KB为单位收取的。

已绑定手机

186

主题

7145

回帖

1401

牛毛

VIP推广永久卡

http://www.gxcpcb.com 硅芯创科技

积分
1422
QQ
发表于 2020-11-19 11:40:27 | 显示全部楼层 来自 广东省深圳市
网页时可能正处于行走的状态,所以应该确保网站上的信息很容易阅读和浏览
您需要登录后才可以回帖 登录 | 开放注册

本版积分规则

帮助|Archiver|小黑屋|通信管理局专项备案号:[2008]238号|NB5用户社区 ( 皖ICP备08004151号;皖公网安备34010402700514号 )

GMT+8, 2024-12-23 04:32 , Processed in 0.126273 second(s), 26 queries , Yac On.

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表