【网站设计】1.网站标志(LOGO)LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
2.色彩的运用网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。例如IBM的深蓝色,肯德基的红色条型。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做,颜色搭配最方便;亮色与暗色配合,最容易突出画面,如黑与白,红与黑,黄与紫;而近似的颜色的搭配,能给一种柔和的感觉,如墨蓝与淡蓝,深绿与浅绿。最好能给主页定一个主色调,不要搞得花花绿绿的。
3.网站字体准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,他看到的只能是乱码,那么辛苦的设计制作便付之东流了。
4.语言表达形式现代生活节奏加快,人们往往没有时间看大块文章。为了节约时间,在单位时间内获取最大量的信息,人们需要精练的信息,即信息精品,要用信息语言来表达信息内容。所谓信息语言是指以下公式:信息=基本事实+数据描述+专家观点。信息语言摒弃一切广告性词句、文学性修饰词句,不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话,欢迎定量描述,反对过多的定性描述,特别是无法形成准确概念的定性描述。用信息语言描述,任何信息都应该有出处,有时间,分类准确。当然,应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是,不要出现错别字、病句。
网站简单的可以分为:功能型和展示型
功能型:网站在美工设计上可能不适合大块图片,在数据功能上比较强,比如:搜索、会员注册。一般企业网、购物网、大型门户、交友网等。
展示型:追求视觉上的美丽,对功能要求不高,在美工上、设计上要有强烈的视觉感。这种网站一般属于:美容业、女性用品、服饰等。
可以是企业展示网站、企业宣传网站、门户网站、电子商务、社交交友、综合型网站等等。
1、将你的标志logo,尽可能的放在每个页面上最突出的位置。
2、突出你的标准色彩。
3、总结一句能反映贵站精髓的宣传标语!
4、相同类型的图像采用相同效果,比如说标题字都采用阴影效果,那么在网站中出现的所有标题字的阴影效果的设置应该是完全一致的!
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。在此告诉大家一些网页配色时的小技巧。
1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色。
3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
现在是眼球经济时代,什么都要靠包装。你的网站设计的不好看,也无法引起用户的兴趣。我想谁都不喜欢看那些乱七八糟的网站,进去之后看不到网站主题,看不到主要内容,也找不到我们想要的信息。成功网站的第一步,就是从设计开始做起。
一、确定网站的整体风格
网站的整体风格及其创意设计是最难以学习的。难就难在没有一个固定的模式可以参照和模仿。给你一个主题,任何两人都不可能设计出完全一样的网站,在这里,提供给大家一些参考经验:
1、将你的标志logo,尽可能的放在每个页面上最突出的位置。
2、突出你的标准色彩。
3、总结一句能反映贵站精髓的宣传标语!
4、相同类型的图像采用相同效果。
二、网页色彩的搭配
无论是平面设计,还是网页设计,色彩永远是最重要的一环。当我们距离显示屏较远的时候,我们看到的不是优美的版式或者是美丽的图片,而是网页的色彩。在此告诉大家一些网页配色时的小技巧。
1、用一种色彩。这里是指先选定一种色彩,然后调整透明度或者饱和度,这样的页面看起来色彩统一,有层次感。
2、用两种色彩。先选定一种色彩,然后选择它的对比色。
3、用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。
在网页配色中,还要切记一些误区:
1、不要将所有颜色都用到,尽量控制在三至五种色彩以内。
2、背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。
1
网站标志(LOGO)
LOGO是指网站的标志,标志可以是中文、英文字母,也可以是符号、图案等。标志的设计创意应当来自网站的名称和内容。比如:网站内有代表性的人物、动物、植物,可以用它们作为设计的蓝本,加以卡通化或者艺术化;专业网站可以以本专业有代表的物品作为标志。最常用和最简单的方式是用自己网站的英文名称作标志,采用不同的字体、字母的变形、字母的组合可以很容易制作好自己的标志。
02
色彩的运用
网站给人的第一印象来自视觉冲击,不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。颜色搭配是体现风格的关键。“标准色彩”是指能体现网站形象和延伸内涵的色彩,要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。至于其它色彩也可以使用,但应当只是作为点缀和衬托,绝不能喧宾夺主。例如IBM的深蓝色,肯德基的红色条型。一般来说,一个网站的标准色彩不超过3种,太多则让人眼花缭乱。适合于网页标准色的颜色有:蓝色,黄/橙色,黑/灰/白色三大系列色。一般以白色和黑色的背景网页最好做,颜色搭配最方便;亮色与暗色配合,最容易突出画面,如黑与白,红与黑,黄与紫;而近似的颜色的搭配,能给一种柔和的感觉,如墨蓝与淡蓝,深绿与浅绿。最好能给主页定一个主色调,不要搞得花花绿绿的。
03
网站字体
准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的“与众不同”和特有风格,可以根据需要选择一些特别字体。制作者可以根据自己网站所表达的内涵,选择更贴切的字体。需要说明的是:使用非默认字体只能用图片的形式,因为很可能浏览者的计算机里没有安装特别字体,他看到的只能是乱码,那么辛苦的设计制作便付之东流了。
04
语言表达形式
现代生活节奏加快,人们往往没有时间看大块文章。为了节约时间,在单位时间内获取最大量的信息,人们需要精练的信息,即信息精品,要用信息语言来表达信息内容。所谓信息语言是指以下公式:信息=基本事实+数据描述+专家观点。信息语言摒弃一切广告性词句、文学性修饰词句,不欢迎一切关于意义、重要性的过分渲染。尽量采用数字说话,欢迎定量描述,反对过多的定性描述,特别是无法形成准确概念的定性描述。用信息语言描述,任何信息都应该有出处,有时间,分类准确。当然,应当满足信息的时效性、准确性、完整性、精练性等固有的特点。在此特别注意的是,不要出现错别字、病句。
1.全屏网页设计
很多网站开始采用全屏网页设计,利用精心挑选设计的漂亮背景,加上合理的页面布局,视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人),主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼,但是承载信息有限,公司部门的主页很少见这样的设计。
2.响应式网页设计
很多网站开始采用全屏网页设计,利用精心挑选设计的漂亮背景,加上合理的页面布局,视觉冲击力大可很好的吸引观者注意。通常页面内的文字内容不会特别多(所出现的少量文字加上精美的排版将会变得更加吸引人),主要以图片展示为主。这个样子的网站多用于摄影团队或个人作品集展示会比较常见。虽然简单养眼,但是承载信息有限,公司部门的主页很少见这样的设计。
3.扁平化设计
扁平化设计可以说是去繁从简的设计美学。去掉所有装饰性的设计,可以说是对之前所推崇的拟物化设计的颠覆。我们不能妄加评论说这是好还是不好,只能说它提供了一种新的设计思维。
4.视差滚动设计
视差设计可以说是近年来网页设计中的一大突破,也备受推崇。视差滚动是让多层背景以不同速度滚动,以形成一种3D立体的运动效果,给观者带来一种独特的视觉感受。
5.无限滚动模式
有一些网站内容很多,但他们并没有简单分页,而是采用的是一种垂直瀑布流的方式布局。将那些内容垂直排布,当用户纵向滚动时,内容会不断更新好像永无止境。这样的瀑布流很早之前就开始流行,最早采用该布局的是pinterest。这样的滚动页面就大大减少了分页的数量,个人认为对于这类信息量大,每日更新数据快的网站是比较不错的方案。
6.滚动侦测网页设计
利用CSS的实现将导航栏固定在网页顶部(大多数是顶部,当然也有侧面或底部),并将版面内容按照导航顺序垂直或横向排布,使得用户点击相应导航tab时页面自动滑到相应页面,而若点击内容,导航也将随之改变。这样的网页设计页面基本不会跳转,每一个tab所指向的页面内容也基本一屏显示完整,所以在页面呈现的内容上会有所局限。为不影响布局一般也会伴随自适应。