屏幕分辨率和布局简述（2）
作者：bluesnail 来源：bluesnail’blog 发布时间：2009-04-20 20:27:00
网易的一位同学说到了网页布局中使用黄金分割率的原理。黄金分割率的概念大家都知道。下面我引用一段非常专业的解释：“黄金分割最早见于古希腊和古埃及。黄金分割又 称黄金率、中外比，即把一根线段分为长短不等的a、b两段，使其中长线段的比(即a+b)等于短线段b对长线段a的比，列式即为a:(a+b)=b:a， 其比值为0.6180339……这种比例在造型上比较悦目，因此，0.618又被称为黄金分割率。”大家也看清楚了什么叫黄金分割。
我们中国也有一种类似于这样的概念叫九宫格。这个也许就有一些朋友不清楚了，这是一种用以临写碑帖的一种界格纸。基本形是一个长方形等分九格。在这个九宫格中中间部分就产生了四个交叉点，这四个交叉点就是视觉中心点。
PConline的同学特别提到了最近比较流行的网页栅格系统设计，其中所提到的理论大家可以看下蓝色理想这里介绍的网页栅格系统设计，同时有兴趣的话可以去买这本书来看看《栅格系统与版式设计》。
3. 屏幕分辨率和布局与浏览器、显示终端的关系
屏幕分辨率和布局在不同的浏览器和显示终端下的表现是不同的，千鸟写的《网页页面适应不同客户端浏览器和分辨率》大家可以看看，特别提到我们在实际设计操作中通常有三种情况：版面自适应、视觉自适应、内容自适应。所有的这一切都是为了适应现在显示器宽屏高分辨率的结果。
特别近几年电子数码产品的软硬件设备飞速发展，PC、手持设备、电视等等显示终端都成为了我们浏览网页的目标终端。不同的终端对网页设计布局都有不同的要求。讨论到这里，3G.cn的同学特别提到了他们在手机上设计产品的一些见解。由于到这里的时候我开小差去了，没认真听，无法回忆记录下来，希望3G.cn的同学能写出来。我们的菜心同学提供了一些国外关于手机屏幕的资料：Mobile screen size trends 和 More on mobile screen size trends ，大家可以看看。
4. 屏幕分辨率和布局对前端开发，产品设计的影响
在我们充分的认识到屏幕分辨率和布局的矛与盾以后，就为我们以后的工作有了更多的指导意义。产品设计上需要从不同的角度去考虑适应不同屏幕分辨率下的网页呈现，同时对前端开发也是挑战，前端开发需要做大量的工作，从框架的规划到具体的页面实现都要考虑到这些。
5.总结
这次的ucd书友会虽然在下雨中进行，影响了讨论的效果，但来参与的同学们都很自觉的参与其中，很是欣慰。一位出差广州的PConline的同学对广州这边ucd书友会氛围的肯定，多少是对我们的组织工作的认可，他之前也在上海参加过ucd书友会。希望更多的交流和分享为大家的日常工作和学习带来便利。
0
投稿猜你喜欢
怎么从mysql从官网下载到安装到客户端的登陆呢？这篇文章给你讲的清清楚楚。第一步：到Mysql官网下载。从[https://dev.mys- 前言：在了解 Python 的特性之前，我们首先要了解 Python 编程语言是什么。Python 编程语言是世界上发展最快的编程语言。这一
- IE独有属性AlphaImageLoader用于修正7.0以下版本中显示PNG图片的半透明效果。这个滤镜的问题在于浏览器加载图片时它会终止内
- 本文实例分析了php5.4传引用时报错问题。分享给大家供大家参考，具体如下：php5.3系列版本以及以前版本，传引用没有什么问题，升级到ph
- 1、准备表结构及对应的表数据a、表结构：create table TB_TREE(CID NUMBER not null,CNAME VAR
- 一 基本知识millisecond 毫秒microsecond 微秒 nanosecond 纳秒1秒=1000毫秒 1毫秒=1000微秒 1
- 1、python代码实现图片分割成九宫格需要包含的库，没有下载安装的，需要自己安装哦。实现原理很简单，就是用PIL库不断画小区域，切下来存储
- 有时需要读取jpg图像的长和宽，tensorflow提供了很好的支持直接上示例decode_jpeg_data = tf.placehold
- 首先为大家分享python实现发送手机短信验证码后台方法，供大家参考，具体内容如下1、生成4位数字验证码def createPhoneCod
- 其实网上已经有许多python语言书写的串口，但大部分都是python2写的，没有找到一个合适的python编写的串口助手，只能自己来写一个
- 前言本文主要给大家介绍了关于python中用Future对象异步返回结果的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的
- --分页存储过程示例 Alter PROCEDURE [dbo].[JH_PageDemo] @pageSize int = 9000000
- 1 引言如果你想对图像进行校准，那么透视变换是非常有效的变换手段。透视变换的定义为将图像投影到一个新的视平面，通常也被称之为投影映射。2 公
- Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、
- 前言千位分隔符，其实就是数字中的逗号。依西方的习惯，人们在数字中加进一个符号，以免因数字位数太多而难以看出它的值。所以人们在数字中，每隔三位
- 相比于time模块，datetime模块的接口则更直观、更容易调用。今天就来讲讲datetime模块。 datetime模块定义了两个常量：
- SQL标准定义了4类隔离级别，包括了一些具体规则，用来限定事务内外的哪些改变是可见的，哪些是不可见的。低级别的隔离级一般支持更高
- 【引自ideras.me的博客】前言随着wordpress和静态网站的流行，markdown被用的越来越多。markdown是一个面向写作的
- 前言本文主要给大家介绍了关于Python利用元组代替字典并为元组元素命名的相关内容，下面话不多说了，来一起看看详细的介绍吧场景：一般使用字典
- 基本索引In [4]: sentence = 'You are a nice girl'In [5]: L = senten
