轻博客Tumblr主题设计的十条建议

organicleopard 发布于2年前
0 条问题

<b>轻博客Tumblr主题设计的十条建议</b>

 

对很多博客类网站来说worldpress好比是面包和黄油,但是在博客平台这个世界里面,轻博客Tumblr也是不错的选择。它简单,漂亮,容易上手。

今天,我们将探讨到底是什么元素创造那些优秀的Tumblr主题。在Tumblr主题公园里有超过1300中选择,在如此多的选择中为什么有的吸引眼球而有的被人忽略?好的设计是关键。

 

#1 Type Is Everything

 

<b>轻博客Tumblr主题设计的十条建议</b>

 

如果你想制作一个受欢迎的主题,或者你仅仅想做出一个自己用的漂亮主题,那么请把字体设计放优先考虑中。Tumblr的字体设计在整体视觉美学中占了很大的部分,他决定了一个页面的个性,并且对于那些特定的浏览器,好的字体能够更吸引人。

 

作为一个例子,上面图片中标题部分上面和下面两排的区别在哪里?大胆和强烈对比光滑低调。即使所有的设计都很平常,光字体的设计就能将主题的差距拉开。

<b>轻博客Tumblr主题设计的十条建议</b>

有一种非常不错的采用多种字体的方法:网络字体服务。比如下面Candor theme 网站就采用了google web  font 提供的字体方案,google网络自己方案可以让你获得现在绝大多数博客网站都不能采用的字体。

Google Font API使用起来也非常方便,从下面的例子中可见一斑:

@font-face {             
    font-family: 'Tangerine';             
    font-style: normal;             
    font-weight: normal;             
    src: local('Tangerine'), url('http://themes.googleusercontent.com/font?kit=_jMq7r9ahcBZZjpP8hftNA') format('truetype');             
}

嗯,看起来与普通的web-font定义并无二样,只是url资源使用Google Font API库中的字体。这种方法不必考虑用户的电脑中是否安装了该字体。不过google web  font暂时没有中文字体。

 

<b>轻博客Tumblr主题设计的十条建议</b>

#2 挑战现状

 

作为一个设计师,时刻注重用户体验是非常重要的,在这篇文章我将继续讨论Tumblr中那些复杂和怪异的用户体验。

Tumblr吸引的原因在于它给用户提供了不同其他传统网站的阅读感受。下面的这个网站 Organ 的流行就说明了这点。

<b>轻博客Tumblr主题设计的十条建议</b>

 

 

<b>轻博客Tumblr主题设计的十条建议</b>

类似的创意还有很多,下面这个主题将文章混乱的散布在网页上,达到速成相片堆放效果,当鼠标放上去的时候又如网格一般的规则的排列起来。

 

<b>轻博客Tumblr主题设计的十条建议</b>

很明显,如果你想制作一个受欢迎的流行Tumblr主题,一个好方法就是做出与众不同的东西,用户都喜欢具有创造性的,若果你能做到这一点,你的主题会得到疯狂的下载。

 

#3 自定义选项

看看下面的三个Tumblr主题预览,你能否找出一种设计倾向?

 

<b>轻博客Tumblr主题设计的十条建议</b>

 
<b>轻博客Tumblr主题设计的十条建议</b>
<b>轻博客Tumblr主题设计的十条建议</b>

 

就如你看到的,提供自定义选项是一笔大买卖。他们把这个吹嘘的高于一切,设计师们用大量的数字标题来震撼你,诸如“60种自定义、、、”,“80多种选项。。。。”等这样的标题。

 

再一次,我们看到,Tumblr用户群是一个富有表现力的群体。他们不仅要你给他们一个漂亮的主题,还希望能够变成自己的。早些时候我们看到一个字体定制选项的例子。从这里开始,然后走得更远。提供颜色选项,工作在一个个性化的头或边栏关于作者的信息,让用户重新排列列;这种可能性是无穷无尽的。

当你采用自定义的方式时,要记住主题没有自定义之前本身就很漂亮。确保感兴趣的人能使用自定义功能,但那些不感兴趣的同样能找到共鸣。

 

#4 自适应网页设计

 

老实说,我并没有期望Tumblr主题市场与现代网页设计理论保持很高的一致性。我搜索时我遇到一些自适应网页设计主题,如下所示。

 

<b>轻博客Tumblr主题设计的十条建议</b>

 

 

事实上,自适应网页设计Tumblr主题的存在和正在流行表明,Tumblr用户要么正在学习网页设计理论的新知识,要么至少在为他们的博客平台做出跨平台的努力。

