网页在设计上与平面 设计有许多共同之 处, 如报纸等,因此其也要遵循一些设计的基本原则。我们只要熟悉-一些设计原则,再对网页的特殊性作一些考虑, 便不难设计出美观大 方的 页面来。网 页页面设计要 遵循以下基本原则,熟 悉这些原则将对我们进行页面的设计有所帮助。
1. 主次分明,中心突出
在一个页面上 ,我们必须考虑视觉的中心,这个中心一般在屏幕的中央或者在中间偏上的部位。因此,重要的文章和图像一般可以被安排在这个 部位,那些稍微次要的内容就可以安排 在视觉中心以外的地方,这样页面上就突出了重点,做到了主次 有别。
2.大小搭配,相互呼 应
较长的文 章或标题,不要被 编排在一起, 要有一 定的距离;同样 ,较短的文 章,也不能被编排在一起 。对待图像的安排也是这样,我们 要设 计使其互相错开,使大小图像之间有一定的 间隔,这样可以使 页面错落有致,避免重心的偏离。
3.图文并 茂,相得益彰
文字 和图像具有一种 相互补充 的视觉关系 ,页面上文字太多,就显得沉 闷,缺乏生气。
4.简洁一致
保持简洁 的常用做 法 是使用 醒目的标题,这个标题常 常采用 图形表示,但图形同样要求简洁。另一种保持简洁的做法是限制所用的字体和颜色的数目 。一般每页使用 的字体不超过三种,一 个页面中使用的颜色只需两三种。
要保持一致性,我们可以从页面的排版下手:在各个页面 使用相同的页边距、文本:保 持图形之 间相 同的问距:在主要图形、标题或 符号旁边留下相同的空白。
5.网页 布局 时的一-些元素
在进行网页布局 时, 我们要注意以下 元素: 格式美观的正文,和谐的色彩搭配,较好的对比度,较 强可读性的文字, 生动的背景图案 ,大小适中的页面元素,匀称的布局,不同元素之间有足 够的空白,各元素之间的平衡,文字 谁确无误、无错别字、无拼写错误。
6.文 本和背景的色彩
考虑 到大多数人使用256色显示模式,因此一个页面显 示的颜色不宜 过 多。 页面显 示的主题颜色通常只需要两三种 ,并采用
使用原 生选 择 菜 单 收纳导航 项。 它 避免了导航占据大量屏幕空 间。原生的选择 菜 单支 持用户所使用 设 备 的 本 地 化操 作 , 让网 页 交互 更接近用户 所 使 用设备 的原生 交互体验 。
原生选择菜 单 的 样式十分显眼, 让用户 容易 辨 认出来 。比 起 通 过C S S 样式表精心 设计的导 航菜单, 原 生 选 择菜 单仅需简单编写H TML 结 构即可轻松实现。 但这种菜单也 有短 板, 原生 选择菜单在不 同 移动设备上 所呈现 的样式是不同的, 例 如 IO S 设备和安卓设备中的原 生选择菜单的样 式 大相径庭