网页设计中的对比原则（3）
作者：党韬 来源：猪窝 发布时间：2010-03-20 21:50:00
标签：网页设计,对比,颜色,尺寸
对齐方式的对比
在高品质网页设计中,好的对齐方式占了很大的比重.当物品排成一行时,通常看上去感觉更好.因此,我觉得使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用.但是如果做的好的话是非常有效的.
LegiStyles在标题下面的内容块左侧使用了一个很大的留白.再加上大尺寸的标题,形成了一个很好的对比效果.如果你想使用不同的对齐方式,那么一定要将这种不同的尺度做大,否则最后会看起来像一个糟糕的设计中的失误.
居中的大段文字是一个排版中的禁忌.因为会造成文本很难阅读.但是,可以尝试将左对齐的文本段落和居中对齐的标题来混合起来.这是使用不同的对齐方式建立对比的另外一个好办法.再结合使用一种漂亮的衬线字体,这样也能获得很漂亮的效果.
Simon Collison的每个内容块中,都使用了居中对齐的标题,左对齐的文本.尽管标题的文字并没有比段落的文字大很多,但是已经能看出差别了.
A List Apart是另外一个居中标题左对齐段落的很好的例子.
开始去做吧
学习在你的设计中建立合适的对比跟学习其他的设计准则一样–需要练习.花些时间来研究那些优秀设计师的作品,看看他们是如何使用对比的.要记住,对比就是”不同”.如果两个元素实质上就是非常不同的,那么一定要让它们有明显的视觉差别.
原文：The Principle of Contrast in Web Design
译文：http://pd4.me/blog/translation/the-principle-of-contrast-in-web-design/
0
投稿猜你喜欢
算法简介SOM网络是一种竞争学习型的无监督神经网络，将高维空间中相似的样本点映射到网络输出层中的邻近神经元。训练过程简述：在接收到训练样本后- 配置文件注释里面有写，懒得用配置文件了代码# 京东云无线路由宝推送import requestsimport jsonimport time
- 第一步my-default.ini 添加配置：#绑定IPv4和3306端bind-address = 127.0.0.1port = 330
- 今天在论坛上面看到有些兄弟不知道HTC是什么东西。小生在这里稍微说一下。从5.5版本开始，Internet Explorer（IE）开始支持
- 本文实例讲述了Python Datetime模块和Calendar模块用法。分享给大家供大家参考，具体如下：datetime模块1.1 概述
- 下载a.我这里用的是 ZIP Archive版的，win8 64位的机器都支持 这个所以我建议都用这个。还有这个比较简单而且还很
- model:class Profile(models.Model): user = models.OneToOneField(User, o
- 前言由于自己并不以Python语言为主，这里只是简单介绍一下Numpy库的使用提示：以下是本篇文章正文内容🧡Numpy库介绍numpy 库处
- 上节我们介绍了表连接，更确切的说是inner joins內连接． 內连接仅选出两张表中互相匹配的记录．因此，这会导致有时我们需要的记录没有包
- ORM 查询管理器对于 ORM 定义: 对象关系映射, Object Relational Mapping, ORM, 是一种程序设计技术，
- 介绍也许大多数人都有在Excel中使用数据透视表的经历，其实Pandas也提供了一个类似的功能，名为pivot_table。虽然pivot_
- 使用 Windows 系统一大好处是它的应用太丰富了，甚至强大的 GPU 也能在闲暇时间做点其它「工作」。然而与 Linux 或 macOS
- 本文总结了YiiFramework入门知识点。分享给大家供大家参考，具体如下：创建Yii应用骨架web为网站根目录yiic webapp /
- 本文试图从iPhone的角度结合一些iPhone平台项目的设计经验提炼出iPhone平台的一些优秀设计思路，以供大家在做移动互联网设备设计时
- Oracle数据库作为大型数据库管理系统，近年来一直占有世界上高端数据库的最大份额，其强大而完善的数据库管理功能，以及ORACLE公司推陈出
- 人们对于那些抄袭模仿的网站有诸多抱怨，但在这篇文章中，却没有冷嘲热讽的意思。但正如他们所说，“模仿是最为忠诚的奉承形式”。“如果你确实需要借
- 一、map 1.基本介绍map 是 key-value 数据结构，又称为字段或者关联数组。类似其它编程语言的集合， 在编程中是经常
- 下面就来介绍下SQL Server 2008中使用的端口有哪些：首先，最常用最常见的就是1433端口。这个是数据库引擎的端口，如果我们要远程
- 本文实例讲述了flask框架路由常用定义方式。分享给大家供大家参考，具体如下：路由的各种定义方式请求方式限定使用 methods 参数指定可
- Scrapy中Spider的用法Spider类定义了如何爬取某个(或某些)网站。包括了爬取的动作(例如:是否跟进链接)以及如何从网页的内容中
