设计手机版网站的注意事项。
手机版网站是个趋势,而且是只会朝着前端迈进的时代趋势。不过制作的方式与一般传统的网页设计有很大的差异,而且也跟企业的产业有很大的关系,以下我们整理出10点注意事项,希望对于设计行动网页者可以提供更多的概念。
1. 手机版网站的需求是什么
※我要制作全新的网站,同时具备传统网页与手机版网页
※我要将原本的网站,制作成传统网页与手机网页兼具的网站
※我不想变更原有的网站,而是制作一个额外的手机网站 这三种情况的制作方式有一些出入,因此请与您的网页设计公司详细商谈设计的需求,对于制作的初期会有很大的帮助
2. 商业的目的为何
手机网站制作目的为何?是希望可以品牌形象优先、促进企业服务商机为优先、还是讯息传递为优先?因为行动网页的版面,比起一般的网页更有限,因此优先顺序很重要。 就以现代汽车(Hyundai.com)网站来看,这个网站的传统网页是以新车的介绍为主,而各类的说明文件、经销资讯、客户服务等选项则是条列于选单上。接着进入网页版的画面,可以发现最主要的资讯仍是新车款的照片(经过压缩)为主,而其余的选项就消失了。对于该公司而言汽车是最核心的资讯,因此强调图片为该手机网站的重点。
不同的目的会有取舍的问题,经过企业的内部讨论,往往可以得到设计上的共识。
3. 制作前,先阅读网站的访客情报
制作手机网页,最重要的就是满足手机族群的需求,而手机族群所使用的不同装备,或多或少的影响了设计者该以什么样的工具加以设计。
要判断访客透过什么样的装置访问您的网站,有一些十分强大的追踪工具,例如Google Analytics,他能够告诉你有多少人使用手机装置到了您的网站上观看资料,而且使用的系统以及浏览软体都能清楚统计,对于行动版网页设计十分的有助益。
4. 回馈式的网页设计
回馈式的模式被用于商业与教育界一段时间,简单来说,具有回馈能力的团体,能够根据团体的需求进行调整,达到最佳的效能表现。
在手机网页设计的领域,我们对于回馈式的网页设计定义为:不论于任何一种装置上观看,例如:不同的解析度、不同的浏览器、不同的观看方向...等,都能够得到正确的解析度,这一点有许多网页技术都可以做得到,例如CSS与HTML 5都有对于手机网页的观看方式加以优化。
5. 简单是好事,但视觉表现不打折
就跟传统的网页设计一样,网页的档案大小,越小越好,到了手机版的行动网站,这个更是重要的关键!因为手机的速度不若桌上电脑或笔记电脑,因此设计师都十分重视网页档案的大小。
档案大小的情况也反应到了内容,因为简单的设计往往可以减少网页的档案,因此简单、精简的内容一直是手机网页的设计圭臬。
不过这不表示简单的网站就得十分的丑陋,因为现在的CSS3以及HTML 5的进步下,手机版的网页可以具有动画呈现、阴影、渐层等视觉效果,在不增加手机运算负担与档案大小的情况下,这都是可行的设计技术。
6. 单行式的手机网站是当今最好的设计
虽然今日的手机尺寸出现了很多变化,但基本上手机的最常用浏览模式仍以直立式的为主,因此网页设计者,应该清楚直式的网页设计是目前的行动版网页主流。
此外,也又不少手机网站擅长使用书签的技巧,让直立式的手机版网站,可以藉由书签的切换达到更多的功能,也是值得设计者参考与学习。 本文作者来自北京网站建设公司-北京信,转载请注明出处:北京北京信(https://www.fanpusoft.com/)
7. 垂直堆叠的选单设计
行列式的选单,按下后会将子项目展延,再按一下则会将目录收回,这样的垂直堆叠选单的网页设计看起来十分的老套,但却是不少大企业与网路使用族群的最爱。
大家可以到以美国大联盟职棒(mlb.com)的手机网站,看看堆叠选单的网站,是如此的便利与易用。
8. 从「可点选」变成「可触碰」
过去设计网页总是以滑鼠为最主要的人机介面,但随着时代的改变,触碰式的笔记电脑、桌上电脑甚至是手机、平板电脑等,都已经十分的普及,设计师自然不能用旧有的方式设计行动版的网页。
过去网页设计十分爱用,根据滑鼠游标位置判定「滑鼠悬空」功能,在手机版的网页上是完全无法发挥作用的,影响最大的会是滑鼠经过才会出现的下拉式选单,因此这也是许多企业亟欲制作手机版网页的主因之一。
9. 加入互动效果
手机使用者往往希望可以看到比桌上电脑、笔记电脑更多的互动视觉效果,让他们可以在有限的画面上可以看到目前网页的变化。举例来说:按下按钮的反白效果,或是滑动的视觉页面都是非常不错的方式。
此外,也可以设计读取网页的画面,这对于频宽、速度受限的手机使用者来说,是十分有帮助的设计。
10. 测试你的手机网站
除了透过同事的手机设备加以测试外,比较进阶的设计师可以透过申请SDK的方式来测试,或使用各种不同的手机浏览模拟器,来验证您的行动网页是否符合手机与平板电脑平台。现在很多浏览器推出了模拟器的功能,可以省下您不少时间。本文作者来自北京网站建设公司-北京信,转载请注明出处:北京北京信(https://www.fanpusoft.com/)
- 1医院管理OA系统
- 2OA智能一体化
- 3OA选型
- 4OA制度
- 5OA移动
- 6好用的OA
- 7OA作用
- 8OA系统对比
- 9OA企业单位
- 10设备行业ERP系统(OA)
- 11电商行业行业OA系统(ERP)
- 12旅行社行业OA系统(ERP)
- 1阿里报告称:2014年中国农村网购将达1800亿元
- 2七成广州人网购为买衫 货不对板拒退货被吐槽最多
- 351talk完成5500万美元C轮融资 官网采用品牌域名
- 4英国政府从娃娃抓起 编程作为5-16岁儿童必修课
- 5上海网站建设-Twitter拟建天桥连接办公楼:节约工作时间
- 6上海网站建设-谷歌云计算服务再次降价:与亚马逊争夺企业用户
- 7网站项目基本功能要求!
- 8从腾讯与360的大战 专家们齐齐分析互联网垄断
- 9图片分享网站Twitpic将于10月25日关停
- 10有WiFi就没有我!一英国男子患有电磁波过敏症
- 11诈骗新套路:骗子冒充京东客服 套取信用卡信息
- 12关于网站建设的那些事。
- 13大数据时代网络安全遇新挑战:安全产业链成趋势
- 14报告显示:网络口碑成消费者预订酒店主导因素
- 154数字.wang域名即将售罄,市场未来更具看点
- 16亚马逊亏损创14年新高:巨大野心产生巨额成本
- 17阿里掌门人马云不担心万达电商 点评WTB是乌托邦
- 18多位好莱坞女星艳照网上疯传 苹果再遭用户质疑
- 19设计手机版网站的注意事项。
- 20研究表明:移动互联网催生美国百万“隐形岗位”
- 21线上线下差价达50%:京东爆料背后电商低毛利困局
- 22中国网民个人信息泄露等侵权现象 损失达1433亿
- 23电信诈骗爆炸性增长 每年致民众损失超百亿元
- 245个月查互联网违法广告5232件 罚款5157万元
- 25上海网站建设-搜狗第三季营收首次突破1亿美元 同比增86%
- 26上海OA办公系统网站建设一周总结
- 27外媒探访“淘宝村”:阿里巴巴改变偏远地区命运
- 28干淘宝刷钻月入可上万? 结果却是钱有去无回
- 29规模小力量薄弱的在线早教市场 也在“等风来”
- 30360重新组建移动搜索团队 明年初将启动商业化
成都公司:成都市成华区建设南路160号1层9号
重庆公司:重庆市江北区红旗河沟华创商务大厦18楼