- 网页设计的主要视觉元素
-
1 导航样式
其实它就是一组超链接,是整个网站的提纲,好处很多,也是十分必要的.导航的样式很多有弹出的,移动的等等很多.
导航的位置结构:可以细分为左文右导航栏,左导航栏右文,左右导航中间栏,推荐使用第一种.
分析:我觉得不管使用那一种,总之目的一个,起导航的作用我们可以使它更加美观更加有特色.
比如说有位置变化的导航,图标修饰的导航,于网站内容相关的流程图表为导航,构思巧妙.
用颜色来区分的导航2 网站标志
是一站点的特色与内涵,起图形的设计创意来自于网站的名称与内容,一般会出现在站点的每一个页面上,是网站给人的第一印 象,logn的作用很多,最重要的是表达网站的理念.便于人们识别,被广泛用于站点的链接,宣传等,类似的企业标志
logo一般通过图案,文字的组合,达到被标识的战事说明,沟通交流,从而提升访问者的浏览兴趣,增强网站印象的目的.分析:我很认同多表示起作用这一点,至于怎么设计标志,就是表达网站的理念.便于人们识别,广泛应用.标志的设计应与网站的属性相吻合,不少知名网站logo设计非常简洁,易记.
3 文字的排版
文字和图片是网页中的两大构成要素,文字排列组合的好坏,直接影响到其版面的视觉传达效果.文字设计的成功与否不仅在于字体本身的书写.同时也在于其运用的排列组合是否得当,为了造成
生动对比的视觉效果,可以以风格,大小,方向,明暗度等方面选择对比的因素,也可以把它们当作
视觉中的点,线,面来加以引用,使文字和内容与页面的其他元素有基的结合起来,成为一个整体.网页的文字一般体现在以下几个方面:网站或网页的标题,网页正文,文字导航栏,版权说明等相关信息,图形中的文字,装饰用的文字等.
通常一套网页结构中最多出现三种字体,一种用作标题,一种用作导航按钮和小图标,另外一种则
用作正文.1):标题设计
标题可以分为网站的标题和栏目标题两类,网站标题是网站或者企业标志和名称等文字,网站的标题文字要符合网站的主题及风格.
标题除了置于段首,还可以居中,横向,坚向等编排处理,制造新的设计效果.
栏目标题是页面视觉的起始点,一般来说以简洁,清晰,易于阅读为宜,标题文字的字体需要要根据内容和主题来选择,最好与内文字体有所区别,粗壮一些,以示突出.用图形设计制作标题可以避免千篇一律的文字标题所带给人的单调
感和枯燥感.分析:我觉得标题是应该突出醒目,简洁,有个性,符合网站的主题风格.
2):文字的层次
网页中的文字需要按照大小,色彩,粗细来分出标题,正文和段落,形成一种视觉的节奏感.
结构中规划最主要的部分就是"对齐"和"平衡"
根据内容和版面的要求,在页面主次安排上,可以突出图形,文字则占较小的份量,也可以突出
文字,填入适当的图形,使整个页面看起来均衡有序.3)文字的整体编排
a:文字的叠置
b:文字的图形化
4 图像
是除了文字之外,网页页面上最重要的视觉设计元素莫过于图象了,网页中图像的造型是页面
设计中最重要的视觉要素,从视觉规律上看,人们对与图象的兴趣大过与文字,
我们应该形成画面的主要图象,其他图象起,配套作用.图片的格式: 网页通常使用的格式为:gif和JPEG 除此以外还有两种未被广泛应用的图象格式:
PNG和MNG1:图片的格式
(1)GIF格式
优点:支持透明和交错模式和交错
缺点:最多只能使用256种颜色(2)JPEG格式
优点:支持24真彩,适当于具有丰富的细节的高质量图象
缺点:采用了一种失真的压缩算法.通过去掉图象的部分信息来获得较高的压缩比.
(3)PNG格式
优点:在透明上可以覆盖任何背景上看不到的接缝,改善了gif透明图象描边不挂的问题.
缺点:首先不支持动画的应用,虽然采用了无损压缩方式,使其具有相同的图象质量的png
图象文件比JPEC图象文件小,但是JPEG可以通过适当牺牲画面的品质而取得比pNG更小
文件尺寸另外,png 不支持CMYK模式
(4)MNG格式分析:我觉得上面几种图片的格式各有特点,掌握他们各自的优缺点,我们就可以很好的利用他们.
2:图片的类型
1)摄影类能够直观,真实的再现产品,个人,企业形象,因此在网页中运用范围最广
2)矢量漫画类
3)抽象图形类
4)图标图形类
3:图片的排版
一个页面上的视觉中心,一般放上重要的文字和图片4:文字图片的留白量
主要指除字体本身所占用的画面的空间之外的空白,即字间距离以及其周围空白区域,
文字组合的还坏,很大程度取决于空白的运用是否得当,不同类别的文字的空间要适当集中
,并利用空白加以区分.留好的空白和缝隙是有品位,有智慧,甚至有实力的表现,留空白可以加内容的独立性,又是版面
增强节奏感的最佳方法.分析:确实我觉得留空白能够体现出作者的设计风格以及很多东西
5 背景
1:底纹背景是指网页或表格的背景图案,往往通过不同肌理效果来表现
对于现在的网络来说使用100K大小的图片已经没有障碍.
底纹背景,通常色调要比较柔和,重要起衬托主页内容,设计的作用,使用浏览者一眼看到它,但
不喧宾夺主,设计的时候要设计好背景中图形与页面其他元素之间的排列关系.做到风格统一
首尾呼应,浑然一体.2:肌理背景
6 动画1):gif格式的
2):swf格式的7 广告banner
广告文字有一般的尺寸
通常banner的文字要尽可能的简洁明了,考虑到文字的搭配,配合的图形不要太复杂,为了突出
主题,文字尽量使用黑体粗体等字体,而不适宜用过多种类型的字体,避免造成眼花的感觉,为了使
不增加图片的占用空间,图形尽量选择颜色较少的,适应存储为jpg格式的静态图形.