Web标准设计技巧之二 布局漫谈

关于布局也许是大家最不放在眼里的地方,其地位如同文字的排版一样,随便可布,布即随便。其实文字排版是一种不起眼但却非常重要的细节。做好了会让作品更为精细漂亮,做不好也许就成为作品失改的重要原因。其实布局也是一样,需要我们足够的重视起来。下面我要讲的不是网页布置成“左中右”、“左右”、“上中下”之类的问题。而是讲位置的重心与位置之间的对比关系。

  众所周知,国外有一种叫黄金分割率的概念。下面我引用一段非常专业的解释:“黄金分割最早见于古希腊和古埃及。黄金分割又称黄金率、中外比,即把一根线段分为长短不等的a、b两段,使其中长线段的比(即a b)等于短线段b对长线段a的比,列式即为a:(a b)=b:a,其比值为0.6180339……这种比例在造型上比较悦目,因此,0.618又被称为黄金分割率。”大家也看清楚了什么叫黄金分割。我们中国也有一种类似于这样的概念叫九宫格。这个也许就有一些朋友不清楚了,这是一种用以临写碑帖的一种界格纸。基本形是一个长方形等分九格。在这个九宫格中中间部分就产生了四个交叉点,这四个交叉点就是视觉中心点。

时间: 2024-12-26 21:31:02

Web标准设计技巧之二 布局漫谈的相关文章

响应式Web设计技巧及编写一个响应式页面实例

响应式 Web 设计技巧 什么是响应式设计? iOS 和 Android 的发布,智能手机.平板电脑.智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的挑战,我们无法估计用户的终端设备和网络状况,更不可能为每种设备都专门设计一套网站,如何实现 Web UI 在多终端中的适配呢?2010 年 Ethan Marcotte 曾经在 A List Apart 发表过一篇文章"Responsive Web Design",响应式

Word 2003 长篇文档排版技巧(二)

国内私募机构九鼎控股打造APP,来就送 20元现金领取地址:http://jdb.jiudingcapital.com/phone.html内部邀请码:C8E245J (不写邀请码,没有现金送)国内私募机构九鼎控股打造,九鼎投资是在全国股份转让系统挂牌的公众公司,股票代码为430719,为"中国PE第一股",市值超1000亿元.  ------------------------------------------------------------------------------

QQgif.cn的成功推广技巧方案二

技巧|推广  把QQGIF.CN的成功推广技巧方案一 发布后,得到许多站长朋友的支持.许多朋友都向我请教相关的问题,网站怎么推广什么,怎么样才能让我的网站一天达到多少IP等等问题. 我现在为大家一一解答,一.我也不是一个所谓的网络宣传高手,赚钱高手,我只是在日常生活总结到的一些小经验发布出来与大家一同分享而已,只求大家能够从我的文章中得到一些启发,说真的,我的方法只能作为一种"抛砖引玉"的起点,希望大家能够想出更好的方法. 对于问我"怎么样才能让我的网站一天达到多少IP"的朋友,我只能告诉你你有

Visual Studio 原生开发的10个调试技巧(二)

原文:Visual Studio 原生开发的10个调试技巧(二) 我以前关于 Visual Studio 调试技巧的文章引起了大家很大的兴趣,以至于我决定分享更多调试的知识.以下的列表中你可以看到写原生开发的调试技巧(接着以前的文章来编号).这些技巧可以应用在 VS2005 或者更新版本中(当然有一些可以适用于旧版本).如果你继续,你可以知道每个技巧的详细信息. 数据断点 线程重命名 特定进程中断 大概执行时间 数字格式化 内存数据格式化 系统DLL中断 装载符号表 MFC中内存泄露报告 调试A

Android布局技巧之合并布局_Android

我们已经有文章向你描述如何使用<include />标签来重用和共享你的布局代码.这篇文章将向你阐述<merge />标签的使用以及如何与<include />标签互补使用. <merge />标签用于减少View树的层次来优化Android的布局.通过看一个例子,你就能很容易的理解这个标签能解决的问题.下面的XML布局显示一个图片,并且有一个标题位于其上方.这个结构相当的简单:FrameLayout里放置了一个ImageView,其上放置了一个TextVi

div+css布局漫谈

css 1.CSS布局常用的方法:float : none | left | right 取值:none : 默认值.对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边 它是怎样工作的,看个一行两列的例子 xhtml:<div id="warp">  <div id="column1">这里是第一列</div>  <div id="column2">这里是第二列&

WEB开发框架JACKER探讨(二)

web   继续抛出我的观点 .WEB层和业务层解耦WEB层是通过调用业务层来实现一次业务操作的.所以WEB是依赖业务层的实现的.如何解偶使两者能独立开发而互不影响?我倾向使用统一的调用接口:使用一个命令字符串,加一堆DTO参数就能调用业务,然后取得DTO返回值.这里一个业务的调用就是一个命令的执行.Ofbiz的service engine就是这样的做法,而且很成功,这也是一种关注业务的理念.使用统一的调用接口,WEB层的开发就可独立进行了,不用依赖业务层就能进行编译.而且这种做法还带来了更多的

移动设备web设计师的设计与布局原则

网页制作Webjx文章简介:后移动时代的网页设计原则. 后移动时代,随着浏览器技术的进步,为移动设备设置特殊站点已经不再必要.作为 Web 设计师,如果你能遵循一些基本的设计与布局原则,你的站点将能被多数移动设备更轻松地访问.本文讲述的是后移动时代的网页设计原则. 还记得 Wap 吗,现在还有多少人使用 Wap?后移动时代,随着浏览器技术的进步,为移动设备设置特殊站点已经不再必要.作为 Web 设计师,如果你能遵循一些基本的设计与布局原则,你的站点将能被多数移动设备更轻松地访问.本文讲述的是后移

SQL SERVER实用经验技巧集 [二]

server|技巧 删除数据库中重复数据的几个方法 数据库的使用过程中由于程序方面的问题有时候会碰到重复数据,重复数据导致了数据库部分设置不能正确设置-- iTbulo . c omOZh1q 方法一iTbulo . c omOZh1q declare @max integer,@id integer declare cur_rows cursor local for select 主字段,count(*) from 表名 group by 主字段 having count(*) > 1 ope