首页 理论教育 布局个性网站

布局个性网站

时间:2022-03-03 理论教育 版权反馈
【摘要】:流式布局具有较高的生产成本,但显著降低了维护成本,同时为灵活性和跨分辨率的网站提供了坚实的基础。弹性或者部分弹性的设计是另外一个选择。因为弹性布局依赖于字体大小,弹性布局允许设计师“冻结”布局中区块间的比例,确保元素之间的平衡和良好的可读性。这些或者相似的混合布局在实际情况中最常见,反映了设计师希望为每种情况找到最佳解决方案的努力。

固定宽度的方法通常在带有大量图片的高级视觉布局中表现良好(如娱乐、促销或者基于Flash的网站,还有一些作品集页面),这样图片能够通过精确的定位,实现更加准确、较少错误的设计。实现这种布局,设计师需要考虑用户的平均情况,确保设计的布局对大部分用户不会显得太窄或者太宽,在不同的浏览器之间保持良好的可用性。编写固定布局同样比较规范和直接,开发人员不需要为各种元素之间的关系和平衡耗费太多心思。

哪种布局最合适呢?这些当然没有标准答案。限于使用环境、时间限制以及设计师的技能,每种布局都有特定的应用情况。

如果这正是你的想法,也许你会考虑在设计中使用流式布局。这种布局制作非常耗时,也不是很容易开发,并且在一些不可预知的环境中存在一定风险,但是提供了用户根据喜好调整布局的特性。流式布局具有较高的生产成本,但显著降低了维护成本,同时为灵活性和跨分辨率的网站提供了坚实的基础。设计师只需要确认内容区具有合适的行宽,并且在必要的情况下使用“minwidth”和“Max-width”。

是否仍然犹豫不决?弹性或者部分弹性的设计是另外一个选择。在正确使用的前提下,弹性布局在带来了更多可预测性的同时,保持了布局的灵活性。因为弹性布局依赖于字体大小(而不是浏览器的窗口尺寸),弹性布局允许设计师“冻结”布局中区块间的比例,确保元素之间的平衡和良好的可读性。特别是在文本较多的网站中,保持良好的可读性的要求非常严格(固定布局中也一样重要)。弹性布局更多的是用在杂志、在线商店、博客或者类似的网站上。聪明的流式网格使用者可以创建既忠实于原始设计比例和经典图片设计原则,又保持适应性的布局。

一些设计师希望在不同浏览器之间获得完美的一致,流式设计的支持者们却认为布局并不需要在不同平台和分辨率下保持一致。

在实际工作中,设计师经常为字体和容器使用em单位,而其他元素则灵活地使用像素和相对值来建立一个弹性的布局。这些或者相似的混合布局在实际情况中最常见,反映了设计师希望为每种情况找到最佳解决方案的努力。

在总结之前,有必要提一下智能手机、上网本和游戏终端,这些设备现在都可以进行网页浏览,所以更低(或者更高)的分辨率变得越来越重要,而且应当进行认真考虑。对于这类平台,动态的分辨率切换技术将会非常有用,而且在将来扩展设计师的布局类型时会是不二的选择。虽然构建自适应性的布局需要耗费很多时间,但由于能够处理或小或大的各种类型的分辨率,会帮助设计师为用户呈现最合适的效果。随着屏幕宽度的不断增加,使用所有这些技巧都只是个时间问题。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