典型的博客拥有者可能会用平板电脑、智能手机、笔记本电脑和台式电脑访问自己的页面,因此自然而然他们就希望找到那种适应不同设备的主题。自适应网页设计是无处不在的,这种设计作为用户的普通期望而不是奢望的时间已经很近了,你准备好这一天吗?

 

 

 

#5 关注流行趋势

 

前面的这些例子已经说明了Tumblr的用户对潮流所向有着灵敏的直觉。跟着最新的潮流走,你的博客主题就会很快的火起来。比如说,Pinterest的成功让设计师们对瀑布流这种设计趋之若鹜。Tumblr主题的设计者们很快就跟上了这种潮流,讨那些Pinterest爱好者的欢心。

 
<b>轻博客Tumblr主题设计的十条建议</b>
<b>轻博客Tumblr主题设计的十条建议</b>
<b>轻博客Tumblr主题设计的十条建议</b>

如果你在苦苦思索如何制作一个好的主题,那不妨多花点时间泡在网上,看看哪些设计开始流行起来,不一定非要在Tumblr的主题里面找。下一个流行的布局会是什么呢?

 

#6 一个漂亮的背景

Tumblr主题市场中,白色背景主题非常泛滥,其中许多是超级受欢迎的。想在这些主题中脱颖而出非常困难,因为看着看着,这些主题都差不多变成一样的了。

 

因此反其道而行之,采用另外的颜色,用比较强烈的色彩作为背景被证明是比较成功的方案。

 

<b>轻博客Tumblr主题设计的十条建议</b>

 

Tumblr主题倾向于利用大量的空白,页面排版比较宽松,所以背景图片显得尤其重要,那些没有被填充的地方用简单的底图来丰满信息。好的背景图片能展示出你独特的审美和创造力。

 

 

<b>轻博客Tumblr主题设计的十条建议</b>

不要低估了背景图片的力量,即使没有能够填满整个页面的背景图,你也应该努力找到一张能达到类似效果的局部背景图,比如页头或者导航部分。

#7 Come Up With a Visual Theme

One tactic that seems to work pretty well is to decide on a metaphor or theme for the template that you’re building (here “theme” refers to a specific aesthetic such as “desert” or “fantasy”). This is a great way to get your mind “into the zone” from a creative point of view and leads to some interesting results that users love.

For inspiration, look over the “Space Traveler” theme below. This gorgeous piece of design uses planetary orbital charts and compass rose graphics to create a positively charming aesthetic.

<b>轻博客Tumblr主题设计的十条建议</b>

What visual idea can you run with that will make your theme both unique and enticing? Consider places that you’ve been, specific film or literature genres, foods; anything that you can turn into a specific look.

#8 选择你的目标人群

不管你设计什么,时刻考虑到你的观众是十分重要的。但是滑稽的是当你在设计一个常规用途的网页主题时,你的观众或者用户可能是任何人。除了我们讨论的关于Tumblr用户以外,你如何设计出满足特定人群的主题呢?

 

最好的答案就是选择一类人,然后集中满足他们的需求。比如我是一个摄影师,我很可能通过google搜索摄影类主题。

 

<b>轻博客Tumblr主题设计的十条建议</b>

Spend some time looking through Tumblr and finding a market that isn’t well represented, then build a theme for that group of people. Think about specific professions like realtors or app developers and ask yourself what types of features they would gravitate toward.

#9 图标!图标!图标!

<b>轻博客Tumblr主题设计的十条建议</b>

 

除了背景图和字体,图标也是非常的重要,图标不仅仅可以用在发表和编辑内容的指示中还可以用在任何地方,前提是你要会用他们。

 

<b>轻博客Tumblr主题设计的十条建议</b>

 

不管你是用网络上现成的图标还是自己制作一个,始终记住运用好图标能让你的页面更有竞争力,花点时间在图标上面是值得的。

 

#10 细节决定成败

 

作为一个Tumblr的使用者,真正能打动我的都是那种在细节上花了很多心思的主题。微妙的纹理风格,适当地方添加阴影,高亮的边沿,这些细节之处可以让你的设计更吸引眼球。

 

<b>轻博客Tumblr主题设计的十条建议</b>

No matter what aesthetic you’re going for, be it vintage, skeuomorphic, minimal or wacky, don’t rush through it just to have something to upload. Slow down and really polish off the minor details that you wouldn’t think anyone one notice. Trust me, they will.

 

需要 登录 后回复方可回复, 如果你还没有账号你可以 注册 一个帐号。