论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}Web2.0网站十五个显著的流行风格

文章类别:div+css布局 | 发表日期:2008-9-26 11:53:05


div css xhtml xml Example Source Code Example Source Code [www.21shipin.com]
  1.简约
  2.居中布局
  3.不要过多使用竖列布局
  4.页面头部和主体有所分离
  5.明显的区域分界
  6.简约的导航栏
  7.粗体字的LOGO
  8.文本大些
  9.更大的内容主题和简介文字
  10.明亮、强烈的颜色
  11.3D质感
  12.使用渐变色
  13.高光和投影
  14.精美的ICON
  15.多角星标签

  简短的介绍和图片,列举出Web2.0网站十五个显著的流行风格要素。不必在一个设计中应用下列所有的元素,把握何时用和如何使用才是要害。希望此文对你的设计有参考意义。

1.简约:

  至于简约的风格,对于我们来说不是必要的一种推行,需要根据网站的目地进行定位。设计师如何协调网站的定位和客户需求之间的关系,完成工作是最要害。


2.居中布局

  居中布局很轻易做到,而且已经成为了默认模式。

3.不要过多使用竖列布局

  几年前,3、4列的布局盛行,如今2列布局比较普遍,3列已是最大限度了。


4.页面头部和主体有所分离

  将页面的Top/Header在设计上与主体内容部分有所区分,可以在视觉、颜色等诸方面。这样可以让用户更清楚页面是从哪里开始的。让其简约一些,加入粗体LOGO会看起来非常\"2.0\"。




5.明显的区域分界

  让Header,Content,Banner.....这些区域分界明显一些,颜色区块、留白、表格、边线都是手段。


6.简约的导航栏

  做一个简约的条状全站航栏放在每一个页面上,最好用区别与正文的颜色和字体。让用户知道:这里有什么、这是什么地方、我还可以去什么地方。


7.粗体字的LOGO

  用一个清楚的大LOGO,来传递你是谁或主题。

视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058