设计需知:移动网站设计应注意的技术细节
来源:chinaz 发布时间:2012-04-20 13:03:23
导语:近年来,全世界都纷纷投身网络热潮。从小企业到大公司,再到网络学校和大学,大家都在努力提升自己的网络影响力,这样既免费为自身品牌做广告,又让品牌的受众范围更广。另一方面,随着智能手机逐步普及,移动网站所占比重逐年上升。因此在网站设计时,移动网站的布局成了一个重头戏。下文就探讨了移动网站设计中必须注意的重要方面和技术细节。
“移动网页”是网站设计中的重要一环,随着能访问互联网的手机逐步普及,因此,大家希望能随时关注自己喜爱的网站。在本文中,我们将着重探讨网站开发/设计人员在设计简洁和专业的移动网站时必须注意的重要方面和技术细节。
移动界面通常很小,因此开发人员必须对预定义好的尺寸进行调整。以下是一个非常基本的“移动网站”的布局。
布局
我们一起来看看不同元素在布局中的使用情况:
· 标志
标志是布局的核心之一。标志要尽可能做到引人注目,但与此同时,应注意它的尺寸,并确保它的大小不会超过2KBs。因为,移动网络载入图片通常要花很长时间,你也不想因为个体差异而使得自己的网站载入不完全。
· 网站导航
导航是设计中最重要的事之一。不管怎样,你都需要导航栏来链接到网站的各个位置,它的位置通常在网站顶部。你也明白,大多数移动设备根本不便于使用QWERTY实体或虚拟键盘。因此,为网站创建导航是移动网站界面友好的一个关键环节。
· 内容
内容在移动网站中占据着核心位置。人们用移动设备访问网站,最主要的目的就是为了获取内容信息。所以要确保你的移动网站的内容不会有任何改变,否则,你最终可能将面对用户流失。
人们使用移动设备时,通常处于移动状态,所以他们没有太多时间来浏览网站内容。为此,你应该采取缩减内容的措施,并选取内容中有价值的部分,与此同时,你要将完整内容的链接提供给用户。如果你的个人博客处于活跃状态,你可以忽略这个问题,因为,你不会每天都去对每篇博文的内容进行缩减。
我们都明白图片在内容中的重要性。但是移动网站不宜使用过多图片,因为,大部分手机载入这些图片要花很长时间,所以尽可能地少用,如若上下文中涉及到相关图片时,图片则不可少。
如果你希望在移动网站上添加图片,最好使用占用空间小的.JPEG,.GIF,.PNG等图片格式。为了避免用户对图片进行缩放,一定要对图片进行压缩。现在几乎所有的设备都能显示图片,但是,有些用户可能在浏览时会关闭图片显示。因此,推荐大家用ALT替换文本显示图片信息。一些读者或访问者会放大图片,为了避免这种情况,图片的尺寸必须固定。
· 页脚:
老话说得好:“看男人不能只看它的衣服,要看它的鞋”。许多网站的页脚做得非常烂。我经常逛博客和营销网站,看到页脚放慢了杂乱的超链接,我跟大多数人对此都非常厌恶,再加之,移动网站的屏幕尺寸小,这就可能造成客户或读者流失。所以,制作吸引人的页脚非常有必要。
所以,如果你希望你的应用程序/网站的移动界面大获全胜,你就应该把重心放在布局上面,做到零错误,因为用移动设备进行网页浏览将会是未来发展的大趋势。
猜你喜欢
- 摘要:Ffrpc可以很方便的构建c++ server, 在网游服务器程序开发中,进程间通讯非常的重要,比如gateserver和gamese
- 以下实验是我在百度公司实习的时候做的,记录下来留个小经验。多GPU训练cifar10_97.23 使用 run.sh 文件开始训练cifar
- 前言由于项目中需要带字的toggle滑动组件,而ionic提供的是这样的:实际项目中需要这样子的:在网上找了下其他的实现,感觉没得类似的,也
- 代码如下Control:from django.conf.urls import patterns, include, urlfrom dj
- time()方法返回时间,在UTC时代以秒表示浮点数。注意:尽管在时间总是返回作为一个浮点数,并不是所有的系统提供时间超过1秒精
- MySQL Workbench - 建模和设计工具1.模型是大多数有效和高性能数据库的核心。MySQL workbench具有允许开发人员和
- 相关代码如下: 1. 创建sequence: 代码如下:CREATE SEQUENCE SEQU_DATA_DATAINFO IN
- 前言Pandas是为一次性处理整个行或列的矢量化操作而设计的,循环遍历每个单元格、行或列并不是它的设计用途。所以,在使用Pandas时,你应
- 游戏截图动态演示源码分享state/tool.pyimport osimport jsonfrom abc import abstractm
- 文末附完整源代码实现过程...想实现这样一个功能,然后pyqt5中又没有现成的组件可以使用,于是就想着只能通过绘图的方式来实现。说到绘图的话
- 1.<script language="javascript"> var str = "ajfhs
- 两年前,我们开发了一套基于Flash的文件(主要是图片)上传RIA应用,提供给阿里巴巴的用户使用。如果你使用过Wordpress或flick
- 问题描述:结构:test 有两个字段,分别是col1和col2,都是字符字段,里面的内容都是用,号分隔的三个数字,并且是一一对应的,比如co
- 对于一个网站的图片、文字音视频等,如果我们一个个的下载,不仅浪费时间,而且很容易出错。Python爬虫帮助我们获取需要的数据,这个数据是可以
- 目前网络数据库的应用已经成为最为广泛的应用之一了,并且关于数据库的安全性,性能都是企业最为关心的事情。数据库渐渐成为企业的命脉,优化查询就解
- 简介 tensorflow 配套的可视化工具, 将你的计算图画出来.当训练一个巨大的网络的时候, 计算图既复杂又令人困惑. TensorBo
- 一般情况下,访问或设置剪贴板,IE 只需使用 window.clipboardData 的 getData 或 setData 方法即可。M
- 写在前面SciPy的optimize模块提供了许多数值优化算法,下面对其中的一些记录。非线性方程组求解SciPy中对非线性方程组求解是fsl
- Perl 是 Practical Extraction and Report Language 的缩写,可翻译为 "实用报表提取语
- 一、 迪杰斯特拉算法思想Dijkstra算法主要针对的是有向图的单元最短路径问题,且不能出现权值为负的情况!Dijkstra算法类似于贪心算