关于设计网站和个人网站

Miku.jpg

今天在优设网看到了这样的一个视频，感谢@祝小波的翻译。
《设计面对面！ 网页设计要注意什么？》

视频里主要讲的是Chris的公司Blind网站的改版过程。当讨论到首页首屏的时候，Chris这样说道：

有一些网页设计的术语，是从报纸的排版设计中沿用而来的，我们把这里叫做“版头”，这就是从报纸设计沿用而来的，就是指这条翻页线以上（不需要滚动鼠标就能看见）的部分。所以你会放上给人深刻印象的图片，这一部分的每一个元素都很重要，因为当有人点击你的网站时，如果他们第一眼没有看到想看的，没有听到想听的，他们就不会继续往下翻。

在这里使用合适的图片很重要，但更重要的是这里的标题文案，要让他吸引人的注意，才能促使用户继续浏览。如果这一步失败了，那么剩下的一切都将失去意义。

可以拿我的个人网站做个例子。

首先要想清楚个人网站的意义在哪里。现在市面上有很多很棒的设计网站，比如dribbble、behance、站酷、UI中国等。这些网站可以很方便的把自己的作品集上传到上面供人浏览，而且可以和很多设计师互动，互相讨论设计。在这个方面，这些设计网站确实很棒，而且个人网站的准备很繁琐，看起来不用准备自己专门的个人网站也可以。

但是，个人网站比这些网站有一个很大的优势，优势在于“个人”。放眼望去，这些网站的每个人的个人主页除了作品之外都是千篇一律的，唯一可以区别的地方好像就只有作品了。也就是说，作品的比重远比个人要大。而每个人的个人网站可以把“个人”这个元素放大。通过浏览个人网站，其他人不仅仅会看到你的设计作品，而且会看到你的爱好，你的生活，会了解到除了作品之外的独一无二的你。我觉得这个至少跟作品是一样重要的。

而且现在建立一个个人网站很方便的，有Wordpress、Wix、上线了等等，即使不会代码，也可以用拼图的方式建立自己的网站。

回到个人网站的首页首屏设计上，我在决定背景图片和文案的时候，我想要突出的是我现在的职业还有我的爱好。我除了喜欢设计之外，也喜欢ACG和音乐，所以背景图片我选择了我最爱的公主殿下唱歌的一张图，很容易的就向别人展现了我的爱好。同时用较大号的加粗字体写上我的职业和名字，我觉得这样就把我想表达的清楚地表达给了浏览者。首屏的下面就是我做过的APP作品，很方便就能看到。每个版块的标题背景也是用的我喜欢的元素，这样在我看来就把我和其他人区分开来了，不仅仅在展现UI设计师这个职业，更重要的是在展现我自己。

呆的萝莉的网站.png

不过，我现在使用的是上线了，受制于网站的局限性，作品详情的外链是使用的其他网站，这个问题可能以后换到Wordpress就能解决了。有兴趣的可以去我的网站看一下：呆的萝莉的网站。

Miku Chibi.jpg