010-64928252

网页设计之移动端与网页端交互设计

2020-06-28

  随着智能手机的兴起,移动应用该得到最大的发挥,目前有50%的用户利用移动设备来访问网页,这个趋势还将不断发展,人们都喜欢和向往个性化办公,随时随地都能访问网页。上海分形科技科技小编今天就来聊一下移动端与网页端交互设计。


from clipboard


  1、响应式的网站设计

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

  2、采用手势操作

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

  3、无障碍设计

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

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

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

  4、测试

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

  顺应时代趋势,做专业网站,如果您有网站建设、网页设计、网站优化等相关需求,欢迎咨询上海分形科技。
让决策变的简单
好的开始是成功的一半
您需要AI互联网
顾问提供专业咨询
AI人工智能 · VR · AR · 智慧博物馆 · 智慧公园 · 景区 · 文创 · 动画 · 游戏 · 年度运营
大模型定制 · WEB3 · 元宇宙 · 区块链 · 高端网站建设 · 小程序 · APP · 微信 · H5 · 电商