网页设计应急小技巧（5）
作者：四十大盗 来源：163 UED Team 发布时间：2011-10-05 18:52:57
标签：网页设计,技巧
5.三角拼贴法 – 像做手工一样，将裁剪好的三角形打乱，重新拼贴
不同的几何形状有不同的性格，圆形是活泼可爱的，方形是平稳整齐的，三角形就是尖锐动感的。
三角形的不平衡性及其尖锐性能够增强视觉上的刺激，快速吸引用户，可以用于科技和时尚这种风格同样比较“锋利”的网页。
上图，将同色系小三角形均匀的拼贴起来，马上就营造出一种钻石璀璨般的时尚感。但实践的时候要注意加减法，不能乱堆一通，点到为止即可。
上图，用艳丽的三角形对页面进行划分、拼贴。大小的组合，色块的对比，能够带给用户强烈的视觉冲击力。在搭配的时候，注意主次，以一个大的形状为主，给内容摆放留下足够空间，与其他辅助的小形状相区别。
6.色块分割法 – 将各版块用不同颜色来区别
经常面对需求方这里是重点、那也是重点、那那那也挺重要，统统需要突出的要求，对于主题比较明快的页面 可以考虑将版块用不同颜色来区别，通过色块来强化页面版式和布局，难度较大的是在色彩搭配上要取得平衡。
上图，版式在页面都以块来体现，没有什么效果，为了突出重点，在重要区域选择了饱和度较高的红黄绿三个颜色，产生明确的视觉中心，让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐，红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了。
当使用四到五种纯色进行搭配的时候，注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近，搭配起来基本上都不会觉得太牵强。
—————————————————————-
以上几个小技巧可以在情况紧急时参考，大家也可以用类似的方法总结出更多的小技巧自用。
0
投稿猜你喜欢
- Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。分页一般和表格一起用，分页链接作为表格的一部分，将分页链
- 防止一般的采集以及小偷读取，加在顶部。同理，可以改造成JS脚本。下面的方法是通过选择同一IP的访问频率来达到防止采集的目的，就是可能也把搜索
- 方法1： 将shell执行的结果保存到字符串def run_cmd(cmd): result_str='' process
- 什么是接口接口是一种定义规范，规定了对象应该具有哪些方法，但并不指定这些方法的具体实现。在 Go 语言中，接口是由一组方法签名（方法名、参数
效果图：代码如下：<!DOCTYPE html><html lang="en"><head- 一、matplotlib 库一个用来绘图的库import matplotlib.pyplot as plt1）plt.imread(&
- 报错信息应该是这样的webpackEmptyContext (eval at ./src/store/modules sync recurs
- 我开发了一个程序，数据在服务器端处理，通过ODBC和Access通讯。在实际应用中，调用后台存储过程不方便，花费时间也长。有什么好办法可以在
- 前提条件：本地已经安装好oracle单实例，能使用plsql developer连接，或者能使用TNS连接串远程连接到oracle集群读取e
- 数据共享是数据库最基本的特征之一。但是数据共享虽然为员工带来了便利，但也产生了一些负面作用。例如因用户并发存取而导致的对数据一致性的破坏、由
- 最近学习javascript，碰到caller和callee的问题，去网上百度了很多。搜到的内容大同小益，整理总结了一下与大家分享。call
- 在介绍之前，首先一个概念明确一个共识：没有攻不破的网站，只有值不值得。这意思是说，我们可以尽可能的提高自己网站的安全，但并没有绝对的安全，当
- 目录前言QueryCache介绍QueryCache配置QueryCache使用禁用queryCache场景开启queryCache场景查询
- 很多朋友在留言区询问关于python上传文件和字符到服务器的问题，现编针对这个给大家整理了一个解决办法。上传简单的字符串def send_s
- 本文实例讲述了PHP实现向关联数组指定的Key之前插入元素的方法。分享给大家供大家参考，具体如下：PHP 关联数组可以通过三种方式插入新元素
- 在这篇文章中，我将介绍如何识别导致性能出现问题的查询，如何找出它们的问题所在，以及快速修复这些问题和其他加快查询速度的方法。你一定知道，一个
- 在我们学习python的过程中，学习序列是一门必修课。当我们掌握了序列过后，便会学习常用的两个排序函数sort()与sorted()。但很少
- pytorch显存越来越多的一个原因optimizer.zero_grad()loss.backward()optimizer.step()
- 1.实现点击按钮，复制文本框中的的内容<script type="text/javascript">func
- 本文实例为大家分享了js左右轮播图的具体代码，供大家参考，具体内容如下html代码<!DOCTYPE html><html
