触屏机是现在社会上最流行的一种手机类型,而且使用触屏机的人数还在增长。可以见得wap网页在触屏手机上的应用是比较合适也是比较广泛的。相信触屏机上
wap网页设计会越来越收到重视,可以说将会成为wap网页
设计的主流。所以知道触屏机上wap网页设计在学习wap网页设计是尤为重要的。所以,学习wap网页设计的朋友们接下来要注意了。我将给大家介绍很重要很重要的内容!
触屏机的可视区域较大操作所需面积大用户操作行为跳跃
1. 可视区域大,决定了页面承载的信息量也比键盘机要多。现在市场上主流的触屏手机分辨率为320*480,屏幕宽度最低也是240。这时,如果将适配键盘机的WAP页面放到触屏机上来看,会出现大面积“被留白”的情况,视觉上将带给用户松散的感受。这时我们可以将240px作为基础宽度进行
wap网页设计。
2. 触屏手机的屏幕大了,是不是我可以放更多的链接了?答案其实是否定的!用户通过手指、触控笔对手机进行操作。触控笔笔尖一般面积都在2*2mm左右,能进行比较精准的点击。而人的手指头则要大很多,为了确保用户不会出现误操作,我们在设计的时候,需要将链接的字号、行高、间距增大。国外研究某资料给出过参考值:食指所需最小操作面积为7*7mm、间距1mm;拇指所需最小操作面积为9*9mm、间距2mm。(资料待查阅后将补上原文链接)
有朋友会问了,这个面积单位是毫米,如何在设计过程中我们如何换算成像素呢?这个根据每款屏幕的分辨率、dpi、物理尺寸的不同,换算结果都不一样,有关像素、dpi、厘米、英寸之间的换算关系,请学习这篇文章。
众所周知,用户在操作键盘机的时候,在达到目标链接之前,基本都需要进行多次焦点移动的操作。而触屏机则没有这种限制,用户的操作大多不再受物理按键的局限,更多是受到视觉感官的支配,换句话说就是看哪点到哪。这时需要注意的是,因为失去了“焦点”的提示,我们必须对可点击的链接和不可点击的文字进行明确的视觉区分。
了解了这么多,你是不是感觉跃跃欲试了呢。不过别着急。
Wap网页设计并不简单,这上面说到的知识基础的知识而已,并且是十分学术性的基础知识。知道了这些也只够朋友们纸上谈兵罢了。如果还想知道具体的wap网页设计方法,那就来我们一品
威客网吧。相信我们权威专业的知识能够让你满意。