屏幕分辨率和布局简述(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书友会。希望更多的交流和分享为大家的日常工作和学习带来便利。
猜你喜欢
- 上次在blueidea上看到一个元素圆角的实现方法,但是那个太复杂了。于是就自己写了一个函数,可以将元素自动圆角,如div层,表格等。共有四
- Linux Journal 发表了一篇优化 Oracle 数据库的文章,感觉十分的有用。简要介绍其摘要和大家共同分享 Linux 在企业级数
- 今天我和中国著名画家"渔人"谈了一个关于"怎样才能设计好"的问题,他给我说了一句话,得益不浅,那句话
- MySQL有多种存储引擎:MyISAM、InnoDB、MERGE、MEMORY(HEAP)、BDB(BerkeleyDB)、EXAMPLE、
- 省市级联这东西基本是网注一份,而且基本是全是js写的,js写唯一坏处就是JS无效时不可用,我所说的js无效包括不支持js,js加载未完成或者
- 游戏说明:一个考验您记忆力的游戏,只要两个方块的;图案能够凑成一对,最终翻开所有的图片,那么您就获胜,计算机将自动记录您的游戏时
- 在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。这也意味着你不能抛开图案,只是一厢情愿地选择你自己
- 本文主要介绍了一个获得当前数据库对象依赖关系的实用算法,具体示例请大家参考下文:create function&nb
- 下面代码即是VBScript代码在服务器端编译后的显示内容,如果我们把这段代码保存成静态文件(HTML)或JS文件,那么上一篇提出的问题就迎
- XMLHttpRequest 最近在 W3C 标准之路上又迈进了一步,W3C Web API&nbs
- 首先说登陆在config.inc.php文件中,有一个选项需要设置查找:$cfg['Servers'][$i]['a
- default-character-set=gbk #或gb2312,big5,utf8 然后重新启动mysql 运行->servic
- JavaScript 中的并没有提供像 VBScript 里的 DateAdd 方法用于日
- Balloons(气球状提示)问题摘要气球状提示(Balloon)是一个小型的弹出窗口,用于通知用户出现非关键性问题或控件处于某种特殊情况。
- HTML5本地存储初探(二)完成了数据的本地存储,就要将文件存储也搞定。为了实现文件的本地存储,html5搞了一个叫 manifest 的文
- SQL Server的作业调度来建立自动备份的方法◆1、进入企业管理器中->管理->sql server代理->作业;◆2
- 对于个人用户来说,除了病毒和木马,网页中的隐形代码也开始严重地威胁着我们的安全,但大多数人却缺乏自我保护意识,对隐形代码的危害认识不够,甚至
- 4. 选择最有效率的表名顺序(只在基于规则的优化器中有效)ORACLE的解析器按照从右到左的顺序处理FROM子句中的表名,因此FROM子句中
- 以住做B/S的系统都是以IE浏览器为主,基本上忽略其他的浏览器,这次决定来个大兼容,但在实现背景渐变上就是个 * 烦。本想用图片来实现的,但要
- 大家都出书,我也很幸运的有了这本书,不过一本书的好与坏,错与对都是在于一个人的理解,web标准这个东西主要还是大家理解,理解的深