重新设计StevePavlina.com网站 — 第2部分

此文是共有9部分的《重新设计StevePavlina.com网站》系列文章的第2部分。

寻找想法点子

我并不确切知道,要从哪里开始处理这个项目,但我没让这个问题阻止自己行动。许多人会因不知该从哪里开始着手,而回避处理一个项目。当处于那种情形,我便直接冲动性地任找一个地方开始行动。我知道若做出糟糕选择,自己也将很快弄清楚,并及时改变行动方向。真正重要的是进入行动状态并身处其中。请别只因为不知接下来该做什么,就回避或推迟行动。正确的行动经常只在你处于行动中时才变得可见,即使你选错行动方向也是如此。克服惰性至关重要。若你坐着不动,琢磨太久,各种项目或点子就会自动消亡。

我猜能开始着手的一个好地方,就是通过查看其它网站的设计,来找些想法点子,尤其是我所在行业领域里的流行网站。也许我将找到喜欢的网站设计,可以在重新设计自己网站时借鉴模仿。

结果证明这种做法大部分是浪费时间,至少从我以为它会有的帮助效果上来讲,确实如此。可能我只是过于挑剔,但在有意寻找喜欢的设计时,我并未看到太多吸引自己的现成网站。我看到的大部分网站都是杂乱、浮夸、充斥广告和令人困惑的界面,而且显得毫无必要地复杂。我见到许多远超自己旧网站的时髦技术,但感觉它们大多降低了网站的易用性。作为一个网站的新访客,视差滚动特效对我有何用处?它只是让整个网站比原本需要的样子显得更加复杂。头几次看那些特效还觉得挺酷 — 喔!这些人怎么做到的? — 但之后那些特效大都使人感到烦扰。

另一方面,我也得说,这其实是开始着手的一种好方法。因为对于不该做什么,自己也收获了大量灵感。通过查看如此多并不喜欢的设计元素,我至少可以将它们排除在外。这样做也帮我完善了个人设计哲学。我意识到自己想要一个对读者展示高度尊重的网站,它需要直接坦诚,清晰明了。

我从未找到一个让人大受启发的网站。我发现一些确实很有创意的设计,但没有一个看起来会适合自己的网站。

奇怪的是,只是在很久之后,当停止有意在其他地方寻找灵感想法时,我才偶尔碰见某个网站,看到自己非常喜欢的一些设计元素。

升级自己的WordPress知识

另一步看起来应当尽早采用的好做法,就是升级自己的WordPress知识,尽快熟悉了解最新的那些功能特性。

我是在2004年10月,从WordPress的1.2版本开始博客写作。那年1月份,WordPress的1.0版本才首次问世,我采用的只是它的第三个更新版本。在自己博客上线几个月之前,它还仅仅处于测试状态。此刻我写作这篇文章时,WordPress刚刚发布了它的4.5版本。你可以从WordPress的消息发布页面,看到这些年间推出的几十次版本更新。

由于我在WordPress只有基本骨架时便开始使用它,自己网站原本也是为那个时代所设计。在我网站上线发布前九个月,WordPress才脱离测试版本。当时大家还无法清晰看出,它会成为今日如此流行的网站平台。那时它并非一个可供搭建整个网站,已经开发完全的内容管理系统。它真的只是为了写博客而创造。我的确感觉博客最终将大有前途,但要打赌WordPress会成为一个稳固的长期网站平展,依然很有风险。

所以当时我不想过度依赖WordPress。因此,自己网站的初始版本,只有部分是通过WordPress进行管理。我的主页、关于页面、联系表格,还有其他许多页面都是手工编码的HTML文档,根本不由WordPress管理。显然,从后见之明的角度看,我多年前就该把整个网站置于WordPress控制之下,但即使混合了WordPress和非WordPress内容,我的网站依然运转良好。而且与重新设计相比,逐渐对原有结构进行添加完善,总会轻松容易得多。不过朝着这条道路每前进一步,日后对整个网站进行重新设计也更加困难。

我曾偶尔更新过自己的WordPress知识,中间添加过较新的功能特性,但只是以随意态度这样做。在2004年,我是从Kubrick主题开始搭建网站,然后随着时间发展对此主题做过自定义调整。它在以前是个好主题,但缺少响应式设计之类的最新功能。我还记得多年前,只是为添加对网站小工具的支持,而修改过这个主题。

