生活方式个人思考科技与金融

10个基本的博客设计技巧给新手博主

上个月,我被邀请到马尼拉圣保罗,作为他们第一次博客演讲的嘉宾之一。一个会议,在这里,被选中的博主和媒体从业者传授他们的知识。我讲过如何启动你的博客。这周我收到了一封来自一位嘉宾的电子邮件,询问她的设计建议,因为她是一个博客初学者。

琐事:我不确定你们很多人是否知道,但在我写“主流”博客之前;2001年,我开始做自由网页设计师,并拥有一家博客/网页设计商店。kikaypixels.com,我每周都会在这个地方创建不同的布局,因为这在当时很流行,我会保留它的截图。我很难过那些截图丢失在刻录的CD里,但没关系,他们的记忆留在我心里。

以下是信的全文:

嗨,Kaycee女士!我是索菲亚·达杜拉。我参加了博客大会(并短暂地出现在你的一个snapchat上,如果你还记得*你好*),你的演讲给我留下了深刻的印象,因为你是唯一一个提到写博客令人生畏的部分的演讲者,至少对我来说:网页设计。从高中开始,我就一直想开一个自己的博客,我曾尝试在Multiply上做一个建议博客,因为他们有模板可以使用,但它没有流行起来,因为似乎没有人来寻求建议或其他东西。我转向了WordPress,但我被其他用户吓倒了,他们似乎很清楚自己在做什么。大会结束后的一天,我访问了你的博客,我只能说你吸引了我100%的注意力,我一直在点击链接(过滤器是我最喜欢的*眨眼*)。所以不管怎样,我决定坚定立场,再次开始写博客。我喜欢写作,我不太在乎是否马上有读者。我在Evernote上有一个私人博客——更像是日记,所以我不认为我需要设计它,但当我决定把我的写作带到公众面前时,我基本上惊呆了,因为我不知道从哪里开始,尤其是因为有布局、字体等等。我只是希望能够创造性地展示我的作品,在网页设计方面。 Since you’re practically a prinCSS (see what I did there? hehe), I was wondering if you could help me out with choosing a web design that’s dummy friendly or a site that’s easy to navigate. I’m all for being minimalistic, but being able to understand what’s out there for me to use would be a great way to start. I do hope you have the time to answer to my sad, sad search for help. I’m in my fourth year at St. Paul Manila taking Mass Communication, btw.
非常感谢!给你的博客更多力量!(老实说,我现在已经停不下来了!)

你好,索菲娅!以下是我根据自己10年写博客的经验和一些研究得出的10条建议。我希望这能对像你一样开始写博客的人有所帮助。祝你好运,永远记住”不要忘记你的根

#1根据你的目标决定你的设计

设计的目的是让你的网站转化为你的目标。就是这样。其他一切都是次要的。

你是怎么做到的?

你需要有一个可视化的层次结构,引导人们采取行动。简单来说,就是以一个或一系列以号召行动结尾的标题为特色。然后把这个标题/行动号召放在人们最常看到的地方(例如主页顶部,侧边栏顶部,帖子底部等)。

最大使用2-3个字体

你的logo最多使用一种字体,标题最多使用一种字体,正文最多使用一种字体。

再多的话,你的博客看起来就乱了。

选择完美匹配的配色方案

并将它与你的第一条(目标,个性)相匹配。除了限制你的配色方案,你的主要颜色和号召性的颜色应该相互补充。

为了找到科学的配色方案,从你的原色开始,用ColorSchemeGenerator.com找到补充色。

4 .留白

除了有效地使用空白和页边距外,使用空白的最好方法就是删除所有对实现你的目标没有帮助的东西。

你真的需要标签云吗?不,你不需要。没人用这些。

使用1像素边框

边框有助于清理你的设计,并在视觉上分隔不同的部分。使用1像素边框,因为它们干净清晰。

#6选择正确的版式

排版在创造视觉层次和对比方面起着重要作用。一个快速的技巧是使用多种尺寸。首先选择最小的字体大小,然后从那里开始。如果你最小的是12px,这是主体副本,那么使用24px作为标题,48px或72px作为标题。这是我推荐的一种方法论。

你还应该将字体的重量减少到两个或更少。例如,标题使用粗体,副本使用轻体或常规。你使用的字体权重越多,读者理解起来就越混乱。

#7保持简单

我相信你已经从很多人那里听到过这句话,但我只是想强调一下——简单永远不会失败。有疑问时,就做减法。这是我得到的最好的设计建议。让你的听众容易理解。不要让它变得太杂乱。

使用高质量的照片

如今,每个网站都有自己的摄影风格。为了在社交或其他营销方面与之匹配,你需要挑选正确的照片。确保你保持高分辨率,但不要太高,你的网站加载缓慢。我建议在PNG格式上使用720px宽度

无法决定哪个编辑器?使用VSCO !我也用它来拍我的博客照片。完美的滤镜?我做了一个VSCO滤波器备忘单只为你!

#9避免过度使用小工具

当然,“分享按钮”看起来很诱人,但使用太多会惹恼访问者,而不是给他们留下好印象。谨慎使用这些工具。

前Shareaholic, AddThis, Adsense, Facebook, Twitter, Instagram

#10保持一致

最后,保持设计元素的一致性很重要。例如,如果您在页面的某个部分使用一种样式的按钮,请确保在页面或文档的其余部分使用相同的样式。如果你在页面头部使用图片,请确保它与其他美术资产保持一致。

设计要点链接

http://www.designsrazzi.com/2015/free-blogger-templates/-为所有最好的布局,你可以选择
http://www.w3schools.com/-学习CSS和HTML的基本知识
htp://www.canva.com -为您的博客提供最出色的图形!

以前的文章 在下一篇文章

你可能还会喜欢

没有评论

留下回复

这个网站使用Akismet来减少垃圾邮件。了解如何处理您的评论数据