从书法中看网站结构化

北京7月，酷热难当，跑到克什克腾大草原观光避暑，再见家乡辽阔，不仅心猿意马。第一次在绿草成荫时节出来会晤草原，方见草原绿之本色,一路风光爽眼窝，青山如画水如歌。夜间寄居山野村庄，群虫乱舞，扰的睡眠遁地成冢，索性拿出平板，信马由缰的更新博客。就写写网站结构化吧！

结构一词很好理解又很难理解。好理解的是生活中的结构一词：比如房子两室一厅一厨一卫、银行卡号6685  8721  3328  8809四数一组等。难理解的是结构一词用在互联网产品上就变的抽象了。记得刚入行互联网时，对htmlcssjs比较感兴趣，但是总理解不了结构样式分离概念。直到有一天，闲暇练字之时，忽然想起卫夫人的《笔阵图》中的一句话：结构圆备如篆法，飘颺洒落如章草。顿有所悟。原来一副完美的书法作品，分肌劈理，有法可依呀。这就是结构化。所以我先来谈书法作品，再去理解网站中的结构就好理解了。

一副完备的书法作品我个人理解有三个组成部分，技法（用笔）、章法（谋篇）和神韵（意图），分述：

1、技法，即一副作品的最小元素横点撇折竖捺钩，这些元素组成字，字组成行，行组成作品。篆书一般用笔圆润、粗细均匀、藏头护尾，这样用笔，整幅作品便显“婉而通”；而草书用笔不拘泥形态，有疾有徐，看似信马由缰，其实也必须遵循一定的规则，比如动不能飞扬，静不能沉穆，此为书法作品中最小元素点划的限制。再如隶书，讲究蚕头燕尾，魏碑笔法沉着。这也是书写和书法的区别，书法有章法可依，而写字你随意的写，是浮圆潦草还是工整清晰，一切随心惬意，不必拘泥章法结构。所以很多书法大家之所以有自己的特色，皆因用笔使然。颜筋柳骨，燕瘦环肥便是基于用笔而得。

2、章法，又称谋篇，即字与字、行与行、字与行之间的呼应关系，以及题款钤章的设计。章法由幅式、正文、题款、钤章四部分组成。所谓幅式，即中堂、条幅、对联、横匾、手卷、横幅、扇面等。正文即书法家抒发心中胸臆而借以泼墨的文字内容，比如诗、词等等，以及墨色。题款就是某某人做的内容和书法家的名，也有很多讲究，长款、短款、穷款、单款、双款等等，题款时讲究主宾分明，字体适宜。钤章的规则也是很多，印泥颜色、印章大小、所印位置、多少等等都需恰到好处。这些都是章法的内容。看来讲究颇多，法不越于理，妙不超乎真。但是书法这些表面上的规则在书法意境方面相比还是小巫见大巫。

3、神韵（意图）

书法作品之所以称为传统文化，皆因书法和音乐、文学一样，创作是为了抒发胸臆。所以如何让书法作品调动读者情绪，至关重要。胸臆分为两类，心情舒畅式（旖旎式书法、寄情山水，讲究情趣）和人生感慨式（时运不济或心忧天下）。这些心情直接影响你所选书法字体，草书适合表达个性和信马由缰，隶书适合表达山水情趣，魏碑适合表达坚韧沉稳…最让人称道的《兰亭序》之所以被誉为古今第一神品，不仅是其用笔技法一流，谋篇协调，更因其表达了王羲之当时的人生感悟。一群文人雅士会于会稽山阴之兰亭，王羲之乘着酒兴，用鼠须笔，在蚕纸上，即兴挥毫，心手双畅，写下了二十八行，三百二十四字的被后人誉为“天下第一行书”的《兰亭集序》。表达了王羲之盛事不常、“修短随化，终期于尽”的感叹。

看到这里，大家已经不耐烦了，在我们天天敲打键盘胡言乱语之时，书法早已被埋入荒冢。你写这些屁话有何用。客官勿急，小二现在谈网站结构化。

鬼斧神工劈网站，网站大道和书法作品相同，其由功能（技法）、信息布局（章法）和业务意图（可理解为神韵）三部分组成。只是出品人不同而已。

1、功能

