SEARCH
行业动态

行业动态

移动友好型网站设计的7个技巧

2021-04-08

阅读:8

据研究,目前所有网站流量中的一半以上都发生在移动设备上,约占所有在线购物的45%。随着移动网站浏览变得更加根深蒂固,设计更加直观,这些数字预计只会上升。因此,出色的移动友好型网站将成为网站建设中的亮点之一。

光龙建站是赣州专业网站建设、网站设计公司,今天和您分享经验!

1. 使用行动优先原则

通过围绕移动体验集中艺术指导,鼓励设计师凭借自身的局限性来主导设计决策。不仅存在尺寸限制,移动用户还经常用一只手进行交互,并且除了轻按和滑动以外,输入往往比台式机更麻烦。因此,移动优先设计使用行动优先原则。


2. 建议使用的尺寸

在手持移动设备上,与其他设计环境相比,空间可能感觉更有限。据研究,目前常用的屏幕分辨率为360×640(纵横比为9:16)。当涉及到移动设计的字体大小时,正文建议至少使用16像素。


3. 针对纵向进行优化

尽管从技术上讲,移动网站可以在设备侧翻的情况下以横向模式使用,但纵向模式却更为普遍。即使移动网站上的水平空间较小,设计人员也可以使用空格和填充来强调,增大文本并促进滚动。纵向模式的狭窄度非常适合单列布局。在这种样式中,站点元素从上到下依次放置。尽管以内容为中心的对齐方式很常见,但左右对齐的交替会产生视觉兴趣和两列布局的错觉。此外,较小的元素(如图标和照片)可以显示在网格中,而图像轮播则可以通过水平滑动来破坏垂直滚动。


4. 最小化菜单

导航是另一个可能迅速变得复杂的领域,具体取决于目的地的数量和为用户提供的选项。对于实际菜单的样式,一种常见的方法是滑出侧边栏,该侧边栏会在屏幕的一部分上覆盖导航选项。这允许菜单在与页面其余部分不同的维度上操作,同时为用户留出从菜单中跳出并返回上一屏幕的空间。根据菜单的复杂程度,每个菜单选项可能包含更多的嵌套选项或一个子菜单。当用户单击这些子菜单之一时,最好使新的选项列表替换现有菜单,以使列表简短。


5. 收合次要内容

桌面网站通常留有深入的正文,产品规格和其他内容的空间。但是由于移动网站要求信息要点,设计人员必须消除或缩短所有不必要的内容。这是可折叠/展开部分派上用场的地方。


6. 限制表单字段和文本输入

文本输入必须是移动可访问性的最大障碍之一。尽管这里说的话并没有什么大不了的,但是当移动网站需要一个电子邮件地址时,谁又没有吟-迫使您用一只手循环浏览字母,大写字母,标点符号和符号菜单?因此,您应尽可能减少表单字段。

从其全球流量持续增长的方式来看,移动网站浏览显然是未来的方式。更多网站设计、移动端网站设计、网站建设等相关,欢迎您咨询光龙建站!


  • GanZhou
  • DongGuan
  • ShenZhen
  • GuangZhou
  • JiuJiang

ADD:赣州市南康区龙岭经济开发区

TEL:136-6297-4469

ADD:东莞市常平镇星汇置地16层

TEL:181-2288-6265

ADD:深圳市宝安区沙井南环路188号

TEL:136-6297-4469

ADD:广州地铁一号线黄沙站附近

TEL:181-2288-6265

ADD:九江市长虹大道东方俊园15楼

TEL:136-6297-4469

Wechat