网站地图    收藏   

主页 > 前端 > css教程 >

个性网页设计精讲,有风格有创意 - html/css语言栏

来源:自学PHP网    时间:2015-04-14 14:51 作者: 阅读:

[导读] 千篇一律的网站,真是令人厌恶。个性化的打造也越来越重要,以个人博客为例,一个清爽具有创意的个人博客更会受到读者们的喜爱,而创作一个有个性、创意的网页制作时,要先知...

 

  千篇一律的网站,真是令人厌恶。个性化的打造也越来越重要,以个人博客为例,一个清爽具有创意的个人博客更会受到读者们的喜爱,而创作一个有个性、创意的网页制作时,要先知道两个定律——网站建设的初衷决定了网站设计的方向;网站内容五花八门,定位不够明确,信息结构则将会决定网站结构以及网站创意。

  很多人都想创意那么是否一定要不同的网页框架之类的问题,但在个性设计中更注重的是色彩以及图形图像等细节上展示出独特的风格。

  

  这个网站选用了简单的二栏式,也是比较常见的一种网页框架。左栏是导航区,右栏是信息区。镂空的设计使网站色彩得到了充分的发挥,同时也是结构轮廓更鲜明。导航独占一栏,更换任何栏目时左栏不变,右栏的信息区展现不同的内容。很好的将网站整体统一,而局部变化的效果适合信息内容量不大的网站情况。推荐做类似设计的是个人心情博客之类的。从另外一个角度上来说,大体采用Html制作,而局部的Flash动画给网站增添了活力,调动了网站的整体气氛。而绿头娃娃的动作变化,让网站有了灵魂。网站因为这活泼的灵魂而生动有趣,Logo上的图案不停地变换可爱的老鼠、黑色的小猫,也活跃了网站的气氛。

  整个网页设计采用绿色以及粉黄,使网页和谐不突兀。类似的色相以及相反色调的搭配是页面富有节奏感,给人一种轻快而又活泼的感觉。网站因“吉祥物”的加入与众不同,引人注目。

  注:既然谈到了吉祥物,就大致地讲述一下吉祥物在网页设计中的作用。网站的吉祥物往往是卡通人物或者卡通动物形象,是具有特别意义的视觉要素。而吉祥物形象一定要贴切网站主旨,具象又略带夸张的形象,让网页有亲和力。而在吉祥物上做得非常成功的腾讯“企鹅”,新浪门户的“大眼睛”,这些都给人留下了深刻的印象。

  二栏式是非常常用的,那么就来谈谈二栏式创意布局设想。二栏式往往用于信息承载量不大的网站,而做“大气的网站”难度似乎增加了不少。但实际上,如果有好的网站结构,也并非是难题。在这里我描述一些外国个人博客的独到设计。将标志置放于网站的左上角,使导航栏孤立地存在。这样的一个设计是使上方(也就是标志以及导航栏)的色彩与下方信息区相互呼应,达到一个平衡的状态。在色彩搭配上,可以采用协调的类似色深浅不同的色调组合搭配而成。这样的色彩搭配往往给人带来脱俗、有气质、富有格调的舒适感觉。

  个性页面要注意一点就是静态颜色与动态颜色的搭配。静态颜色也就是指标志、导航栏等网站框架不变的颜色,而动态颜色就是指的是网页信息内容的颜色、图片的颜色会经常变换的颜色。而经常变换可能使某些页面造成不和谐的因素,若不能很好的规划协调二者,会给用户带来不好的影响。

  个性不仅仅要符合自己,也要符合用户的胃口。为此,做好用户心里调查,是为个性化网页设计打下一个坚实的基础。在这里,我给出几个实用不变的小建议,望大家采纳。

  贴切生活的网站最好使用白色作为背景色,或者使用清新的背景,不必过于花俏。主色最好采用较为干净的颜色,例如淡雅的米白色、灰色等。

  不要大规模使用对比度很强的配色方式,对比度过于强烈,虽然有突出的作用,但是可能使画面缺少柔和的视觉感受。运用不好,还会使这个网页变得突兀,这一点大家容易忽略。如果非要使用,不如试试黑白这类的颜色。

  最后一点,也就是刚刚所说的符合用户群心里。无论是女性网还是儿童网站,都站在用户的角度上去设计网页,这样才能在突破创新时不脱离原有的轨道。拿女性网站举例子:女性网多采用柔美、高雅的图片作为网页中的调料,会颇受职业女性的喜爱。

  总结:无论是否学习过色彩搭配,只要能从生活的一点一滴中提取美丽的细节运用到网页当中,这个网页就足以吸引人。本文由深圳做网站公司 www.jianzhan-china.com 编纂,转载请注明出处。最后我想说的是,如果能合理运用色彩组合、图案搭配、文化融合这三件利器,个性的网页设计不再是难题。

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论