zoukankan      html  css  js  c++  java
  • 第三章网页图形图像设计

    3.1网页图形图像在网页中的应用

    3.1.1图形图像在网页中的应用
      1.标志(LOGO)
      2.背景框图
      3.主图
      4.超链接


    3.1.2构成要素——点线面

    1.点

      圆点、方点、三角点、锯齿点、泥点、雨点
    2.线

      直线、曲线
    3.面
      1)几何形:方形 菱形 圆形 三角形
      方形:稳重、厚实、深沉、规矩
      菱形:端正又动感
      圆形:充实、柔和、圆满
      三角形:正三角给人坚实、稳定的感觉,倒三角则有一种不安定、新奇感。

      2)自由形:洒脱、随意、偏于感性,新鲜灵妙感
      有机形
      手绘形
      偶然形

    3.2网页图形图像的创意设计

    3.2.1图形图像创意设计原则
      1.精炼简洁   图片少而精 
      2.颜色协调   图像、文字、主色调协调
      3.风格吻合

    3.2.2图形图像创意设计方法
    1.同构
      同构运用了影射和借代的手段,把要传达的内容用其他物象表达出来。
    2.替代
      是一种特殊的同构现象
    3.联想
    4.寓意
    5.情感
    6.夸张
    7.幽默
    8.层次空间
    9.直接

    3.3网页图形图像处理实例

    3.3.1网页图形图像设计形式
      1.概括
      2.具象
      3.抽象
      4.卡通漫画
      5.装饰
      6.图标

    3.3.2网页图形图像处理方法
    1.图像的面积
      在网页设计中,应首先确定主要形象与次要形象,把重要的能吸引注意力的图像放大,从属的图像缩小,形成主次分明的层次格局。
    只有大小图像主次得当地穿插组合,才能构成最佳的页面视觉效果。

    2.图像的外形
      方形、菱形、圆形、三角形
      退底图、出血图

    3.图像的数量
      只采用一幅图像,会使网站主题突出,页面安定,但要求图像的质量要高,才能显示出格调高雅的视觉效果。
      采用两张图的网页就相对较为活跃,同时也能产生对比的格局,三张以上的图像能营造粗热闹气氛的页面。

    4.图像的位置
    1)支配四角和对角线
      四角是指版心边界和四个点,对角线交汇为几何中心
    2)支配版面的中轴四点
      中轴四点经过版心的垂直和水平线的端点,可产生横竖、居中的结构
    3)四角和中轴四点结构
      四角和中轴四点结构能使版面更加完美

    5.图像的虚实
      图像的虚实对比能够产生空间感,实的物体感觉近,虚的物体感觉远。
      要想让图像有虚的感觉,一种方法时将图形模糊,另一种是将图像的色彩层次减少,纯度降低,尽量与背景相近,使图像产生悠远的感觉。

    6.图像的合成
      是将几幅图片有选择地合成一个图像,合成后的图像传达的信息更加丰富,能够更集中地体现创建。

    7.图像的组合
      就是把多幅图片或图形以不同方式摆放,形成一个图像群或图像组,以期传达更多信息。
      图像的重要程度可以因面积、摆放位置的不同而有所不同。
      图像组合的方式有块状和散点两种。

    8.图像的局部与特写
      相对于整体而言,局部的图像能让视线集中,有一种点到为止意犹未尽的感觉,将局部图像加以放大,用特殊手法作重点表现,就是特写。
      特写能让图像具有独特的艺术魅力,使浏览者对图像产生瞬间的凝视,从而引发浏览者兴趣。

    9.图像的规格
      JPG,GIF,除了压缩比高,利于浏览和下载,还跨平台。
      一般来说分辨率为720dpi(像素/英寸)是大多数图片的最佳选择,另一个特点时,图片要尽量小。
      网络页面的图片用于网络传输,受到带宽的限制,文件的大小越小,下载的时间就会越短。

  • 相关阅读:
    Linux下的 .o、.a、.so文件
    第三章、主机规划与磁盘分区
    debian linux中文桌面系统安装
    C++开源库,欢迎补充。
    C#获取电脑硬件信息(CPU ID、主板ID、硬盘ID、BIOS编号)
    C# CPU,硬盘,mac地址灯本地信息查询
    打造属于自己的支持版本迭代的Asp.Net Web Api Route
    PreApplicationStartMethodAttribute的使用
    Web Api in Orchard
    Dependency Injection in ASP.NET Web API 2 Using Unity
  • 原文地址:https://www.cnblogs.com/liao13160678112/p/6439921.html
Copyright © 2011-2022 走看看