您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商
网页设计三部曲之移动端无障碍设计
2017.12.15
  随着智能手机的兴起,移动应用该得到最大的发挥,目前有50%的用户利用移动设备来访问网页,这个趋势还将不断发展,人们都喜欢和向往个性化办公,随时随地都能访问网页。

  今天专业网页设计、网络营销策划公司:北京分形科技小编就来畅谈一下移动端网站的设计优化技巧。


网页设计三剑客之移动端无障碍设计


  1、响应式的网站设计。

  现在的网页,一般都是秒开,由于PC端和移动端有着不同的屏幕分辨率,所以采用单列布局,在手机屏幕上布局看起来效果都还不错,因为单列可以充分利用小屏幕空间,还可以轻松的在不同屏幕之间进行缩放,苹果电脑Mac的设计就是很好的例子,采用双指可以随意缩放网页,改变网页的大小。

  2、采用手势操作。

  智能手机的使用就是一个创新,在以往手机都是通过按键来进行的,而现在呢?现在直接通过手指可以随意滑动,随意点击,目前页面的手动操作虽然比之前有所突破,但是还需要进步智能,据一项研究发现,手指面的平均尺寸在 10 到 14 毫米之间,指尖在 8 到 10 毫米之间,10× 10 毫米是一个很好的尺寸。


网页设计三剑客之移动端无障碍设计


  3、无障碍设计。

  无障碍设计主要是针对那些色盲,弱视等用户量身定做的。比如对于色盲用户,他们对颜色是没有任何感觉的,随着色盲用户的逐年增加,也为了避免用颜色来传达意义,不应该使用颜色作为唯一可视传输方式,这样对于那些色盲用户来说,未免有失公平和有些无奈。

  弱视用户,很多网站都喜欢采用对比度较低的模式,因为这种模式看起来比较柔和,但是在弱视用户来说,就是十分不友好,弱视用户看着对比度低的页面可能是比较黑暗。这对于用户的体验可想而知。

  在设计的时候,千万不要为了美观而忽略实用性,设计最主要的目的就是能准确的把信息传达给用户,而不只是为了美观,网站上内容最主要的是可读性,文本的可读性要求文本与背景颜色有一定的对比,这也是为了确保哪些有视觉障碍的用户可以看清信息。


网页设计三剑客之移动端无障碍设计


  4、测试。

  网页设计完成之后,就需要对所设计的网页进行测试,测试内容主要是用户体验的测试,以及页面加载的测试,网站的页面加载速度需要在用户的课承受范围之内,最好在5秒之内。

  如果页面加载速度太慢,可能是多方面的原因,可能是后台代码没有优化,也有可能是网站的内容嵌入JS或者flash动画等。找到原因然后解决问题。


相关文章:1. 网页设计三部曲之网站地图优化         

                 2. 网页设计三部曲之内容结构优化

400-6446-365 / 010-64928252 我想要个更针对我需求的方案
让决策变的简单
好的开始是成功的一半
请输入关键字