您当前的位置是:首页 - 设计理论 - 正文

网页在不同终端使用需要优化细节问题
发布日期:2015-5-7  浏览次数:1460次   优化北京网站建设  

移动端因为用户体验问题与其他终端都不太一样,虽然有自适应的设计但是还需要优化一些细节,让用户能够更方便舒适的浏览信息。


调整字体和图片

这个话题只适用那些支持媒体查询的设备。不幸的是,对于那些不支持的设备我们没有任何办法,他们会自己调整文本与图片。

目前,媒体查询能够被所有IOS设备支持,安卓原生邮件应用也支持(但是有一点问题并且Lollipop抛弃了这一特性支持谷歌邮件),还有最新的黑莓手机和少数的其它手机支持。

IOS设备在字体与图片尺寸上有两个主要问题:

小字体在默认情况下被放大

邮件宽度基于最大的单元

字体被放大通常不能说是一个严重的问题,但是在很多情况会导致文本超出你的布局被剪切。

字体调整也影响移动设备上的用户体验。小字体在桌面设备上能够轻松阅读,但是小屏幕上就有完全不同的影响。一般来说,在移动设备上放大文本字体是一个非常好的做法。


自定义链接和按钮

首先考虑到将被手指点击,所以保持良好的间隔并严格限制数量。确保他们很容易点击并可见。此外,永远记住在内联CSS样式表中为锚添加规则:Gmail应用程序链接的样式为蓝色,默认情况下强调他们。

一个潜在的小问题是,Gmail和IOS自动为电话号码,URL和电子邮件字符串(只是Gmail)添加链接。为了避免IOS自动生成电话连接,造成用户的错误点击,这个细节需要优化。


移动端需增加间距

考虑增大文本内容的内边距,这能够显著提升网页内容的可读性。


网页在不同终端使用需要优化细节问题



上一篇:过度设计导致喧宾夺主
下一篇:网页设计优化图片的技巧
点击查看更多设计理论新闻   丨   点击返回上一页