LOFTER模板设计:轻博客模板设计过程(2)

二、LOFTER模板特点

它有四种类型的内容，即：图片、音乐、文字、视频四种。

1、展示图片的模板：a、通常是为了满足摄影用户，图片展示面积要够大，够爽B、模板首页一屏能看多图 c、背景要暗，突显当前图片 d、边框的设计让图片更突出，或让图片更精美e、

2、展示音乐的模板：a、做成唱片封面的感觉 b、有音乐符号或音乐专辑的外观 c、CD碟的外观 d、黑胶碟的质感 e、播放器的元素

3、展示文字模板：a、信纸质感 b、便签外观 c、排版便于阅读 d、做成一本杂志 e、有翻书特效 f、办公桌场影、悠闲的氛围、透着阳光、小资的感觉

4、展示视频模板：a、播放器外观 b、胶片质感的背景 c、背景要灰暗，突显内容 d、Hover动画效果 e、电影元素

备注：没有讲到的地方欢迎大家进行补充

三、LOFTER模板设计过程。

上面说到四种类型的模板，在这里我也不一一拿来举例了，挑选一个去年11月份做的一个横向又以展示图片为主的模板，跟大家说一下设计过程。

当时产品策划跟我说LOFTER目前有很多竖向排列的模板，即从上到下加载显示的模板。希望接下来能做一些横向加载显示阅读的模板，而且是以展示图片为主。

接到任务后，一般我都会给这个设计定一些基调：为了符合产品气质，我选择灰色，另外还有原因是，灰色当背景能适应多种复杂的色彩。就像Photoshop的制作间的背景色是灰色，当然它的明度是有考究的，我想也是为了适应各种色彩而设计的。在此就不扩大此论点了。另外为了突显图片，明度不能太亮。而且内页显示要大图，为了满足摄友们的需求。要够爽！

视觉情感关键词：平稳、舒适、明显，关键词不宜定太多个，一般我觉得挑三到五个已经精挑细选过的关键词便可，这个观点非常的主观，不绝对。但是因为我觉得定多了以后，你很难把所有的关键词都安排到你的作品里去，另外多了以后，很容易出现同义词，也有时候定多了，还发现有反义词出现，好比“休闲”“严肃”，你又想在画面里表现休闲，又要表现严肃。做不好，就像搬石头砸自己的脚，那就做死人不赔钱啦！

在动手之前，突然想起在这之前LOFTER做过一个活动叫：“首页交给你”。过程稿有很多张是横版的，觉得可能对我设计横向模板有帮助！

（图一）这张图以横向平行的排版，使画面有了安静平稳的感觉，如果改成模板的话，登录框部份可以改成：个人信息和模板常用功能。但是安排在这个位置又太居中了，会抢了内容的眼球。另外它是单图，模板首页是多图显示的，这点也需要修改一下。

（图二）这张也是单图，看到这张，假想它是一排图片，从右往左滚动加载显示会不会很帅？另外，登录框的位置不能放在黄金分割线上，那样还会很抢内容的眼球。它应在黄金分割线再偏左一些的地方，更不能在黄金分割线偏右的地方，因为那样已经在屏幕的外面了。

（图三）这张也具备了横版，但是各方面没有图一和图二适合，就不做多考虑了。

按着以上的思路，做出了以下博客模板。