• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    WWW 网页视觉传达设计的原则

    一:关于整体版面部份

    ﹝一﹞关于标题的呈现方式

      1. 标题宜以包括图像及文字的综合设计表现之。

      2. 台湾地区使用者喜欢色彩较丰富的标题。

      3. 标题宜居于版面中间位置,并以长方形方式呈现。

      4. 标题宜突显于背景之上。


    ﹝图一﹞:YAHOO 全球信息网
    ﹝二﹞关于版面的留白的呈现方式

      1. 版面留白量以 50% 为宜。

    2. 背景色彩纯度过高会造成版面空白量感觉消失。 

    ﹝图二﹞:Adobe 公司的页面
    ﹝三﹞关于连结点的呈现方式

      1. 横列式较长的文字连结点以单排向左对齐为宜。

      2. 横列式较短的文字连结点以双排位置居中,文字向左对齐为宜。

      3. 直列式图文连结点,个别间距宜加宽,以利区分。

      4. 连结点之前用图像或色球来指引或强调,能方便搜寻。


    ﹝图三﹞:US News & World Reports 全球信息网
    ﹝四﹞关于重要信息呈现方式

      1. 重要信息应置于标题之后,首页连结点或内文之前。

      2. 重要信息可以运用置于前端明显或突出的图像强调。

      3. 重要信息可以运用不同颜色区块强调。

    ﹝五﹞关于讯息的连贯性

      1. 保持固定的版式,求取统一感,方便阅读与搜寻。

    二:关于背景使用部份

    ﹝一﹞背景与主体的关系

      1. 背景与主体明度对比为 3:1 到 5:1 之间为宜。

    ﹝二﹞背景的色彩

      1. 淡色系列的背景有助于整体和谐。

    ﹝三﹞背景的材质机能

    1. 淡色材质背景为佳,能与主题分离之浅色标志或文字背景亦可。


    ﹝图四﹞:A-List-Apart.com
    三:关于色彩使用部份

    ﹝一﹞关于纯色的使用

      1. 同版面不宜超过七种纯色。

    ﹝二﹞关于整体色彩的表现

      1. 做到和谐并能达到视觉平衡。

    ﹝三﹞关于色彩的对比

      1. 避免类似色调,以致不同类信息之间的区隔不明显。

    ﹝四﹞关于机能性色彩区块的应用

      1. 运用小色球或色块能造成集群化的效果,以协助视觉搜寻。


    ﹝图五﹞:颜色大胆的ROUGHCUT.COM网站
    四:关于内文设计部份

    ﹝一﹞关于每一行文字的长度

      1. 最好 20 到 30 个中文字﹝40 到 60 个英文字母﹞

    ﹝二﹞关于行距与字距

    1. 行距与字距已由软件内定。设计者能以段落与段落间空行,及首行 缩排方式以辅助阅读。

    ﹝三﹞关于字体大小

      1. 标题以 H1 到 H3 为佳,内文 font size = 3 到 4 级为佳。

    ﹝四﹞关于同版面字型

      1. 三种字型以内。

    ﹝五﹞关于文字的颜色

      1. 三种颜色以内。

    ﹝六﹞关于已选过的文字

      1. 在颜色上要能与未选过之文字连结点辨别,也要与背景区分。

    ﹝七﹞关于内文的排列

      1. 向左对齐并与左边界保持适当距离。可以善用表格填入文字以达此 效果。

    ﹝八﹞关于表格或清单内的字

      1. 运用相同字型与字体大小,以利辨别。

    五:关于图形设计部份

    ﹝一﹞关于图形的主体

      1. 清晰可见,去除不必要噪声。

    ﹝二﹞关于图形的意义

      1. 简单明了。

    ﹝三﹞关于图形内文字的本身

      1. 清楚容易视认。

    ﹝四﹞关于图形内文字的装饰

    1. 没有过分花俏装饰,造成文字辨识不易。

    上一篇:WWW 与人际沟通和信息传递的关系
    下一篇:从美的原则谈 WWW 网页上的艺术表现
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    WWW 网页视觉传达设计的原则 WWW,网页,视觉传达,设计,