随着手机上网用户的增加,手机网站建设成为当下的趋势,人们开始着手接触手机版网站的设计。但是对于手机网页设计,人们还有一些疑惑,有的人认为手机网页设计不同于电脑网页设计,需要区别对待,有的人则认为两者是一码事,可以通用。
对此,专业的手机网页设计人士分析,两者有一定的区别,也有一定的联系。针对手机网页设计的要求,重庆网站建设为大家总结了以下几点。
1、导航功能大不同
手机网页与跟一般的网页不同的,在于当阅读文章到最后时,要回到最前头是麻烦的,因此设计网页的时候,除了减少卷动画面的机会外,也会加强导航的功能,让网页变得更容易在移动设备上阅读。
2、简化内容
一般的手机、平板电脑等移动设备,不易容纳下适合于个人电脑的庞大网页资讯,因此手机网页的首要重点就是减少内容,不论是图片、文字或是影音。
请记住一个重点:只要将最重要的资讯放入移动版网页,就是最主要的准则,重要性较低的、读取需要时间的内容,则可以透过超链接回到正常的官方网站。移动手机网站必须十分的重视内容简化这一点,一个塞满内容的移动手机网站无法获得网路客户的青睐。
3、减少文字输入部份
现在智能手机大多没有实体的键盘,或仅只有12键的电话输入功能,因此输入文字上比起使用键盘麻烦得多。因此,减少使用者输入文字的机会,例如:个人帐号、密码、搜寻内文、使用编辑器等,都是手机网页要尽力避免的。
4、符合滑动屏幕的方式
大部分的移动设备,画面都不如桌上电脑那么大,尤其是阅读文字时更需要加以放大。即使智能手机都具有网页放大缩小功能,但是观看起来较为麻烦。因此设计手机网页时,重庆网站建设建议以滑动屏幕的方式阅读网站,因为滑动网页比起放大网页观看来得简单多了。
5、触摸屏幕与非触摸屏幕设计
虽然现在是触摸型的智能手机当道,但是仍有为数不少的传统手机没有触摸界面,使用的是传统的控制方向键做为导航的工具。例如:减少画面中超链接的数量,可以在选择链接的时候出现一些减少按钮的动作,或是加大文字以减少误点的问题。
此外更重要的是鼠标的原理跟触摸界面的原理有很大的差异,因此移动版的网页应该避免只有电脑鼠标才能做到的功能,举例来说:「下拉选单」的这一项功能,因为移动设备没有「鼠标坐标」的设计,所以无法触发鼠标移动过去才会显示出来的选项。
6、思考多种版本的手机网页版本
手机的规格众多,有的解析度为320*240.较新的则为800*480.而有的手机更有720P的解析度,因此移动手机网站如何满足众多的需求?一般来说有两种做法,一种是建立不同解析度的移动手机网站,由用户于手机移动入口网页自行选择;另一种做法则是透过手机的语法,例如CSS语法中的Viewpoint就能够根据手机的解析度加以决定浏览画面的宽度。
综上所述,手机网站页面设计需要符合以上6个基本要求,这是手机建站在页面设计上的基本要求,也是满足用户需求的基本要求。