长春网

标题: 团购O2O网站手机触屏版网站设计要点 [打印本页]

作者: xgnic 时间: 2013-2-15 11:59:22 标题: 团购O2O网站手机触屏版网站设计要点

触屏手机网站和非触屏手机网站区别在于，前者使用手指点击注重点击体验，而后者是使用手机物理按键注重选取规则，触屏手机屏幕增大，可以显示更多的内容，但内容密度不宜过大否则不便点击，一般人的食指点击的区域约为7*7 mm 拇指点击区域约为8*8 mm，团购门户也分别推出适应触屏手机的高端版本。

左图触屏版右图非触屏版（按钮控件）

下面我们从设计的角度进行分析：
1. 分辨率是设计师做网站时首要考虑的问题，iphone/ipod touch目前有2种分辨率：480*320、960*640,屏幕的物理尺寸都是3.5英寸，Android由于是开源系统，生产商诸多，导致分辨率，屏幕尺寸非常多，但目前主流的分辨率为：480*320、800*480，根据以上情况推荐以480*320为标准设计，（客户端则推荐以大分辨率来设计图片，）同时考虑横屏情况下的自适应。

         2. 触屏手机的特点是直接通过手指操作对象，因此需要为网站设定一个理想的行高来满足手指的触摸点击。
               食指点击的间距约为7*7 mm，1mm间距。
            拇指点击的间距约为8*8 mm，2mm间距, 当前推荐值为9mm，最小应不小于7mm。
               列表选项之间距离最小应不小于5mm。
   在设计过程中需要将毫米换算成像素，不同尺寸的屏幕分辨率换算的结果也不一样，换算方法详见（DPI和像素、厘米、英寸之间的关系和换算及CSS中的长度单位）领团网（互联网）设计师认为：可按5mm为最低标准设计，使用率较高的可根据测试情况加大。

作者: nlnq 时间: 2013-12-20 20:22:02

不看不知道，看了才知道，好帖

作者: svelnqq 时间: 2013-12-20 22:16:02

顶起来！！不好碰到的好帖子

作者: 去滴 时间: 2013-12-21 00:25:31

一起交流！对这个话题感兴趣的朋友们

作者: 大师哦 时间: 2013-12-21 00:26:21

我喜欢啊，请继续支持你

作者: 无底洞 时间: 2013-12-21 01:58:59

看过，的确不错。谢谢楼主

作者: 天天的爸爸 时间: 2013-12-21 03:47:03

