第1章网站的形象设计与CI策划
1.网站发布的信息:实用信息和广义信息
2.CI:通过视觉语言的运用来树立形象、传播信息,从而达到让全社会认识、了解、接受的目的。
3.网站logo的设计创意:
(1)选用公司有代表性的人物动物花草可以用它们作为设计的蓝本加以卡通化和艺术化
(2)网站有专业性的可以以本专业有代表性的物品作为标志
(3)最常用和最简单的方式是用自己网站名称的英文字母作标志采用不同的字体字母的变形组合可以很容易制作好自己的标志
4.一般来说网站的标准色彩只能是一种,网上常见的颜色有绿蓝黄橙色及黑白灰色
5.字体的选择
6.网站的广告语
7.Logo,色彩,字体,广告语是一个网站树立CI形象的关键。
第2章如何规划网站栏目
1.网站栏目的设置的原则一是要重点突出二是要方便用户
2.主导航,栏目分层不宜太深,首页超链接和搜索引擎,本站指南,更新提示,交流栏目,资料下载和常见问题
第三章 网站的目录结构和链接结构
1.设计目录结构的原则是方便网站的管理与维护设计链接结构的原则是方便浏览者的阅读
2.网站的目录结构:不要将所有的都放在跟目录下,按栏目内容建立子目录,在一级和二级目录下建立单独的images文件夹
3.安排链接结构的原则一是要符合浏览者的思维习惯和浏览习惯一是要将网站中最重要的信息有最多的机会与浏览者见面
4.面包屑导航,明确用户的位置
第四章网站的风格与创意设计
1.网站的风格是指站点的整体形象给浏览者的综合感受这个整体形象包括站点的CI标志色彩字体标语版面布局显示方式交互方式文字风格等等诸多因素
2.第一明确网站的服务对象
第二 网站美术设计师应该明确自己的想法
明确自己要追求的艺术效果
第三 在明确自己的网站印象后
努力加强这种印象
1将网站的标志特有的花边线条图案出现在每个页面上
2使用标准色彩和相近的底色背景色
3突出标准字体
4使用统一的图片处理效果
3.创意是传达信息的一种特别方式
4.oreilly的网站创意是一以各种动物形象作为网页插图的主要内容动物形象一律以素描绘画风格出现二网页以黑色为主调配以少量的原色追求简约朴素的风格如果说色彩搭配富学术站点的严肃性那么动物形象又使网页充满了幽默和生动oreilly网站巧妙地将活泼与庄重结合在一起给浏览者以深刻印象
第五章 版面布局与首页的设计
1.布局是一个设计的概念,指的是在一个限定的面积范围内合理安排布置图形图像和文字的位置
2.构思构图:借鉴重组是加进或减少组合的元素进行新的组合逆向模仿是对视觉元素的量描述参数进行改变至于变化到什么程度需要专业的眼光才能把握住你可以用一张白纸和一支铅笔当然也可以用作图软件把你的最初创意画出来
3.设计方案:网站标志主菜单栏目条广告位搜索器计数器
(平衡 ,呼应,对比,疏密)
这个草图一是给出资人看 二是与网站技术开发人员交
4.量化描述
5.1.对网页外形尺寸的确定
2.确定设计方案上的所有图形图像的尺寸,其单位也是用像素pixels表示
3.各个字体字号的描述及其所在页面位置的参数有些作为标题的文字其实已经作为图形图像对待了
4.各种色彩的数值的确定除图形图像以外
5.首页设计:书籍封面式,期刊杂志式,报纸式
6.一般的电子商务站点的首页需要设置这样一些功能模块和栏目
网站名称及标志(logo)
会员注册(enroll)
产品目录(manufacture)
服务项目与条款(sever)
关于本站announcement
搜索器(search)
广告条(banner)
计数器(count)
有些网站还开设新闻栏目(whatsnews),信息咨询(consult)免费电子邮箱(free E-mail)等等至于各个首页选择哪些模块与网站想要实现的功能有关
第六章网页色彩的搭配
1.色彩的三要素
2.色彩搭配原则:合理性,独特性,艺术性
3.搭配的方法:同类色,邻近色,对比色,黑色+其他色彩
第七章网页中的插图处理
1.插图大体可分为两大类型一是照片类二是绘画类
2.图像的格式:*.jpg *.gif,采样50 %到70%的压缩率比较好
3.逐级JPG文件可以让图像先以比较模糊的形式显示随着图像文件数据不断从网上传过来图像会逐渐变清晰,在PhotoShop中进行保存时选择Progressive
4.实图像清晰线条分明虚图像模糊色彩浅淡
实的图像有两种样式 一种是有规范的四边 像未经处理的照片类图像;另一种是不规范外轮廓
即轮廓清晰 其图像背景色与网页背景色一致
虚的图像是指图的外轮廓与网页的背景色自然衔接过渡
第八章网页中的字体
1.字体类型和字号
2.用作图形图像的文字
第九章网页中的动画和广告
1.gif java Flash
第十章电子商务网站实例:BHP网站的装修过程
1.设计思想-模板草图-网页的特点