• 网页设计的主要视觉元素
  • 1 导航样式
       其实它就是一组超链接,是整个网站的提纲,好处很多,也是十分必要的.导航的样式很多有弹出的,移动的等等很多.
       导航的位置结构:可以细分为左文右导航栏,左导航栏右文,左右导航中间栏,推荐使用第一种.
       分析:我觉得不管使用那一种,总之目的一个,起导航的作用我们可以使它更加美观更加有特色.
            比如说有位置变化的导航,图标修饰的导航,于网站内容相关的流程图表为导航,构思巧妙.
       用颜色来区分的导航

    2 网站标志
       是一站点的特色与内涵,起图形的设计创意来自于网站的名称与内容,一般会出现在站点的每一个页面上,是网站给人的第一印   象,logn的作用很多,最重要的是表达网站的理念.便于人们识别,被广泛用于站点的链接,宣传等,类似的企业标志
     logo一般通过图案,文字的组合,达到被标识的战事说明,沟通交流,从而提升访问者的浏览兴趣,增强网站印象的目的.

    分析:我很认同多表示起作用这一点,至于怎么设计标志,就是表达网站的理念.便于人们识别,广泛应用.标志的设计应与网站的属性相吻合,不少知名网站logo设计非常简洁,易记.

    3 文字的排版
    文字和图片是网页中的两大构成要素,文字排列组合的好坏,直接影响到其版面的视觉传达效果.

    文字设计的成功与否不仅在于字体本身的书写.同时也在于其运用的排列组合是否得当,为了造成
    生动对比的视觉效果,可以以风格,大小,方向,明暗度等方面选择对比的因素,也可以把它们当作
    视觉中的点,线,面来加以引用,使文字和内容与页面的其他元素有基的结合起来,成为一个整体.

    网页的文字一般体现在以下几个方面:网站或网页的标题,网页正文,文字导航栏,版权说明等相关信息,图形中的文字,装饰用的文字等.
    通常一套网页结构中最多出现三种字体,一种用作标题,一种用作导航按钮和小图标,另外一种则
    用作正文.

    1):标题设计
    标题可以分为网站的标题和栏目标题两类,网站标题是网站或者企业标志和名称等文字,网站的标题文字要符合网站的主题及风格.
    标题除了置于段首,还可以居中,横向,坚向等编排处理,制造新的设计效果.
    栏目标题是页面视觉的起始点,一般来说以简洁,清晰,易于阅读为宜,标题文字的字体需要要根据内容和主题来选择,最好与内文字体有所区别,粗壮一些,以示突出.

    用图形设计制作标题可以避免千篇一律的文字标题所带给人的单调
    感和枯燥感.

    分析:我觉得标题是应该突出醒目,简洁,有个性,符合网站的主题风格.

    2):文字的层次
    网页中的文字需要按照大小,色彩,粗细来分出标题,正文和段落,形成一种视觉的节奏感.
    结构中规划最主要的部分就是"对齐"和"平衡"
    根据内容和版面的要求,在页面主次安排上,可以突出图形,文字则占较小的份量,也可以突出
    文字,填入适当的图形,使整个页面看起来均衡有序.

    3)文字的整体编排
      a:文字的叠置
      b:文字的图形化


    4 图像
       是除了文字之外,网页页面上最重要的视觉设计元素莫过于图象了,网页中图像的造型是页面
    设计中最重要的视觉要素,从视觉规律上看,人们对与图象的兴趣大过与文字,
    我们应该形成画面的主要图象,其他图象起,配套作用.

    图片的格式: 网页通常使用的格式为:gif和JPEG 除此以外还有两种未被广泛应用的图象格式:
    PNG和MNG

    1:图片的格式

    (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格式的静态图形.

添加时间:2011-01-28 点击次数:47

麦谷公益   |   律师声明   |   商务合作   |   联系我们   |   网站地图   |   网站百科

Copyright © 2003 - 2011 Meganet. All Rights Reserved 鲁ICP备09105359号

艾默生UPS电源 艾默生UPS官网 艾默生空调官网 艾默生空调 艾默生精密空调 精密空调网 山特UPS电源 艾默生UPS电源
癫痫病 北京癫痫医院 北京癫痫病医院 癫痫病能治愈吗 癫痫病可以治愈吗 癫痫病的早期症状 癫痫病的早期症状 癫痫病的最新治疗方法 癫痫病人不能吃什么 癫痫病是怎么引起的 北京肾病医院 肾病医院排名 肾病的早期症状 北京肾病医院哪家好 肾病医院 西安康杰癫痫病医院 癫痫病能治愈吗 癫痫病是怎么引起的 北京癫痫病医院 癫痫病的最新治疗方法