图形元素的存在大大美化了网页设计,它拥有强烈的艺术美感和视觉冲击力,是文字之后最早被引入到网页设计中的元素,它所传递信息的直观性远胜于文字。图形设计中的色彩搭配、元素构成、版式布局都要符合浏览者的审美心理,才能使得网页在短时间内给受众留下深刻的印象。
一、图形元素
网页设计中的图片提供导向和链接的功能。根据人机心理学研究,人们的视线在浏览网页时,会首先垂直的落在屏幕中心,然后向四周游动。决定了设计师要将重要的信息安排在注视点高的区域,所以设计师要根据视觉流程来合理安排图片的适度位置。网页设计中的图片是要经过网络下载才可以最后看到,受到宽带的限制,所以要求图形文件量尽可能的小。在图片大小固定的情况下,文件量越低说明图片分辨率要越低。对于显示器上的图片而言,分辨率为72dpi是大多数图片的最佳选择。
二、色彩元素
色彩的配色设计直接影响网站的整体定位、风格。作为设计中不可缺少的元素,它建立在文字图形的基础上,依靠眼睛的功能,通过感觉的视觉冲击力对心理起作用。每一种颜色都有不同的心理暗示。冷色中的蓝色代表平静,暖色中的红色代表激动;黑色给人沉重感,浅色则让物体轻盈;色彩从色调、饱和度、明度三个方面影响着网页,我们可以找到很多运用广泛的色彩配色方案,来作为实际学习和工作中的向导。
网页设计中的色彩元素需要符合国际色彩的标准,因为互联网络是建立在国际互联网统一的平台上的。最简单的说就是采用网页安全色,不能毫无节制的运用太多颜色,一般情况下先根据总体风格的要求定出主色调和辅助色进行色彩的搭配。网页色彩模式一般采取RGB模式。网页设计是通过显示器来进行展示的,目前显示器大都采用RGB颜色标准,这与RGB颜色模式的原理分不开。RGB是从颜色发光的原理来设计定的,通俗点说它的颜色混合方式就好像有红、绿、蓝三盏灯,当它们的光相互叠合的时候,色彩相混,而亮度却等于两者亮度之总和,越混合亮度越高,即加法混合。在显示器上,通过电子枪打在屏幕的红、绿、蓝三色发光极上来产生色彩的。
三、版式设计
用户界面展现在浏览者面前的数字化物化界面,组成元素是与传统物化界面相同的图文信息、版面设计、色彩布局。界面设计普遍遵循了平面设计的视觉传达方式。版式设计就是在有限的空间中遵循视觉设计原则,把各种多媒体元素进行合理的组合。不同的主题网站有着不同的设计思路,引起思想、情感、形式等各方面的不同。有些网页直接对视觉元素进行堆砌,欠缺规划,缺乏审美意识。各种文字、动画、色块等杂乱无章,令消费者厌烦。网站设计首先要对企业、产品、受众信息等进行全面的调研和综合分析,指定网站合适的整体风格,以合适的版式设计表达形式营造出相适应的氛围。
word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报(33)人阅读时间:2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需(25)人阅读时间:2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打(24)人阅读时间:2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来(25)人阅读时间:2024-09-12word如何进行全文分栏和某段落分栏 word如何进行全文分栏和某段落分栏的区别
word如何进行全文分栏和某段落分栏 在Word2003中,我们可以对一篇文章进行分栏设置,分两栏,分三栏都可以自己设置.像我们平常看到的报纸.公告.卡片.海报..2024-09-12word2010大纲怎么显示(word2010大纲级别怎么设置)
word2010大纲怎么显示(word2010如何使用大纲视图) 有些时候我们在网上下载的一些word文档太长了,我们其实可以显示大纲,看清楚每一节是否有自己需..2024-09-12七种常见的Word打印设置技巧(七种常见的word打印设置技巧)
七种常见的Word打印设置技巧 七种常见的Word打印设置技巧 1.打印指定页码 有些时候,我们只希望打印文档中的某些页码,只要点击菜单命令"文件→打印",在打..2024-09-12四种方框内打钩符号的简易方法(四种方框内打钩符号的简易方法视频)
四种方框内打钩符号的简易方法 如何在Word方框里打钩? 四种方框内打钩符号的简易方法 如何在Word方框里打钩? 一.在方框里打钩的方法一 利用带圈数字来..2024-09-12word怎么调整纸张的尺寸大小? word怎样调纸张大小
word怎么设置文档的水印呢?(word文档中怎么设置水印)
Word文档中表格的单个单元格边框怎么设置
使用Word制作成绩表表格的方法 表格制作excel教程成绩表
怎么批量导出Word文档中所有图片 word批量导出图片并分别储存
Word文档怎么设置自动保存 wpsword文档怎么设置自动保存
word怎么设置自动滚动页面(word怎么设置自动滚动页面)
Word实现Excel表格分栏打印的方法 word表格分页打印
Word2013怎么自定义SmartArt图形形状样式?
怎样去掉Word文档中的手动换行符(怎样去掉word文档中的手动换行符号)