小屏幕移动设备网页设计应该注意哪些问题

2025-01-24 08:30:37
推荐回答(1个)
回答1:

1.在设计小屏幕移动设备网页时,你可能先得了解这么一些前提:

  • 手机屏幕分辨率乱得一塌糊涂,什么分辨率都有!

  • 我们的手机上网费用贼贵贼贵!

2.另外一些小屏幕移动设备网页设计的相关补充:

  • 网站头(header)
    考虑到小屏幕移动设备的一些特性,设计网页时,有些可以去掉网站头(包括LOGO、全局导航什么的)。
    比如flick的查看大图页面就去掉了网站头。

    这里我自创了一句时髦的设计原则:“针对于小屏幕移动设备的界面设计,在某些指定任务的界面,应优先于让用户关注当前任务,而不是应用程序本身。” 这个原则是行得通的,同样适用于设计移动设备应用程序~
    打个比方说,如果你在设计小屏幕移动设备访问的邮箱时,完全可以在写信、邮件阅读页去掉网站头~

  • 链接聚焦(hover)
    各个浏览器均自定义了链接的hover样式,比如有的浏览器给链接聚焦时加了边框,有的浏览器给链接聚焦时加个背景色之类。因此小屏幕移动设备网页不需要在CSS中编写hover样式。

  • 鼠标事件(mouseover)
    考虑到触摸屏操作,用户无法用手指进行over的操作,因此应禁止在应用于移动设备访问的网页使用mouseover。