首页 > 新闻 > 行业资讯

WAP界面设计过程与适配布局,这是一个好的手机网站给用户的真正体验。下面由重庆手机网站设计重庆优翊网络给大家分享下:

一、首先要确定手机屏幕的尺寸

屏幕的尺寸由手机屏幕的宽和高两个因素决定。然而在手机布局设计中,宽度是程序员最关心的,宽度确定后,高度可以由滚动或者翻页来显示所有内容;文字可以在适当的位置折行;标题栏可以伸缩适配屏幕宽度等等。但并不是不考虑高度,图标、文字、特殊的组件不仅需要考虑宽度,也需要考虑整个屏幕的布局是否与之适配。

  由于不可能对所有的客户端进行单独的开发,因此,需要对手机屏幕的大小的归类。同时,在设计中也不会真的只考虑屏幕大小一个因素,屏幕大小和操作系统、手机类型等还是存在很大的相关性的。

  手机屏幕归类:

小屏幕:也就是宽度在240PX以下的;

中等屏幕:宽度在240PX—320PX的;

大屏幕:宽度在320PX以上的。

二、适配原则

  1客户端的logo,在各个手机上都应该清晰地显示

  2标题或者底部栏必须100%的与手机宽度适配

  3文字内容如果显示不下的话,可以自动适配宽度进行折行

  4图片可以根据宽度进行自动缩放,屏幕宽度超过图片本身时,显示图片本身的大小

   5适配过程中,界面的元素的宽高最小值应该符合用户的主观舒适范围值。

  6不能完全使用分辨率的绝对比例来对界面布局进行缩放;

三、适配思路分析,根据我们前面的分析:

  大屏幕大小主要以AndroidiPhonewin phone 7 Nokia V5等手机为主,它们都是触屏手机,在适配上可以划为一个档次。

  中等屏幕大小智能机主要以Symbian Windows mobile为主,因此在适配这两个平台时,主要集中在B类屏幕间的适配。

  小屏幕大小还有一块是非智能手机,使用Java客户端,同时,A类小屏幕大小主要使用Java客户端,因此,Java类客户端需要适配的范围更广,至少应包括B类和A类的屏幕大小。

手机尺寸各不相同,屏幕也大小不一。所以在设计的时候选择合适的群体很重要。重庆网站设计下次再给大家分享。

重庆网站设计-重庆优翊网络编,地址为:http://www.023ue.net/News/info/id/40.html

上一篇:WAP手机网站设计要点和版面设计布局(一) 下一篇:什么是手机网站?什么是微信网站?