手机版网站是个趋势,而且是只能朝着前端迈进的年代趋势。不过制作的方法与一般传统的网站制作有非常大的差异,而且也跟企业的产业有非常大的关系,以下大家整理出10点需要注意的地方,期望对于设计行动网页者可以提供更多的定义。
※我要制作全新的网站,同时拥有传统网页与手机版网页※我要将原来的网站,制作成传统网页与手机网页兼具的网站※我不想变更原有些网站,而是制作一个额外的手机网站这三种状况的制作方法有一些出入,因此请与你的网站制作公司详细商谈设计的需要,对于制作的初期会有非常大的帮忙
2. 商业的目的为什么
手机网站建设目的为什么?是期望可以品牌形象优先、促进企业服务商业机会为优先、还是讯息传递为优先?由于行动网页的版面,比起普通的网页更有限,因此优先顺序非常重要。就以现代汽车(Hyundai.com)网站来看,这个网站的传统网页是以新车的介绍为主,而各类的说明文件、经销资讯、顾客服务等选项则是条列于选单上。接着进入网页版的画面,可以发现最主要的资讯仍是新车款的照片(经过压缩)为主,而其余的选项就消失了。对于该公司而言汽车是最重要的资讯,因此强调图片为该手机网站的重点。
不一样的目的会有取舍的问题,经过企业的内部讨论,总是可以得到设计上的共识。
3. 制作前,先阅读网站的访客情报
制作手机网页,非常重要的就是满足手机族群的需要,而手机族群所用的不同装备,多少的影响了设计者该以哪种工具加以设计。要判断访客透过哪种装置访问你的网站,有一些十分强大的追踪工具,比如谷歌分析,他可以对你说有多少人用手机装置到了你的网站上观看资料,而且用的系统与浏览软体都能了解统计,对于行动版网站制作十分的有助益。
4. 回报式的网站制作
回报式的模式被用于商业与教育界一段时间,简单来讲,具备回报能力的团体,可以依据团体的需要进行调整,达到好的效能表现。在手机网站制作的范围,大家对于回报式的网站制作概念为设计手机版网站的需要注意的地方。不一样的分析度、不一样的浏览器、不一样的观看方向...等,都可以得到正确的分析度,这一点有很多网页技术都可以做得到,比如CSS与HTML 5都有对于手机网页的观看方法加以优化。
5. 简单是好事,但视觉表现不优惠
就跟传统的网站制作一样,网页的档案大小,越小越好,到了手机版的行动网站,这个更是要紧的重点!由于手机的速度不若桌上电脑或笔记电脑,因此设计师都十分看重网页档案的大小。档案大小的状况也反应到了内容,由于简单的设计总是可以降低网页的档案,因此简单、精简的内容一直是手机网页的设计圭臬。
不过这不表示简单的网站就得十分的丑陋,由于目前的CSS3与HTML 5的进步下,手机版的网页可以具备动画呈现、阴影、渐层等视觉成效,在不增加手机运算负担与档案大小的状况下,这都是可行的设计技术。
6. 单行式的手机网站是当今最好的设计
虽然今日的手机尺寸出现了不少变化,但基本上手机的最常用浏览模式仍以直立式的为主,因此网站制作者,应该了解直式的网站制作是现在的行动版网页主流。
除此之外,也又不少手机网站善于用书签的方法,让直立式的手机版网站,可以藉由书签的切换达到更多的功能,也是值得设计者参考与学习。本文作者来自北京网站制作公司-博久网络,转载请注明出处设计手机版网站的需要注意的地方。按下按钮的反白成效,或是滑动的视觉页面都是很好的方法。除此之外,也可以设计读取网页的画面,这对于频宽、速度受限的手机用户来讲,是十分有帮助的设计。
10. 测一下你的手机网站
除去透过同事的手机设施加以测试外,比较进阶的设计师可以透过申请SDK的方法来测试,或用各种不一样的手机浏览模拟器,来验证你的行动网页是不是符合手机与平板电脑平台。目前不少浏览器推出了模拟器的功能,可以省下你不少时间。
文章名字设计手机版网站的需要注意的地方。