盖座漂亮的“楼”–浅谈网页设计中的构图（2）
作者：三可 来源：taobaoued 发布时间：2010-09-10 12:44:00
标签：网页设计,构图,设计
【二】钢筋上的铆钉—破格而出的素材
素材应用的好，往往能起到画龙点睛的作用，而素材起点缀页面和表达主题之外，还能作为构图中的一种主要元素存在，这些素材通常破格而出作为连接页面的纽带，使页面结构更加的稳固，故称其为“铆钉”。
素材看似随机的摆放，其实是有意的将素材摆放于左上和右下两个对角点，视觉上俗称的暗线，左下角信息内容的图片和右上角的登录窗口组成了另外一条对角暗线， 两者并组成了X结构，而四个素材起到到了固定和压轴的作用，稳固而又美观。
飞跃的人越于页面之上，护目镜挂于导航栏之上。这两个素材的使用使整个页面既贴切于主题又生动，而在构图上人连接穿插了1、2两个板块，而护目镜所在的2板块链接了3、4板块，视觉上的感官延续让页面脉络清晰不脱节，切富有节奏感。
页面非常简单，除了图形构筑的基础形，就是几朵起到“铆钉”作用的花儿，花朵破框而出，使得素材有机的融于框内又搭于整个页面之上 ，让人有种花是由圆洞内长到页面之上的错觉，简单而富有层次。
这个页面的素材和主体框架的结合很巧妙，破框而出的喷溅牛奶和静态的巧克力、杯子的动静结合于页面头部，使得整个页面主次清晰而又连贯。
更多类似的例子:
0
投稿猜你喜欢
小毅的blog：http://andymao.com/前天网上有个朋友发给我一个页面让我帮她看一下为什么鼠标翻转实现不了。我打开源文件看了一- Python（包括其包Numpy）中包含了了许多概率算法，包括基础的随机采样以及许多经典的概率分布生成。我们这个系列介绍几个在机
- 有的时候我们在使用pycharm编辑python，需要导入各种各样的包，这些包是不能直接使用的，需要先进行安装。否则就会出现模块导入错误。下
- 在python用import或者from...import来导入相应的模块。模块其实就是一些函数和类的集合文件，它能实现一些相应的功能，当我
- Harris 角点检测算法1. 角点角点是水平方向、垂直方向变化都很大的像素。角点检测算法的基本思想：
- 1、、软件环境：Ubuntu 14.04.1 LTS (GNU/Linux 3.13.0-32-generic x86_64)MySQL 5
- 我就废话不多说了，大家还是直接看代码吧~In [1]: import osIn [2]: os.environ["CUDA_VIS
- 目前由于phantomjs已经不维护了，而新版的Chrome（59+）推出了Headless模式，对爬虫来说尤其是定时任务的爬虫截屏之类的是
- 目录什么是预处理？那么预处理有啥好处？Go实现 MySQL 的事务sqlx使用gin + mysql + rest full api&nbs
- Ajax的出现让Web展现了更新的活力，基本所有的语言，都动态支持Ajax与起服务端进行通信，并在页面实现无刷新动态交互。 下面是散仙使用D
- 本文主要包括三大方面，大家仔细学习。1、导航栏中的表单导航栏中的表单不是使用 Bootstrap 表单 章节中所讲到的默认的 class，它
- Socket是网络编程的一个抽象概念。通常我们用一个Socket表示“打开了一个网络链接”，而打开一个Socket需要知道目标计算机的IP地
- 1.创建主键语法 ALTER TABLE table_name ADD CONSTRAINT pk_name PRIMARY KEY(列名)
- 恭喜您，您中奖了，你的中奖码是（请牢记，领奖需要）：ＸＸＸＸＸＸＸＸＸＸＸ然后用户输入ＸＸＸＸＸＸＸＸＸＸＸ，简单验证后就可以领奖了。你使用
- 本文实例讲述了python装饰器原理与用法。分享给大家供大家参考，具体如下：你会Python嘛？我会！那你给我讲下Python装饰器吧！Py
- 前言MYSQL Command Line Client是一款用于输入密码的程序，相信大多数用户在使用这款程序的时候都有遇到这样的一种情况吧？
- 题目描述原题链接 :268. 丢失的数字给定一个包含 [0, n] 中 n 个数的数组 nums ，找出 [0
- 本文实例讲述了JavaScript使用setTimeout实现延迟弹出警告框的方法。分享给大家供大家参考。具体如下：先给大家展示一个延迟/定
- 但是，具有identity特性的字段，不需要具有唯一性，更不必须是主键。 可以通过，set identity_insert tablenam
- 本文实例讲述了js控制输入框获得和失去焦点时状态显示的方法。分享给大家供大家参考。具体实现方法如下：<!DOCTYPE html PU
