关于网页设计布局的理解

ttx9n · 发表于 2008-10-17 19:57:53

矛盾出来了，像我们这些小作坊，基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了，我们都有这个能力进行调整。但像大公司，分工严格的情况下，如果设计师不懂css不会布局。或者理解有误，那么设计稿就会让布局人员耗费大量的时间和精力。因为浏
矛盾出来了，像我们这些小作坊，基本都是设计布局一人搞定。甚至还有加后台程序的。假设设计的时候考虑布局了，我们都有这个能力进行调整。但像大公司，分工严格的情况下，如果设计师不懂css不会布局。或者理解有误，那么设计稿就会让布局人员耗费大量的时间和精力。因为浏览器太多！
经常看到有网友抱怨设计师给的稿子无法还原。因为他们对浏览器和屏幕的理解不一样。也有的是因为效果太绚，颜色太多。更有甚者是使用flash制作嫌浪费，而html又鸡肋.....好吧，我们抛开这最后一种情况，只谈对屏幕和效果以及设计布局的理解。
先谈屏幕：
屏幕分辨率，还是以1024×768为主。而满屏的定义则无从谈起。为什么？请看一下原因：

你不能确定用户的ie装了几个插件！插件越多，浏览器显示高度越低！你不能确定用户的显示器是否设置正确（歪一边了，弧形的，截断的，缩小的放大的）你不能确定用户显示器的分辨率是否为最佳分辨率。其典型在于某些宽屏或高屏显示器，有的是等比例缩小后留白。而更有甚者则是满屏拉伸。比例就不对了！
要使得网页满屏。很多人说宽度1003，也有人说是1004。而我则不这样认为。
假设客户要求网页满屏。那么，你就要晓得用户的显示器尺寸的屏幕分辨率。如果客户对这玩意认知度很低。就不要轻易去改人家的分辨率。我1440×900的宽屏，我用1024×768的分辨率，我乐意！如果这客户要求一定要满屏，那么问题又出现了，如果交货的时候客户换了一台不同尺寸的显示器呢？分辨率变大了，你的网页窄了，分辨率小了，你的网页宽了！你咋办？
其实满屏也分两种，我姑且命名一种为内容满屏，一种为视觉满屏！
所谓内容满屏，就是指网站上的东西，左边界就在显示器左边界，右边界就是在显示器右边界。最佳的解决办法就是使用百分比。而百分比带来的负面效应：

浏览器bug 设计及制作难度增加
所谓视觉满屏，其实是一种取巧的做法。而这种方法。其实很简单，一个网站的头部，无非就是导航和banner，如果导航在最上边，那么，将导航的背景呈100%，导航居中。如果banner在最上边，那么注意处理图片两端，还是100%宽背景！
OK，虽然内容宽度还有可能是1000、1003、甚至是900或更低，视觉上依然是百分百的宽度，只要避免最小宽度大于浏览器宽度、或客户的显示器分辨率宽度大于你的最小宽度。永远OK。
上一页12 下一页阅读全文

u7yxn9 · 发表于 2022-11-17 19:06:41

抽根烟，下来看看再说

bp5jgbcnt · 发表于 2023-8-15 04:21:09

额风风风微风微风违法

4k0mp7m · 发表于 2023-9-2 06:10:29

啊，数码撒飒飒飒飒

idy6_yus · 发表于 2023-9-9 07:34:27

刷屏刷屏刷屏

3t0ukmu · 发表于 2023-9-13 08:12:56

看看看看看看看看看看看看看看看看看看看看看看看看看看看

0608fv3 · 发表于 2023-11-28 03:22:24

了乐趣了去了去了去了去了

w18pvaep · 发表于 2023-12-5 03:52:26

554411515451555

qq303604905 · 发表于 2024-5-5 15:54:26

数据库了多久撒快乐的健身卡啦

JosephSA · 发表于 2024-5-26 12:10:42

我要金豆金豆金豆

账号		自动登录	找回密码
密码			立即注册

[心得技巧] 关于网页设计布局的理解