網頁設計三部曲之移動端無障礙設計

2017.12.15

　　隨著智能手機的興起，移動應用該得到最大的發揮，目前有50%的用戶利用移動設備來訪問網頁，這個趨勢還將不斷發展，人們都喜歡和向往個性化辦公，隨時隨地都能訪問網頁。

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

网页設計三剑客之移动端无障碍設計

　　1、响应式的网站設計。

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

　　2、采用手勢操作。

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

网页設計三剑客之移动端无障碍設計

　　3、无障碍設計。

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

　　弱視用戶，很多網站都喜歡采用對比度較低的模式，因爲這種模式看起來比較柔和，但是在弱視用戶來說，就是十分不友好，弱視用戶看著對比度低的頁面可能是比較黑暗。這對于用戶的體驗可想而知。

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

网页設計三剑客之移动端无障碍設計

　　4、測試。

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

　　如果頁面加載速度太慢，可能是多方面的原因，可能是後台代碼沒有優化，也有可能是網站的內容嵌入JS或者flash動畫等。找到原因然後解決問題。

400-7808-893 / 010-64913142 我想要個更針對我需求的方案

上一篇文章：网页設計三部曲之内容结构优化下一篇文章：企業建設網站的需求分析

看過此文章的人也看過

日韩一级一片