1 / 71
文档名称:

网站版式设计.ppt

格式:ppt   大小:3,785KB   页数:71页
下载后只包含 1 个 PPT 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

文档介绍:网站版式设计


一.网站的视觉路径
1.视觉路径一般是:从上到下,从左到右。
2.网站中方块:
(1)方块感越强越能给用户方向感。
(2)方块越少越好。
(3)尽量用留白做视觉区分。








3.对齐设计者技巧成熟与否的表现。
页面中不同的视域,注目程度不同,给人心理上的感受也不同。



如下:
上部给人轻快、漂浮、积极、高昂之感;下部给人压抑、沉重、限制、稳定的印象;左侧,感觉轻便、自由、舒展,富于活力;右侧,感觉局促却显得庄重。网页中最重要的信息,应安排在注目率最高的页面位置,这个位置便是页面的最佳视域。


页面的设计轻松而具均衡的形式感,把最佳视域留给了横贯页面的大标题


作为个性化的视觉元素,拼贴剪纸式的文字分别占据了三个点,吸引视线在它们之间流动


浏览者的眼睛首先看到的是页面的左上角



(2)视觉流程类型:
分为直线视觉流程和曲线视觉流程两类。


视觉流程明确,形成清晰易读的页面设计


自由的视觉流程形成生动活泼的页面设计



(3)焦点视觉流程 :
是指视觉心理的焦点。每个页面中都有一个视觉焦点,这是需要重点处理的对象。
焦点是否突出,和页面版式编排、图文的位置、色彩的运用有关,同时也与对“焦点”着力描写有关。在视觉心理作用下,焦点视觉流程的运用使主题更为鲜明、强烈。


按照主从关系的顺序,使放大的主题形象成为视觉焦点,以此来表达主题思想。
运用图片大小的对比引起视觉的流动


将文案作整体编排,突出主题形象。
对主题图片的遮挡,引发浏览者一探究竟的兴趣


在主题形象四周增加空白量,使之成为视觉焦点。
留白使页面简约大方,更加突出了主题


通过在主体产品周围留白吸引视线


这是一个典型的运用焦点视觉流程的例子


页面中的方形图无疑首先吸引了浏览者的视线


具有独特个性风格的首页设计,视觉流程清晰


八.颜色应用
1.色彩的易见性
在白纸上黄字不醒目,而写黑字醒目——明度对比强,易见度高;明度对比弱,易见度低。另外,光线弱。易见度低;光线过强,有眩目感,易见度也差;色彩面积大,易见度高;色彩面积小,易见度低。如果当两组光源与形相同时,形是否能看清楚,则取决于形色与背景色的明度,色相、纯度上的对比关系。其中明度对比最强的对比作用最大,对比强的清楚,弱的模糊。



例如:
黑色底可见度强弱次序是
白——黄——黄橙——黄绿——橙。
白色底可见度强弱次序是
黑——红——紫——紫红——蓝
蓝色底可见度强弱次序是
白——黄——黄橙——橙
黄色底可见度强弱次序是
黑——红——蓝——蓝紫——绿



2.色彩的对比种类
色彩对比:在一定条件下,人对同一色彩有不向的感受。色彩单一给人一种印象。在不同的环境下,多色彩给人另一种印象。色彩之间这种相互作用的关系称“色彩对比”。
明度对比、纯度对比、冷暖对比、面积对比



3.色彩的感情
色彩的冷暖
色彩的轻重
色彩的华丽咸与朴素感
色彩与四季
色彩与味觉
色彩与形状



4.联想:
(1)具体的联想
红色:联想到火、血、太阳……
橙色:可联想到灯光、柑桔、秋叶……
黄色:可联想光、柠檬、迎春花……
绿色:可联想到草地、树叶、禾苗……
蓝色:可联想到天空、水……
紫色:可联想到***、葡萄、茄子……
黑色,可联想到夜晚、墨;炭、……
白色:可联想到白云、白糖、面粉、雪……
灰色:可联想到乌云、草木灰、树皮……


(2)抽象的联想
红色:可联想到热情,危险、活力……
橙色:可联想到温暖、欢喜、嫉妒……
黄色:可联想到光明、希望、快活、平凡……
绿色:可联想到和平、安全、生长、新鲜……
蓝色:可联想到平静、悠久、理智、深远……
紫色:可联想到优雅、高贵、重、神秘……
黑色:可联想到严肃、刚健、恐怖、死亡……
白色:可联想到纯洁、圣、清净、光明……
灰色:可联想到平凡、失意、谦逊……
这些色彩的联想多次反复,几乎固定了它们专有的表情,于是该色就变成了该事物的象征。



5.色相的心理分析
(1)红色
红色的纯度高,注目性高,刺激作用大,人们称之为“火与血”的色彩,能增高血压加速血液循环,对于人的心理产生巨大的鼓舞作用。



(2)橙色
橙色的刺激作用虽然没有红色大,但它的视认性注目性也很高,即有红色的热情又有黄色的光明,活泼的性格,是人们普遍喜爱的色彩。



(3)黄色
黄色是最为光亮的色彩,在有彩色的纯色中明度最高,给人以光明、迅速、活泼、轻快的感觉。它的明视度很高,注目性高,比较温和。



(4)黄绿色
是黄色和绿色的中间色,由

分享好友

预览全文

网站版式设计.ppt

上传人:小可爱 2022/5/14 文件大小:3.70 MB

下载得到文件列表

网站版式设计.ppt

相关文档