6个卓越Web设计细节[译](3)

作者:varhi 来源:varhi 时间:2010-03-24 18:34:00 

三、网格布局

网页设计的网格网格布局最初的灵感是借鉴了报纸的排版。但是如果你仔细观察周围的事物都可以找到网格现象,从好的设计到生活中的交通网。

960蓝图可能是两个最流行的网格布局。我个人比较喜欢960网格布局,它简单、重点突出。你可以用任意对齐方式来安排你网站的元素,对齐在设计一个复杂的页面时,能使你的网站看起来比较精致、井然有序,并且你在网页布局里面添加任何模块内容时候都不用考虑其他的模块内容。

综合使用网格布局

Poccuo网站综合使用了网格布局,它采用3列和5列相结合的布局方式。给人以视觉吸引力和视觉空间。

 

博客采用列布局

我比较喜欢Web Design Ledger首页最上面的展现方式,他把最新的公告内容放大同时放到页面最顶部,其他的以3列的方式排列。

 

大量使用相等的列布局

Ecoki漂亮的网页布局显而易见采用的是4列、2行布局,同时幻灯片、缩略图、最新的审查也是采用相同的方式。

 

标签:web设计,细节,网格,布局
0
投稿

猜你喜欢

  • vue项目打包之后接口出现错误的问题及解决

    2024-05-09 15:11:25
  • 制作Python数字华容道的实现(可选择关卡)

    2022-12-20 19:32:18
  • ASP 使用Filter函数来检索数组

    2011-04-30 16:49:00
  • python扫描proxy并获取可用代理ip的实例

    2023-07-29 16:42:50
  • 微信小程序下拉加载和上拉刷新两种实现方法详解

    2024-04-23 09:30:52
  • php初始化对象和析构函数的简单实例

    2023-11-09 18:11:14
  • pandas如何将表中的字符串转成数值型

    2021-10-10 08:03:33
  • MySQL5.7更改密码时出现ERROR 1054 (42S22)的解决方法

    2024-01-23 12:12:47
  • Python Flask-Login实现用户会话管理

    2023-06-05 13:13:50
  • MYSQL数据库表设计与优化(二)

    2010-10-25 20:12:00
  • python中matplotlib实现最小二乘法拟合的过程详解

    2022-03-07 05:17:51
  • 利用MySQL加密函数保护Web网站敏感数据

    2008-12-17 16:11:00
  • mysql8.0忘记密码的详细解决方法

    2024-01-12 20:50:00
  • python并发和异步编程实例

    2021-06-05 23:03:45
  • tensorflow 使用flags定义命令行参数的方法

    2021-03-20 10:43:23
  • 使用BootStrap实现用户登录界面UI

    2023-07-02 05:19:51
  • MySQL运行状况查询方式介绍

    2024-01-26 03:54:52
  • JS实现网页滚动条感应鼠标变色的方法

    2024-04-18 10:52:44
  • Linux中安装Python的交互式解释器IPython的教程

    2023-09-14 05:50:06
  • PHP Session变量不能传送到下一页的解决方法

    2023-11-15 01:41:29
  • asp之家 网络编程 m.aspxhome.com