电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
[组图]关于网页标题的视觉设计方法和技巧
关于网页标题的视觉设计方法和技巧
2009-4-5 16:42:06  文/牧童   出处:腾讯   


  在网站首页,一眼望去你能所见什么呢?只有“标题”。因而用户也只好通过标题去勾勒这个站点,它甚至比Banner上一句引导更为生动有效。或许这些标题,便构筑了门户重要的站点氛围。又或者论坛,每个版面[…大标题1、大标题2(…小标题1、小标题2、小标题3…)…]的不断嵌套,构成了版面结构。因此也可以看到,标题的存在也往往是相对的。

  换言之,对于存在于互联网中海量的信息,用户确实需要这样或那样的“标题”。俗话说“巧妇难为无米之炊”,到底有没有可能让我们暂且抛开信息内容,来看看标题设计呢?

  C、回归,且说“标题”设计

  在界面设计过程伊始,通常最重要的往往便是信息架构设计。例如关于如何设计良好的站点导航的文章比比皆是,而本身一个简短、便于记忆的导航词条何尝不是对下属一组页面的“标题”呢?当然,这并不代表我们混淆或忽视它和“Tag标签”或其他什么的界限。但显而易见,“标题模式”的设计至少影响着信息架构领域,广义或狭义。明显、突出的标题是设计的基本要素之一。就像某本书中所说的“…好的站点,应为浏览而设计,不应强迫我去思考…”。如何设计不用思考的标题呢?

  就视觉设计而言,具有最为直观、强大的表现力。时下,你如果采用红色粗体大号作为突出的标题,可能会被说是墨守成规;但在找到更好的方法前,很多网站仍矢志不移的使用它,就单个标题而言。你可以想象如果一个页面(首屏)连续使用了50个红色14号标题的效果,一定可以排布的十分均匀,符合栅格、黄金分割或是别的定律……结果可想而知。视觉疲劳,认知负担?只是想说,标题往往出现在众多标题之间,要知道它们每个又都凝聚了大量的信息,所以希望不要忽视量的累积。

  也许你该注意:

  1、给你想突出的标题一个独特的样式、位置;

  2、每组标题的数量也要符合7±2的认知法则;

  3、注意留白,保证用户在标题组中的视觉流得以减速;

  4、采用对比色或是颜色反白(好像windows一样)也是不错的想法;

  还有更多关于标题的视觉设计方法和技巧,欢迎研讨……

  Like this:

上一页  [1] [2] 

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    页面自动跳转的几种实现方法
    网站内容的四种分类形式 或多或少的…
    如何指定规范网页?rel="canonical"
    浅谈网站评论体系设计的不足之处
    网页中“上一篇”“下一篇”设计思考
    网页设计进度指示器帮助用户预测步骤
    网页用户体验:网页注册表单设计分析
    网页设计常出现8大问题
    网页设计的形象思维归纳
    彻底去掉动易内容页顶部的“改变图片…
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号