网页设计欣赏
- 格式:ppt
- 大小:6.58 MB
- 文档页数:52


精品网页设计欣赏及评析1.商业清爽型国外现在较流行的风格,国内也有不少模范者,可是往往在色彩调配和细节方面有所欠缺。
图一图二特点:利用方框构图,简介明了,图片一般大面积出现,但图片一定要结构清晰,色彩鲜明色彩方面多使用大面积浅灰度和白色,以衬托logo 和配图的色彩鲜艳,配以高明度小小色块(如导航处)。
因为结构构图简单,细节方面一定要讲究,不适宜有过于复杂的logo 和点缀出现,多用简洁明快的几何图形结合。
一般此类风格背景如果是彩色,都会是低纯度低亮度彩色,以反衬主题图片和logo。
在大面积背景压住的情况下,图片明度越高越爽。
画面应该有一个主色调。
注意图二左下脚的logo,有意与背景色调相同,以免抢了视觉中心,这是很多人常犯的错误。
图三注意细节图案的使用,这是大多数设计者弱点所在,细直线条与箭头、方块、园点不要乱用,每个点的存在你都要有理由。
2. 商业门户型现在的商业门户网站在几乎都是三栏,上面是logo+banner 。
其实门户网站因为信息大,更新频繁,在设计时应该充分考虑可扩展性,我认为可以充分利用下拉特性,充分考虑左上位置的设计,主体争取结构明了简洁。
下面我们一起来看看几个门户网站的设计。
图四所示的这个网站是卡通网站,广告栏很大,但通过精心设计使之醒目而不凌乱。
图片统一使用斜角,统一又不呆板。
图五所示网站使用曲线与直线的结合,蓝灰色主色,画面沉静而不脏,这里的色彩难度很高,需要细心调试,色块分割,简单明了。
图六所示网站主题部分简之又简,在背景上做足了功夫,轻轻的灰度变化,是现在国际流行的风格,高雅,不花,充分烘托主体。
图四图五图六3. IT 企业实用模板图七图八图九图十4. 时尚企业网站模板图十一图十二5. 主题型实用网站模板图十三上图所示模板其logo 和图片以及其绿色的主色调与动物园的环境和业务非常贴切。
美食业务主题网站,布局合理大方,整体设计“色香味”俱全,主题鲜明,功能齐全。
6. 学校教育型模板图十四图十五7. 儿童主题型网站模板图十六图十七图十八图十九8. 个人个性化网站模板小部分。
优秀网站布局欣赏门户类网页为了尽可能多地展现信息内容,通常都会设计成三栏甚至四栏的纵向布局;公司首页为了展现强大的企业实力,往往会选择“视野”更宽阔的横向布局;个人主页为了展示网站主人的个性,其网页布局方式也会千差万别,像轴向布局、网格布局、斜角布局、放射布局、多中心布局、离散布局、对比布局等等都是常见的个人主页布局方式。
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型。
国字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的logo以及横幅广告条,接下来就是网站的主要内容,左右分列一些小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。
这种结构是最常见的一种结构类型。
拐角型这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是logo及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。
在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
标题正文型这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
左右框架型上下框架型•与上面类似,区别仅仅在于是一种上下分为两页的框架。
综合框架型上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。
封面型这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。
这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
Flash型•其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体。
黑色经典!50个时尚的黑色系网站欣赏我觉得每个设计师都会对黑色有一段时间的迷恋期,还记得几年前CSS Zen Garden (CSS禅意花园)流行的时候,突然有一天想设计一套黑色系的网站。
遗憾的是,那个时候对黑色驾驭不了,绞尽脑汁做了很久也没有设计出喜欢的页面,最后只好悻悻作罢。
大家都知道,制作网站的一个基础要素就是控制好色彩。
不同的色彩会影响访客的感受,如果你正想选择深色风格的配色方案,那么今天收集的这组黑色系风格现代网站,也许能给你带来灵感。
对黑色把控不足的同学,强烈建议你阅读这篇网页设计色彩剖析之深邃黑,深度了解黑色系!Knoed CreativeFormentini SrlJan FinnesandKikkPresselsAdmir HadzicFirst LaunchRomeo DallaireThe PapersPixiesWhat Matters MostEden CreativeGaumont T.S. SpivetWhisperismID NeonBarCamp OmahaStudio NoneJulien RenauAndrey PisarevEmployourRankCaptainIt’s Payback TimeThe Power InsideTower FilmsGrafikDrug Bless AmericaNegative SpaceShoot & DevelopBlack RamMoreSleepMountain ViewAlcyon CommunicationRacerJoy DivisionjmbraisAndrew Burdin原文地址:splashnology /article/dark-style-websites/10276/ 文章来源于:/article-18224-1.html。