刘钢的博客 – 我是UED

‘视觉设计’ 分类的存档

“美工”？“视觉设计师”？在现在这个分工越来越明确的时代，视觉设计师需要更多的了解用户的行为，用色彩去更好的表现内容，引导用户的行为

6 条评论IamUED.com改版上线

2009年12月14日

功夫不负有心人
经过一周的努力我是UED终于在2009年12月14日改版上线了
在用户体验方面有了一定得提升
希望大家能够踊跃提意见-

分类: 视觉设计标签: UED, 改版

新问题

来也匆匆，去也“冲冲”。距上次发布垂直栅格与渐进式行距(上)发布，已经不知不觉过去了两个多月了。反过来，看看上次的成果。诶？怎么感觉边注有点奇怪呢？阅读全文…

分类: 前端开发, 视觉设计, 页面实现标签: 960px, 垂直栅格, 栅格系统, 用户体验, 网页栅格, 视觉, 设计, 页面实现

准备工作

去年的时候,青云发表过关于栅格系统的文章 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅格系统能够将大块区域分割成小区域,清楚地展示页面的布局,并能够引导视觉线在各个板块之间扫描、阅读. 从信息上来说,栅格系统让信息的呈现方式更加直观,从而有效提高易读性.
但是大部分栅格系统是在水平方向上的布局,其实,我们的垂直方向也是有栅格系统的——也就是我们的“垂直韵律”.

垂直韵律的就像好比我们手上拿着的线格本子，有着一行行的网格线，安排着垂直方向上的文字排版。“排版中的空间就像是音乐里的节拍. ”音乐的节拍虽然有许多变化,但是几乎每首歌都会有一个固定的节拍来掌握整个歌曲的节奏. 这就是为什么栅格系统一般用固定宽度的网格阵列来指导和规范网页中的版面布局以及信息分布.
其实，那么,在网页里,垂直韵律应由三个因素控制：