湘情盾网络科技有限公司

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

作者:发布时间:2021-02-03 20:27:36点击:1589

一:关于整体版面部份

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

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

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

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

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


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

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

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

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

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

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

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

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


﹝图三﹞:USNews&WorldReports全球信息网
﹝四﹞关于重要信息呈现方式

  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为佳,内文fontsize=3到4级为佳。

﹝四﹞关于同版面字型

  1.三种字型以内。

﹝五﹞关于文字的颜色

  1.三种颜色以内。

﹝六﹞关于已选过的文字

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

﹝七﹞关于内文的排列

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

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

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

五:关于图形设计部份

﹝一﹞关于图形的主体

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

﹝二﹞关于图形的意义

  1.简单明了。

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

  1.清楚容易视认。

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

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


在线客服
技术支持
热线电话
返回顶部

湘情盾

在线客服:
点击这里给我发消息湘情盾-笑笑
点击这里给我发消息湘情盾-文
点击这里给我发消息湘情盾-峰
点击这里给我发消息湘情盾-嘟嘟
点击这里给我发消息湘情盾-小宋
点击这里给我发消息湘情盾-小洁
点击这里给我发消息湘情盾-迎彤
点击这里给我发消息湘情盾-9
点击这里给我发消息湘情盾-欣欣
点击这里给我发消息湘情盾-瑶瑶
点击这里给我发消息湘情盾-知若
点击这里给我发消息湘情盾-茂茂
点击这里给我发消息湘情盾-靓靓
点击这里给我发消息湘情盾-寒雪
点击这里给我发消息湘情盾-若兰
点击这里给我发消息湘情盾-冰巧
渠道合作:
点击这里给我发消息渠道合作
财务QQ:
点击这里给我发消息湘情盾-财务
技术支持:
点击这里给我发消息技术支持

售后服务热线:

0745-2261996

技术邮箱:Server@15dun.com

总公司地址:湖南省怀化市鹤城区人民路新悦城608号