澳纽印象吧 关注:269贴子:307
  • 0回复贴,共1

移动端网站创建,设计

只看楼主收藏回复

因为智能手机的兴起,移动应用该得到最大的发挥,现阶段有50%的用户利用移动设备来访问网页,这个趋势还将一次次发展,人们都喜欢和向往个性化办公,随时随地都能访问网页。
1、响应式的网站设计。
现在的网页,一般都是秒开,由于PC端和移动端有着不同的屏幕分辨率,所以采用单列布局,在手机屏幕上布局看起来效果都还不错,因为单列可以充分利用小屏幕空间,还可以轻松的在不同屏幕之间进行缩放,苹果电脑Mac的设计就是很好的例子,采用双指可以随意缩放网页,改变网页的大小。

2、采用手势操作。
智能手机的使用就是一个创新,在以往手机都是通过按键来进行的,而现在呢?现在直接通过手指可以随意滑动,随意点击,现阶段页面的手动操作虽然比之前有所突破,但是还所需进步智能,据一项研究发现,手指面的平均尺寸在10到14毫米之间,指尖在8到10毫米之间,10×10毫米是一个很好的尺寸。
3、无障碍设计。
无障碍设计主要是针对那些色盲,弱视等用户量身定做的。比如对于色盲用户,他们对颜色是没有任何感觉的,因为色盲用户的逐年增加,也为了避免用颜色来传达意义,不应该使用颜色作为唯一可视传输方式,这样对于那些色盲用户来讲,未免有失公平和有些无奈。
弱视用户,很多网站都喜欢采用对比度较低的模式,因为这种模式看起来比较柔和,但是在弱视用户来讲,就是十分不友好,弱视用户看着对比度低的页面可能是比较黑暗。这对于用户的体验可想而知。
在设计的时候,千万不要为了美观而忽略实用性,设计最主要的目的就是能准确的把信息传达给用户,而不只是为了美观,网站上内容最主要的是可读性,文本的可读性要求文本与背景颜色有一定的对比,这也是为了确保哪些有视觉障碍的用户可以看清信息。
网页设计三剑客之移动端无障碍设计
4、测试。
网页设计完成之后,就所需对所设计的网页进行测试,测试内容主要是用户体验的测试,以及页面加载的测试,网站的页面加载速度所需在用户的课承受范围之内,最好在5秒之内。
如果页面加载速度太慢,可能是多方面的原因,可能是后台代码没有优化,也有可能是网站的内容嵌入JS或者flash动画等。找到原因然后解决问题。


1楼2018-05-16 14:53回复