我明白自己的WordPress知识仍根植于过往,需要对它进行更新。自己于是花了数小时阅读文章,浏览WordPress官网,学习了解最新功能,并熟悉它可能做到的各种事情。我还想更好理解WordPress未来的发展方向。

我挑战自己努力忘掉和WordPress的历史关系,想象只是从今天开始重新了解它。假如我并未从2004年开始写博客,自己又会以何种不同方式使用它?这种思路引导我得出了一些结论。例如,我应该更好利用现有插件,甚至学习编写自己的插件。我思考了一些确实应当使用,但从未麻烦自己整合到个人工作流程的WordPress功能。我承认,若要明智地重新设计这个网站,我还必须改变自己的一些工作方式,而非只是网站的的外观效果。

我也花时间浏览WordPress的插件目录。目前其中包含的插件超过44000种。我扫视浏览最流行的那些插件,以便让自己更好理解现在都有什么选择。我开始列出以后可以尝试的插件清单,并想象如何能在自己网站上应用其中的一些。

另外,我还参加了一个关于WordPress的网上课程,用了大概两天时间学完它。其中的内容对我来说有点基础,但它帮助更新和修正了我的一些相关知识,使我意识到应该查看的更多插件。对于现今的WordPress网站可能做到什么事情,我也收获了更好理解。

更新自己对网站平台的理解,的确是个明智想法。我得以考虑一些可以采纳的实用功能,也开始视觉化想象新网站可以添加的一些新功能。

Desktop Server(桌面服务器)

在开始这个设计项目时,我用到的一款出色软件,就是Desktop Server。我在8月份的WordPress见面会上,看到有人演示这款软件。自己当时看出它将极大节省个人时间。Desktop Server能让你在个人电脑上运行Apache网页服务器,支持PHP和MySQL。它还能为你安装WordPress。这意味着我可以在自己的MackBook Pro电脑上开发整个新网站,甚至无需接入互联网进行测试。

在2015年9月14日,我安装了免费版本的Desktop Server。接着安装了最新版本的WordPress,并导入现有网站数据库。这样我便有一个可以自行摆弄的本地博客网站。假如自己操作错误,搞砸了任何事情,它也不会成为什么大问题,因为整个网站都安装在我的笔记本电脑上,而非公共的网页服务器上。我的WordPress数据库容量超过100MB,自己只用2秒就能制作一个备份。摆弄新网站时,我多次损坏过数据库,幸运的是自己只用几秒钟就能恢复备份。这种做法非常适合我想进行大量试验的内在渴望。

使用Desktop Server时,我可以用任何网络浏览器,通过一个特定URL进入开发中的网站。这个URL并不对整个互联网开放;它只能在我的笔记本电脑上使用。我也不能通过iPad或iPhone进入其中,因为它只能运行在一台机器上,不过对大多数开发进程而言,这已经足够好用。很久之后我才把新网站放在开发用的服务器上,这样便可用其他设备通过互联网访问网站。

我用的主电脑是一台2013年底上市的MacBook Pro,它有2.6GHz的双核处理器,16GB的RAM,和1TB的闪存。对于一次只有一个人(我)访问网站的情形,这台电脑运行WordPress已是大材小用,因此所有操作响应都超级迅速。在本地电脑上运行WordPress,也让反复测试设计想法变得迅捷得多。我有挺棒的50M互联网连接,但它根本没法和在本地电脑上运行所有操作,无需在开发期间通过互联网传输数据的便利程度相比。

Desktop Server确实为我节省了大量时间,因为自己不必为了测试想法点子,而FTP传输任何文档。我可以在不让现有网站冒任何风险的情况下,尽自己所想去安装和尝试不同的主题与插件。假如自己中途犯下任何错误,也不是什么大问题。

若对某些想法在现有网站上的实际效果有任何疑虑,我也会用Desktop Server在本地电脑上测试它们。一旦在本地电脑上得出好的解决方案,自己就能相对轻松地把它转移到现有网站上。

Desktop Server甚至包含一个本地邮箱,我可以用它测试自己的联系表格。无需通过互联网发送任何电子邮件,我就能在本地邮箱中立刻看到最终的邮件状态。这意味着在没有网络的情况下,我也能测试和调整联系表格,比如在飞机上,或WiFi信号异常糟糕的机场或咖啡店里。

Sublime