功能是网站用户需求的代码化和自动化，体现了网站运营团队技术能力。在如今的各种产品形态中，各种功能眼花缭乱，但大都在做信息的重构。社交类产品将线下关系互联网化，门户产品将零散信息标签化、频道化、整合化，电商产品将商品信息互联网化。总结起来，大体有信息发布（平台型产品）、信息展示（门户内容页、landing page页）、信息导航（如首页、频道页、列表页、搜索）、信息聚合（书签、论坛板块）、信息交流（IM、Email、微博）和信息管理（CMS等）等。网站设计者所需要做的就是通过互联网技术合理并最优化信息使用，宗旨就是根据用户的不同需求，由技术过滤信息，颠覆用户获取信息的方法和速度，让用户在烟雨迷离的信息海洋中最快获得答案。举一个大家不太关注的一个网站功能意图，即网站是如何通过网站功能进行情绪管理的。一般我们在网站上购买东西不称心如意之时，总会产生负面情绪，一般有两种方法解决：掉头就走发誓不再来光顾；杀回去。几种方法：在线IM寻找客户投诉，寻找专门的投诉通路。所以网站设计者便需要为用户开通这样的通道。当然，网站功能设计的最高境界就是方便用户用最快速度达成用户意图。但是，有一个悖论，即门户站成功的一个核心指标是用户粘度，体现在指标上便是用户平均页面停留时间和平均访问页面数。所以我们会看到很多门户站为了窃取用户更多时间而在功能上做了大量流氓手脚，比如一篇文章翻页数次，增加垃圾图片浏览功能等等。这种做法是典型的职业经理人为了完成网站绩效而想出的歪招（如果是创始团队，想必不会这么做）。总之一句话，网站功能要利好用户，方能实现网站意图。

2、布局

一个网站，由功能和信息组成，业务意图暗含其中。功能在第一点已讲。来看信息。数字化的今天，各大中小企业做的互联网化战略无一例外都在发信息化的横财。最聪明最赚钱的当属搜索引擎，google和百度者流的聪明之处在于拿别人的内容大发自己的横财，并且让内容缔造者心甘情愿的花钱在上面做广告。而第二聪明发信息财的当属社交网络，通过粘着式功能手法和概念渲染将用户真正的捆绑在了网站上，并且从根源上杜绝了用户的转移成本，巧妙的通过产品功能形态绑架了用户。可以假设的是，如果社交网络真的发现了向用户收费的商业模式的话，将是开天辟地的真正的商业模式。信息是凌乱的，庞杂的，其之所以能形成一个庞大的网站，正是由于第1点所说的功能结构化使然。

而网站布局，解决的正是网站的整体信息架构和单个页面的排版问题。在这个领域，诞生了很多职业，信息架构师，页面优化师，页面设计师….这一点不想多写，举个最耳熟能详的landing page的设计。landing page页的设计是最被看重的页面，你所投放的广告、你所做的seo优化归根结底是为了将用户引流至你事先设计好的说服用户采购你的服务的页面上，这个页面就是landing page页。所以这个页面的设计至关重要，你的业务信息要放在页面的什么位置，你的导购信息要如何排版，视觉如何呈现都颇有讲究。这块谈的太多，等过段时间专讲。

3、意图

所谓意图，就是建站的终极目标，体现在用户行为上即希望在你网站上做的动作。分大意图和小意图。大意图很明显，就是希望你花点钱、希望你能拿起电话拨号、希望你能在线咨询、希望你能点击广告、希望你能贡献干货等。小意图错综复杂。简单来说，网站在建站之初，就已根据目标用户的行为特点设置了种种“圈套”，而你为了能在网站上完成你的任务（比如浏览你想要的信息、订购一本书、和好友打个招呼等等），你就必须遵循网站的使用规则，在这规则里面，暗含网站设计者的各种小小意图，比如你发现一个人在网站运营108将里发了一篇帖子，写的文章你很欣赏，便也想抒发点心中想法，那么你得注册方能顶贴。这里的注册便是网站运营108将社区的小意图。简单理解，意图就是你鼠标操作的动作，如填写表单、登陆、完善（资料）、领取（任务）、赚取（积分）、顶（贴）、发（贴）、参加（活动）、加入（购物车）下单等等。门户站的意图很简单，就是通过您的点击、浏览、注册信息，为企业提供效果营销（导购服务或数据库营销）和品牌广告。2.0类型的网站的意图就是通过用户主动创造发布内容、引发用户讨论、结交朋友等来实现网站氛围的营造，制造网络效应，病毒式传播，当用户群达到一定数量的时候采取货币化手法盈利。当然这种意图不会强权给你，而是为用户的意图服务。用户来到某个网站也有其自身的意图：寻找多年失散的好友、为女友订购一束鲜花、了解某款手机信息、比价等。当网站的服务解决了用户的意图之后，用户心理会产生某种变化：哇靠，这个网站不错/TMD，白来一趟。而这种变化直接影响网站意图的达成：经常访问/永别。所以，网站优化这个词就横空出世了。网站优化解决的就是请客官留步的问题（搜索引擎类外）。众多小意图为大意图服务。这正是大家耳熟能详的漏斗图。总之，大意图即业务信息，小意图即网站期望的你所要做的动作。

网站的功能模块的设计直接将信息和战略意图完美结合在了一起，就如书法中的技法直接将作者神韵和谋篇完美实现一样。所以网站的功能设计是网站稳固之根。

写到这里，夜已深，睡觉先，等找到有网的地方发出去！

一篇写给搜索引擎的烂尾文。