提升设计品质的8个布局方案[译]（5）
作者：笨活儿 来源：笨活儿 发布时间：2010-03-18 16:06:00
标签：设计,布局,网页设计,导航
5. 渐进布局Progressive Layouts
“渐进布局”的意思是站点内容按照一定的顺序一块一块地显示给用户。这种组织内容的做法比较反常，但也能在很多网站上看到。渐进布局能帮助用户更容易地深入一长串信息。
渐进布局的实例
整个站点都由渐进布局构成
Sursly.com（貌似被墙，请点击这里代理访问）的整个作品集站点都基于渐进布局。您应该能注意到，页面右上角有一个“GO”按钮，每一页面都是从上一页面中的GO按钮链接过来的。这种页面之间的渐进系统代替了传统的导航和菜单。当然，这样做也有一个很明显的缺点：导航的交互性下降了，用户只能按照网站建设者想要的顺序获取内容。
尽管单个页面布局能被存为书签（使用# 锚记），但对于随机访问者来说，则无法通过一个明晰的导航对站点内容建立起直接的整体感知。而且，这种布局一般只有一个“航向”，从易用性的角度上来说，所谓“导航”的概念在这里几乎不能适用。
译注：以前看到过一个十分类似，但是更漂亮的站点。现在一时找不到了…… 有谁知道是哪个？麻烦留言告知一下。
垂直方向的渐进布局
Danny Blackman 的作品集也是仅通过一张渐进式布局页面来实现的。各块元素相互独立，在一张页面上垂直展示。相邻元素之间有滚动按钮，每个元素都有返回顶部的按钮。菜单或所谓导航还是没有被使用。
ScrollTo 脚本
ScrollTo - 使用这个jQuery插件，就能轻松建立渐进式布局。
0
投稿猜你喜欢
本文实例讲述了js正则匹配中文标点符号的方法。分享给大家供大家参考，具体如下：运行效果截图如下：具体代码如下：<html><- 本文实例讲述了Laravel使用PHPQRCODE实现生成带有LOGO的二维码图片功能。分享给大家供大家参考，具体如下：/*** 利用php
- 本节内容深浅拷贝循环方式字典常用方法总结一、深浅拷贝列表、元组、字典(以及其他)对于列表、元组和字典而言，进行赋值(=)、浅拷贝（copy）
- 数字函数 ABS():求绝对值。 CEILING():舍入到最大整数。 FLOOR():舍入到最小整数。 ROUND():四舍五入 ROUN
- 如下所示：import pandas as pd from pandas import * import numpy as np data
- 本文实例讲述了Python实现随机创建电话号码的方法。分享给大家供大家参考，具体如下：当需要随机的生成一些电话号码的时候，可以使用以下脚本，
- 我的Mysql中已经有了项目需要使用的相关数据库，现在需要通过django来获取Mysql里的数据并使用，下面记录配置django与mysq
- 前言在JavaScript中，数据类型分为两大类，一种是基础数据类型，另一种则是复杂数据类型，又叫引用数据类型基础数据类型：数字Number
- 这几天在用golang写一个工具，要执行外部命令工具，而且还要将外部命令工具输出的日志也要输出出来。网上找了一下，资料很多，关键是执行的结果
- 例如torch.nn.ReLU(inplace=True)inplace=True表示进行原地操作，对上一层传递下来的tensor直接进行修
- 前两天，班上同学写论文，需要将很多篇论文题目按照中文的习惯分词并统计每个词出现的频率。让我帮她实现这个功能，我在网上查了之后发现jieba这
- 第一：mysql服务的启动和停止net stop mysqlnet start mysql第二：登陆mysql –u用户名 [–h主机名或者
- 深入解析Linux下MySQL数据库的备份与还原 1. 备份 [root@localhost ~]# cd /var/lib/mysql (
- 我就废话不多说了，大家还是直接看代码 吧~package mainimport ( "fmt" "sort&q
- 如下所示：import numpy as npimport pandas as pdfrom pandas import Series,Da
- Python是一门简单而文字简约的语言。阅读好的Python程序感觉就像阅读英语，尽管是非常严格的英语。Python的这种伪代码特性是其最大
- “一起去爬山吧？”这句台词火爆了整个朋友圈，没错，就是来自最近热门的《隐秘的角落》，豆瓣评分8.9分，好评不断。感觉还是蛮不错的。同时，为了
- Mysql的存储过程是从版本5才开始支持的，所以目前一般使用的都可以用到存储过程。今天分享下自己对于Mysql存储过程的认识与了解。一些简单
- 我们在做迁移学习，或者在分割，检测等任务想使用预训练好的模型，同时又有自己修改之后的结构，使得模型文件保存的参数，有一部分是不需要的（don
- Pytorch版本介绍torch：1.6CUDA：10.2cuDNN：8.1.0✨安装 NVIDIA 显卡驱动程序一般 电脑出厂/装完系统