与此同时,也是通过WordPress见面会,我知道了编辑应用Sublime。试用过演示版后,我非常喜欢这款应用,于是买下完整版本,从那之后便一直在使用它。其中许多功能我都并未使用,但它操作快捷,而且提供优秀的文字标识颜色编码(对色盲人士尤其好用)。这套颜色编码能帮我避免意外误用一些颜色;而自己不止一次地犯过这种错误。

我主要使用Sublime编辑CSS和PHP文档。在整个项目后期,我又用它编写自己的WordPress插件。自己还会用它编辑.htaccess文档。我确实应当花些时间学习Sublime的更多功能。假如多进行尝试,我很可能发现某些会经常使用的好功能。

当写字时,比如写作新文章,我总爱使用有着白色背景黑色字体的编辑器。但由于某种原因,当编写代码时,我更喜欢在黑色背景上用亮色字体编码。我想许多程序员都是这样,但自己并不完全确定为何如此。我认为黑色背景能帮我更好集中注意力,而且当长时间盯着大量代码,这种背景也让双眼感觉更轻松舒服。编码经常需要长时间盯着屏幕。我曾遇过一个程序员,喜欢在漆黑一片的屋子里工作,只有电脑屏幕会发出亮光;那看起来其实是挺棒的工作方式,可以完全屏蔽各种干扰事物。

我发现使用高品质工具也会让项目进行得更加顺畅。使用自己喜欢的工具对我而言十分重要。假如不喜欢所用工具,我在工作上就更容易拖延耽搁。但若工具用起来舒服自如,而且自己尊重它们的优雅设计,我便会毫不推迟地进入工作状态。

选择网站主题

我必须做出的第一个重大决定,就是新网站要用何种主题。能够选择的主题确实太多了!

我并不想从零开始自行设计主题,因为那将耗费太多工作。这种做法可能在技术上很有成就感,但我并不认为值得付出那么多努力。自己以前会从一个流行主题开始着手,按照个人喜好再做设计,所以我想同样的做法也适用于这个项目。

我开始详细浏览WordPress的主题目录,并在本地电脑的测试网站上安装了几十个免费主题。之后我逐一激活并测试那些主题,看它们与我的实际博客内容匹配效果如何。结果它们大多令人失望。有些还十分丑陋。另有一些无比丑陋。

总体而言我感到失望。我看了数百主题,实际尝试了几十种,但没有发现任何一个,足以让自己喜欢到能用来作为网站的基础主题。它们中的一些看起来有趣和富于创意,但太多主题似乎是为不同类型的网站而设计,比如摄影师网站,美食博客网站,或餐馆网站。我觉得要是根据自身需求对它们进行定制修改,会带来太多工作。自己最大的失望之处,在于大多数主题都缺乏优雅、清晰和易用感受。我高度尊重优雅设计,但在那些免费主题里并未看到太多优雅之处。

不过我想这也许是件好事。它意味着我可能必须在别处寻找,或创作某种定制作品。如此一来,自己网站就和所有安装免费主题的网站显得不同。

我在WordPress见面会上了解到一些付费主题资源,于是开始查看那些地方。总的来说付费主题给我留下的印象更深。我看到一些更佳设计,但仍未发现适合自己网站的选择。再次说明,我一直认为那些主题对其他类型的网站而言会是好主题,但它们看起来并不适合我的网站。有时我都觉得自己像在女装区挑选衣服一样 — 漂亮选择有很多,但就是没有自己想穿的。

因为见面会上的一些开发者喜欢Genesis,我花了大量时间查看Genesis主题,但并不喜欢看到的任何主题。那些主题在外表上显得漂亮精致,但没有一个能激起我内在共鸣。我还花了大概两天时间研究Genesis的作品框架,虽然它是趟有趣的技术学习之旅,自己在主题方面却毫无所获。我排除了Genesis的所有主题。

我从这段经历学到的主要事情,就是更好理解了自己不想要什么设计。我认为这些经历帮我拓展和完善了一种内在思路,使我以后能更好识别出自己想要什么结果。不过在当时,对于自己想创造什么结果,我依然没有清晰愿景。我拥有的全部东西,就是用来指导自己的基本原则、内在渴望和意愿。

但我不打算将就选择一个并不热爱的主题。若有紧张的最后期限,我也许必须迫使自己在此刻做出决定,一个日后很可能后悔的决定。幸运的是,在这个设计项目上,耐心是我的盟友。

查看原文