版式是网页设计首先要考虑的问题,期望设计成一个什么模式的版面,页面如何规划,文字内容如何摆放等。网页这种视图上文字和图片要同时出现,文字大小不一,页面主题和辅助信息共存。网页内容有主次之分,页面图片也各有侧重,而且风格各具特色。网页内容主题是该网页设计的灵魂,必须将图片和文字按照目的需求来突出布局,分层次展示给浏览者,使浏览者能很快找到自己的需求点。
版式设计
(1)网页主题突出。看到一幅页面,页面的中心在哪如果能让浏览者一眼看到那么说明主题突出了,通常设计者将重点要突出的内容放置在页面的中心位置,这也是设计者的习惯手法。通常我们意识中也是如此,显示主题当然放在页面中心,这样安排符合人们的习惯,页面重点突出,符合设计需求。
(2)页面元素有机统一。页面要显示的内容通常很多,页面元素有大有小,互相之间有匹配关系。通常情况特别长的文章或者标题内容为了显示的目的,布局设计上让这些文章之间有一定的间隔,这样画面更美观。对于篇幅短的内容也一样处理。图片的摆放也要错落有致,这样处理画面的结果让页面有了动感和美感。
(3)图像文字和谐统一,互相烘托。如今的网页页面已不是互联网发展之初的面貌,都有图像和文字共存。对于页面的内容,为了说明性的需要离不开文字,主题信息都是用文字来表述的。而页面的美观需要图像来美化,烘托。一幅成功的网页设计作品文字和图像和谐统一,互相哄托,让页面艺术性和功能性共存。
网页中的图像处理
图片格式最佳化
网络应用中便于网络通信传输非常重要,这就对图像文件的大小提出了要求。占据网络带宽大的文件不受欢迎,为了满足观赏和传输的双重需求,现在下列几个文件格式是互联网应用较为普遍的格式。
(1)动画格式采用GIF,目前只有GIF支持动画;
(2)用直线和曲线组成的矢量图生成的图像,采用透明背景,这时采用PNG格式,占用的数据空间小于GIF和JPEG2种;而且PNG格式图像显示效果比GIF和JPEG好。
(3)由于JPEG算法压缩比高,一般为了显示较多内容的照片或者人物等数据量大的图片还是采用JPEG格式。网页设计中涉及的内容很多,有各种不同的显示要求,根据这些显示需求选用不同的图像格式,对网页设计进行优化处理,让用户更好的体验到这种网页是设计者的目的。
图像的最佳化处理
设计网站的原始图片往往不能满足网页设计者的需求,设计者首先对获得的图片进行处理,让其满足要展示的网页的需要。网页设计者一般都能很熟练的掌握专业图片处理工具Photoshop和Fire-works。这2个软件是优秀的网页设计辅助软件,设计者应该熟练掌握,对网页设计非常有益。这里有个规则,与计算机显示要求相适应,一般网页背景采用的图片尺寸是1280*800像素,前几年还是1024*768像素呢,与目前流行的显示器密切相关。对于网上不是以背景形式存在的图片,如我们常常搜索到的图片多用800*600像素。
网页色彩处理
网页设计色彩的重要性
如今互联网遍布世界,信息传播变得无比发达。互联网提供的发达通信功能对社会发展产生了巨大影响。网页设计伴随着世界范围的巨大需求发展迅速,如今的网页页面从单纯文本样式发展到今天的丰富多彩,网页设计技术的高度发展让网络信息媒体绚丽多姿,五彩斑斓。网页设计很大程度上是艺术图像设计,色彩是该设计的主导因素。如何更好的吸引浏览者并烘托网站的主题是网页图像设计的目的所在。
网页设计色彩的表现
不同的人审美不同,对颜色各有喜好,这些都与个体的思想观念、生活氛围、知识水平和综合素质有关系,这就叫做个人的色彩感观。比如说某人喜欢强烈的色彩,有人喜欢清雅的基调,还有人喜欢纯色黑或白。在网页作品中,不同设计者作品风格不同,设计主题区别很大,对色彩的选择也大相径庭。色彩对网站设计来说影响整体设计,可以说色彩是网页图像设计的关键因素。色彩也是有生命力的,色彩能展示设计者的风格,突出网站的主题。设计者前期按照网站需求选择网页基调,创作网站的总体风格,使网站建设对其商业价值体现、企业文化宣传促进从而达到其设计目的。网页设计在图像设计方法与平面媒体设计理念相同,通过独到的设计思想表达特定的网页主题。
网页设计色彩的运用
(1)确立网页页面的基调,即页面主题色彩:页面的基调色彩确定后,才能开始设计其它部分内容。当我们打开一个页面时,一般看到的页面色调都比较淡雅,这也是网站设计中流行的浅色基调。文字的内容与色彩对比度较大,突出网页页面的主题内容因素。页面的重点不被那些浓重色彩给掩盖,有利于设计主题的显示,多数人喜欢这种设计风格。一般张扬的设计基调多出现在某些人的博客,这也是个性的张扬,无可厚非,不过不适用于商业用途网站。
(2)确立网站色系和多个页面的一致性:艺术设计是和谐统一的色系选用和色彩搭配。页面设计风格和色彩和谐统一,色系与设计主题吻合,能让浏览者赏心悦目的欣赏页面,让浏览者驻足。色彩不属于一个色系,创作起来难度增大,与页面内容匹配难度增加。常用的页面设计通常选用一致的色系和色彩搭配。为了整体画面的灵动,可以在页面某处增加色彩强烈的装饰,给网页增加动感。
(3)对比或互补色的运用:网页页面色彩过于一致给人以呆板的感觉,加强网站的特殊效果可以增加对比度强的图像或使用互补色来渲染画面。适用于添加对比色或互补色的网站一般是目的性不是很强的网站,为浏览者提供主题轻松的内容,色彩可以选择强烈的冷暖色,尽管如此,也不是没有规则。网页背景不能使用多个强烈颜色搭配,否则将主题内容掩盖,对网站建设的主题忽视。
结语
图像处理除了上述图像处理方面的因素外,对设计者个人品质和综合素质有一定要求,首先要求创作者有认真的工作态度、一定的审美能力和独特视角,工作中有对素材的积累意识。网页设计者掌握了网站制作工具软件还远远不够,还需要与艺术设计创作者共同构思网站的图像、基调及主题内容,让网站以艺术品的姿态展示给浏览者,这对网站建设能起到很大的作用。完美的网页设计色彩符合网站的主题氛围,符合绝大多数浏览者的审美需求,页面生动直观,文字简洁突出,带给浏览者继续阅读的兴趣和视觉美的冲击。
word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解(0)人阅读时间:2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。(0)人阅读时间:2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。(0)人阅读时间:2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答(0)人阅读时间:2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
word2010怎么查看段落字数呢?很多用户在使用word时不清楚这个操作,小编这里就给大家带来有关word2010怎么查看段落字数的回答,希望能够帮助大家了解..2023-03-09word2013怎么插入ppt(word里怎么插ppt)
word2013怎么插入ppt呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么插入ppt的回答,希望能够帮助大家解决这一个问题。..2023-03-09word2013怎么打开宏(word2013如何启用宏)
word2013怎么打开宏呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2013怎么打开宏的回答,希望能够对大家有所帮助。..2023-03-09word2010怎么删除菜单中MathTye加载项 word删除mathtype加载项
word2010怎么删除菜单中MathTye加载项呢?很多用户对此还不是很清楚,小编这里就给大家带来有关word2010怎么删除菜单中MathTye加载项的回答..2023-03-09word2010怎么查看段落字数(word如何查看段落字数)
excel表格筛选怎么用 excel表格筛选怎么用不了
excel表格如何把滚动选项关闭(excel表格如何把滚动选项关闭)
EXCEL怎么取单元格里面的的值的中间某些字符
在Excel中如何将一组数据绘制成图标? 如何将一组数据用excel做成图表
excel2016如何使用IF函数(excel2016 if函数怎么用)
Excel表格怎么自动排序?(excel表格怎么自动排序数字)
Excel表格数据比对和查找的技巧(excel表格数据比对和查找的技巧是)
Excel如何自动填充数字(excel如何自动填充数字排序)
Excel 如何制作任选项目的查询系统