全局于网站整体的网页设计（3）
作者：小猪头 来源：蓝色理想 发布时间：2009-03-27 17:15:00
网页设计的规范
理解并遵循网页设计的规范是网页界面设计的基础，网页设计的规范在行业中通常被称为设计的“一贯性”。一个优秀的、有经验的设计师能把网页设计的基本规范自然而本能地融入作品中。在显示器的方寸显示空间里，用户需要以被限定的分辨率来浏览页面、以键盘和鼠标来交互控制界面、继而在有限的网络传输速度下一个个层级地浏览整个站点，可想而知其中有多少要素需要规范化。
形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内：一般的网站通常会在头部显著位置显示网站LOGO，以合理的层级关系及最普通的字体字号来展现导航以及设计合理的搜索功能块。
在这里我们需要注意的是除非非常必要，网站的LOGO尽量不要以flas * 展示，同时导航也尽量不要以flas * 或图片来表现，因为浏览器有拦截flash的可能；同时，不同终端设备上浏览器对flash和图片的不支持也可能造成网站无法继续访问或者根本无法识别。
我们可以通过以下几个例子对比一下网页设计规范在实际应用中的效果：图1，汽车之家的导航设计，图文结合，非常出色；图2，贵州省人民政府网站，网站标题和LOGO全部制作到flas * 中，当浏览器屏蔽flash的时候，网站将无法识别；图3，伊利集团网站，导航flash也很漂亮，同样的，当浏览器屏蔽flash的时候，导航将不可见，网站无法被继续访问；图4，广东省人民政府网站，非常优秀的设计，导航栏全部以非图片形式制作，既保证了美观，又体现了实用性。
除此之外，网站的各内容区块应切割明显，让用户能很容易地判断内容块的起始。如果不是门户类型网站，网站页面长度尽量不要超过三屏（因为不同显示器分辨率参数不同，三屏的说法不一定适用于所有设计），即不要让用户在同一页面上过多滚动鼠标滚轮。中文网站设计时应注意内容区域文字尽量使用12像素、14像素等偶数字号，以准确表达中文字体的整齐切割，正文汉字部分应严格使用宋体，保证用户最好的阅读感受。标题部分可以稍微增大字号，页面上除装饰性图片或广告之外的地方最多使用两种字体。如图5所示的方正字库网站，就是一个很好的例子，左侧列表使用13像素宋体，右侧列表使用12像素宋体，同时除广告外还出现了黑体和行楷等数种字体。
0
投稿猜你喜欢
伙伴遇到一个关于excel导入数据到python中，日期变成数字而不是日期格式的问题。第一反应这个数字应该是excel里面的时间戳类似的，所- 目录一.简介二.特色三.flask规模化四. flask Blueprint总结一.简介Flask是一个使用Python编写的轻量级Web应
- 这篇文章主要介绍了基于Python批量生成指定尺寸缩略图代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值
- 如下所示：#先下载psutil库:pip install psutilimport psutilimport os,datetimedef
- 系统：ubuntu18.04 x64GitHub：https://github.com/xingjidemimi/DjangoAPI.git
- 本文为大家分享了python的concat等多种用法，供大家参考，具体内容如下1、numpy中的concatenate()函数：>&g
- 前言：open()函数的定义：def open(file, mode='r', buffering=None, encodi
- Mysql InnoDB引擎页目录一、页目录和槽接上一篇，现在知道记录在页中按照主键大小顺序串成了单链表。那么我使用主键查询的时候，最顺其自
- 在页面展示json成树形结构时，往往得到的json不是ztree的规范格式，需要对json循环迭代解析。即使不规范的json也可
- 写这篇文章的缘由是我使用 reqeusts 库请求接口的时候, 直接使用请求参数里的 json 字段发送数据, 但是服务器无法识别我发送的数
- 一、foreach()循环对数组内部指针不再起作用,在PHP7之前，当数组通过foreach迭代时，数组指针会移动。现在开始，不再如此，见下
- 介绍本文主要介绍Python中列表生成式的基本知识和使用生成列表要生成list [1, 2, 3, 4, 5, 6, 7, 8, 9, 10
- os：windows前提：Python，selenium，IEDriverServer.exe，ie浏览器首先安装Python2.7安装成功
- '创建DOM对象set objDom=server.CreateObject("MicroSoft.XMLDom"
- 1.matplotlib简介matplotlib 库是 Python 中绘制二维和三维图表的数据可视化工具特点： &
- 本文实例讲解了PHP图片上传并压缩的实现方法，分享给大家供大家参考，具体内容如下使用到三个文件connect.php：连接数据库test_u
- 安装环境:centos 5.4mysql版本：mysql 5.1.xx 采用rpm直接安装所需软件： xtrabackup 1.2.22 采
- 前段时间公司数据库服务器崩溃启动不起来，经过我初步排查是/home目录挂载不上导致启动不起来，虽然通过注释/etc/fstab中的挂载信息，
- 在使用PyVista进行多线程同时显示多个窗口的时候，发现开启多个线程显示窗口，窗口会卡死，于是便有了这篇文章。发现问题在可视化工具——利用
- 1. 新建.py文件# pip install kafka-pythonfrom kafka import KafkaConsumerimp
