深圳做网站、微网站开发 专注网站设计12
申请建站 | 下载中心 | 网站导航 | 收藏湛蓝  
   
建站服务
网站套餐报价
特惠型网站套餐
标准型网站套餐
精美型网站套餐
商城型网站套餐
FLASH网站
网站改版与维护
您的需求我们量身订做
我是企业负责人
我需要一个优质的企业网站;
我是商家
我正准备在互联网上开展业务和营销;
我是创业者或者投资者
我需要策划互联网项目来实现创业;
我已经有了网站
我想要更多人访问网站,需要优化升级和推广。
申请建站 与湛蓝设计师聊聊
当前位置:首页 > 湛蓝观点
手机网页设计制作简明指南
日期:2015-10-6 浏览次数:3768
本教程适用于有一定传统网页设计和开发经验的用户。
现在越来越多的人通过手机上网,未来移动互联网市场会越来越大,但是现在很多手机网页设计制作大多不如人意。
手机网页制作比想象的要容易,本教程将介绍手机网页设计和制作的七个方面的知识,让你避免走一些现在的手机网页的弯路,学完本教程后,你就能对手机网页的制作和设计有大概的了解,然后有针对性地学相应知识。

1.手机网页的标记语言
WML
WML(无线标记语言,Wireless Markup Language),早期的手机上网只能通过wap网站,而WML是用来制作手机wap网站的主要标记语言,它能够比html消耗更少内存和cpu。

因为WML大部分针对早期和低端的手机,现在已经逐步被其他的技术取代了,现在学习手机网页设计制作完全可以忽略WML。

但是仍然有一部分手机,如诺基亚1100这种超便宜和低端的手机,有着200万左右的用户,假如手机网页的受众是这部分人,还是应该用WML。

XHTML
未来智能手机的市场份额会越来越大,考虑到这点,现在进行手机网页设计制作时,我们会用到更加熟悉的标记语言Xhtml。

现在大部分智能手机的浏览器都能正确处理Xhtml,它会识别两种类型的Html。

① Xhtml:基础的,和桌面浏览器相同的Xhtml

② Xhtml-MP:针对智能手机的Xhtml

这两种类型的不同之处,Xhtml-MP包含比较少的要素和相对宽松的限制,能适合手机平台的渲染,

其实在手机网页设计制作时,很多都直接用Xhtml,也没什么大问题。

2.手机类型
分辨率问题:这个问题已经开始在视频制作领域出现了,因为之前很多电视分辨率都是4:3,而现在更多的是宽屏幕,很多视频制作者不知道如何去放置标志和信息。这也是网页设计者和开发者经常会遇见的难题。

在手机网页的设计制作中,这个问题更加棘手,不仅要考虑分辨率、尺寸大小的兼容,而且设计制作还要考虑不同的手机屏幕的形状,下图显示了手机的不同分辨率,屏幕形状从接近正方形到长方形都有,这在设计制作手机网页时,几乎令人抓狂。

可以把手机根据屏幕尺寸分成几种常见的类型,如:

128 x 160 pixels
176 x 220 pixels
240 x 320 pixels
320 x 480 pixels


这样在设计制作手机网页时,就可以比较有针对性。注意要尽量把手机网页制作成简洁的风格,因为手机没有鼠标,只能向上和向下,用户不能方便地切换页面。

手机市场上既有非常高端的iPhone手机和谷歌的Android手机,也有诺基亚一些单色点阵显示的低端机。这些低端机在浏览手机网页时有很多的限制,如屏幕分辨率、渲染Xhtml的性能等,因此如果你的手机网页是针对这部分用户,最好还是用WML。

另一方面,类似于iPhone和Nexus One这种高端智能机,拥有可以和桌面浏览器相媲美的渲染网页的性能。对这部分用户而言,良好的用户体验是很重要的,受限于手机的传输速度,如果直接用一般的电脑上浏览的网页来代替手机网页,对手机网页的目标客户来说,并非明智之举。

3.手机网页的目标群体
任何网站设计网页时都应该明白自己的目标群体,以便向他们传输最合适的信息。

这点在进行手机网页设计制作时更为重要。因为你不仅要知道你的目标群体,还要知道他们浏览手机网页时的情景。

浏览传统的网站,访客会坐在桌上,有着大分辨率的屏幕。手机网页的访客则有可能是在排队、等交车、坐在地铁等。

如何区分?这点我们可以向谷歌学习。谷歌花了很多功夫在让网页应用程序适合手机使用上,谷歌的开发者将看手机网页人群分为三大类,这对我们进行手机网页的设计和制作,很有参考意义。

A:一般手机用户
一般用户访问手机网页时和用电脑访问网页差不多,他们没有特别热衷于哪个领域,他们只是利用空闲时间浏览网页。

对于电脑浏览网页的用户而言,这些空闲时间可能是休息时间。但是对用手机浏览网页的用户而言,则可能是在等待朋友或上下班路程,这意味这他们随时可能中断网页的浏览。如果你的目标群体是这些人,在制作设计手机网页时要特别注意这
联系方式 | 网站设计流程 | 网站建设报价 | 付款方式 | 网站备案 | 竞价排名 | SEO网站优化 | 我们的优势
版权所有 © 2004-2015 深圳市湛蓝设计有限公司 电话:0755-86682664 手机:13410115000 地址:深圳市南山区西丽镇龙井村东区11栋
我们为您提供高品质的深圳网站设计微网站手机网站外贸网站400电话EC在线客服域名空间邮箱平面设计等服务!
粤ICP备08003376号 |
qq客服在线客服