网页设计应急小技巧(5)

作者:四十大盗 来源:163 UED Team 时间:2011-10-05 18:52:57 

5.三角拼贴法 – 像做手工一样,将裁剪好的三角形打乱,重新拼贴

不同的几何形状有不同的性格,圆形是活泼可爱的,方形是平稳整齐的,三角形就是尖锐动感的。
三角形的不平衡性及其尖锐性能够增强视觉上的刺激,快速吸引用户,可以用于科技和时尚这种风格同样比较“锋利”的网页。
上图,将同色系小三角形均匀的拼贴起来,马上就营造出一种钻石璀璨般的时尚感。但实践的时候要注意加减法,不能乱堆一通,点到为止即可。

上图,用艳丽的三角形对页面进行划分、拼贴。大小的组合,色块的对比,能够带给用户强烈的视觉冲击力。在搭配的时候,注意主次,以一个大的形状为主,给内容摆放留下足够空间,与其他辅助的小形状相区别。

6.色块分割法 – 将各版块用不同颜色来区别

经常面对需求方这里是重点、那也是重点、那那那也挺重要,统统需要突出的要求,对于主题比较明快的页面 可以考虑将版块用不同颜色来区别,通过色块来强化页面版式和布局,难度较大的是在色彩搭配上要取得平衡。
上图,版式在页面都以块来体现,没有什么效果,为了突出重点,在重要区域选择了饱和度较高的红黄绿三个颜色,产生明确的视觉中心,让用户能够按照我们希望的那样阅读下去。但对比色调容易造成不和谐,红黄绿之间加上灰底的中性色来调和一下就显得不会突兀了。

当使用四到五种纯色进行搭配的时候,注意只要色相、纯度、明度三个属性中有一个属性是基本相同或者接近,搭配起来基本上都不会觉得太牵强。

—————————————————————-

以上几个小技巧可以在情况紧急时参考,大家也可以用类似的方法总结出更多的小技巧自用。

原文:http://uedc.163.com/7779.html

标签:网页设计,技巧
0
投稿

猜你喜欢

  • 浅谈为什么#{}可以防止SQL注入

    2024-01-27 07:19:08
  • python自动化测试实例解析

    2023-12-13 17:10:27
  • python数据结构之搜索讲解

    2022-12-31 08:09:02
  • 基于jQuery的自动完成插件

    2011-02-05 10:55:00
  • Python中使用__new__实现单例模式并解析

    2021-10-29 23:11:22
  • python3代码输出嵌套式对象实例详解

    2021-09-16 07:35:55
  • Flask框架工厂函数用法实例分析

    2023-03-08 08:14:30
  • php将ppt转jpg图片的具体步骤代码

    2023-06-12 21:53:33
  • 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法

    2024-04-17 10:06:38
  • Python控制台输出俄罗斯方块的方法实例

    2023-08-09 16:32:19
  • ASP所有的Session变量获取实现代码

    2011-03-11 10:44:00
  • HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全详解

    2024-04-22 22:25:25
  • python中的lambda表达式用法详解

    2022-12-01 17:33:57
  • perl常量、多维数组及变量的初始化的实例代码

    2022-03-10 07:59:54
  • php简单生成一组与多组随机字符串的方法

    2023-10-04 02:10:09
  • vue.js中ref及$refs的使用方法解析

    2024-05-09 10:42:35
  • python爬取招聘要求等信息实例

    2021-01-27 21:22:36
  • python 内置函数filter

    2023-01-07 21:53:37
  • webpack5搭建一个简易的react脚手架项目实践

    2024-04-18 10:02:37
  • Python双端队列deque的实现

    2022-07-07 02:37:29
  • asp之家 网络编程 m.aspxhome.com