得，今天聊聊我自个儿折腾网站设计时候翻过的那些书。这事儿得从头说起，不是一天两天的事儿。

一开始咋整的

最早，就是想自己弄个小网站，放点自己拍的照片、写点东西啥的。那时候两眼一抹黑，压根不知道啥叫设计，就觉得得让它“看起来不错”。

第一步，瞎摸索。 我记得当时就下个Dreamweaver，听别人说这玩意儿好用，拖拖拽拽就能出网页。试下，确实能拖出东西，按钮、图片、文字。但弄出来的玩意儿，怎么说，就是“丑”得千奇百怪，颜色搭配辣眼睛，字挤在一块儿，图片大小也不对。完全不是我想象的那个样子。

这时候意识到，光会用软件拖东西是没用的，得懂点“道道”。

找书看，开始上路

然后，我就开始找书看。 最早接触的是讲HTML和CSS基础的，比如啥“Head First”系列那种，图文并茂的，看着不累。跟着敲代码，总算明白网页是怎么一块块搭起来的，用CSS能控制颜色、字体、边距这些。这阶段算是把“骨架”和“皮肤”搞明白点。

但光有骨架皮肤还不够，还是不好看，用起来也别扭。比如按钮放哪儿用户点着顺手？导航怎么设计才不会迷路？这些问题又来。

我就接着找。看到有本书叫《写给大家看的设计书》，很薄一本，讲啥对比、重复、对齐、亲密性。这几条原则，简单得很，但真管用！ 试着用这些原则去调整我的网页布局，立马感觉整齐、清爽多，没那么乱。这算是我设计思维的启蒙。

问题变多，看的也杂

网站稍微复杂点，功能一多，新问题又冒出来。

• 怎么让用户操作更方便？填表单怎么设计不让人烦？
• 手机上看网页，字小得跟蚂蚁似的，图片也变形，咋办？
• 网站改版，不能瞎改，得考虑原来的用户，还得想想商业上的事儿。

这时候看的书就杂。

为解决用户操作方便的问题，我翻类似《界面设计模式》这样的书。里面收集好多现成的设计“套路”，比如导航栏怎么放、搜索框怎么设计、列表怎么展示。虽然不能照搬，但给很多启发，知道遇到类似问题可以有哪些解决方案。

手机适配的问题，就得看讲“响应式网页设计”的书。学习怎么让网页在不同大小屏幕上都能自动调整布局，保证阅读和操作体验。这块儿挺重要的，现在谁还不用手机上网。

还看过一些书，像是把好多高手文章集结起来的那种，比如提到过的《众妙之门》，里面会讲到网站重新设计要考虑啥、HTML5和CSS3有啥新花样、用户体验怎么搞得更内容比较前沿，但不一定系统，适合有点基础再看，查漏补缺，或者找点灵感。

还有些专门讲移动端设计的，像那个《触动人心》，虽然主要讲APP，但里面关于触摸操作、移动环境下的用户心理啥的，对做手机网页也很有参考价值。

我的体会

一路看下来，我的感觉是，没有哪一本书是万能的。

一开始需要打基础的，学HTML/CSS，学最基本的设计原则（对比、重复、对齐、亲密性这些）。

然后是学习解决具体问题的“模式”和方法，比如界面布局、用户体验、响应式设计。

是不断跟进新技术、新理念，看看别人是怎么思考和实践的。

对我来说，最重要的还是《写给大家看的设计书》里那几个基本原则，真是打基础、管长远。其他的书，很多时候是根据我当时遇到的具体问题去找来看的，解决问题是第一位的。

现在我做设计，脑子里想的是那几个基本原则，然后结合用户怎么用、在什么设备上看，再去考虑具体的布局和样式。书看一堆，还是得落到实践上，多做多练，才能真正消化吸收。

差不多就是这么个过程，从两眼一抹黑到大概知道该怎么下手，书确实帮大忙，但路还得自己一步步走。