谢谢你的发言` 非常有意义

作者: 小红 时间: 2013-12-21 05:36:55

看帖子的都发表一下看法

作者: yym 时间: 2013-12-21 06:11:58

不错。值得学习啊，顶一个

作者: sygq 时间: 2013-12-21 06:12:38

就是喜欢你的帖子没办法

作者: 出行好难 时间: 2013-12-21 07:26:31

值得学习谢谢提供，继续努力啊

作者: 蛋炒饭 时间: 2013-12-21 09:16:09

好贴，一定不要放过，顶

作者: 仔仔的小幸福 时间: 2013-12-21 11:07:51

有收获！！非常感谢您

作者: 加速卡里 时间: 2013-12-21 12:07:04

谢谢你哦，你是最棒的

作者: 单身呢 时间: 2013-12-21 12:09:00

找到好贴不容易，我顶你了，谢了

作者: 辣椒 时间: 2013-12-21 13:04:50

确实不错，眼前一亮的好文

作者: 我要的幸福 时间: 2013-12-21 14:54:37

看的激动。。。谢谢楼主了

作者: blackhat 时间: 2013-12-21 16:45:41

继续关注一下这方面的信息

作者: ladygaga 时间: 2013-12-21 17:56:06

好贴，一定不要放过，顶

作者: superman 时间: 2013-12-21 17:56:49

大家看怎么样我认为很好.

作者: 莉莉丝 时间: 2013-12-21 18:37:57

没看完~~~~~~ 先顶，好同志

作者: place 时间: 2013-12-21 20:30:28

我继续顶你！太好的帖子了支持

作者: 商品 时间: 2013-12-21 22:38:46

楼主辛苦了，鼓励一下

作者: 青椒 时间: 2013-12-21 23:58:05

难得好贴，赞一个，继续努力啊

作者: 在一起吧 时间: 2013-12-22 00:07:24

我觉得挺好的，大家的看法呢

作者: 别问我是谁 时间: 2013-12-22 00:34:54

好贴子哦，大家不顶说不过去

作者: 小太阳 时间: 2013-12-22 02:32:57

好贴，值得收藏，大家都顶

作者: 漂亮男人 时间: 2013-12-22 04:28:53

我也想了解了解！！！先顶一个

作者: 米兰 时间: 2013-12-22 05:40:17

这是真的吗？太好了，谢谢您啊

作者: 哪家 时间: 2013-12-22 05:53:27

这是真的吗？太好了，谢谢您啊

作者: chuangkou 时间: 2013-12-22 06:24:19

确实不错，眼前一亮的好文

作者: 跳跳糖 时间: 2013-12-22 08:19:45

我喜欢啊，请继续支持你

作者: 时尚女编辑 时间: 2013-12-22 11:30:25

顶你，支持楼主！有意思

作者: 如果没有你 时间: 2013-12-22 11:49:50

看了，感觉不错，谢谢您提供

作者: cat 时间: 2013-12-22 12:18:39

不知该说些什么。。。。。。就是谢谢

作者: enen 时间: 2013-12-22 14:15:46

谢谢你的发言` 非常有意义

作者: agree 时间: 2013-12-22 16:18:40

好啊~~~~~~

作者: 小仙女 时间: 2013-12-22 17:23:20

不知该说些什么。。。。。。就是谢谢

作者: 牵挂 时间: 2013-12-22 17:39:34

参考参考，我认为很好，大家说说

作者: 没有目的的爱了 时间: 2013-12-22 18:17:49

非常酷哦，不顶对不起良心

作者: 出行好难 时间: 2013-12-22 20:15:00

行，有意义，我顶谢谢您了

作者: cxbl 时间: 2013-12-22 22:29:47

好帖还是要收藏，请继续

作者: 死神 时间: 2013-12-22 23:24:57

请楼主继续发好贴，支持你

作者: agree 时间: 2013-12-22 23:40:36

请楼主继续发好贴，支持你

作者: 小太阳 时间: 2013-12-23 00:45:14

经验之谈，谢谢楼主了，请继续努力

作者: 从头再来 时间: 2013-12-23 02:48:38

这是真的吗？太好了，谢谢您啊

作者: 快乐跑酷 时间: 2013-12-23 04:53:08

好多啊，哈哈，谢谢您

作者: 从此以后 时间: 2013-12-23 05:29:11

楼主辛苦了，鼓励一下

作者: iiio 时间: 2013-12-23 05:47:46

牛啊帅哥,想不到的强帖

作者: sanjin 时间: 2013-12-23 06:55:59

百年不遇的好帖子，不得不顶

作者: 辛巴达 时间: 2013-12-23 09:00:43

完全支持你，大家都会顶你

作者: 出行好难 时间: 2013-12-23 11:11:19

好贴子哦，大家不顶说不过去

作者: 没有家的人 时间: 2013-12-23 11:29:36

我也想了解，谢谢发帖的人

作者: jiangnan 时间: 2013-12-23 11:50:25

相信楼主的说，非常支持你

作者: cxbl 时间: 2013-12-23 13:19:10

这么强,,支持楼主，佩服

作者: 小太阳 时间: 2013-12-23 15:25:52

楼主高人啊，我先收藏了

作者: 爱上你 时间: 2013-12-24 10:18:50

不看不知道，看了才知道，好帖

作者: 生活来路o 时间: 2016-3-12 12:31:43

好啊~~~~~~

昆明癫痫医院

欢迎光临长春网 (http://04316.com/)