提供丰富的网站建站技术
及域名注册/SSL证书服务

博客网站设计应该做和不该做的事情:网站美化指南(下)

3.视觉效果

一旦您有原始的复制和清晰的导航,是时候考虑一下您的网站的装备。您的网站传达消息的方式好还是不好。给你的设计一个整改的机会,您可以看到增加的流量,增加的销售和一个增长的忠实的读者群。

转化的另一个关键是什么呢?您的网站结构。以下是5条规则,用来确保您的网站得到正确的设置。

要做的事情:请注意您的网站给人的第一印象

第一印象很重要——非常非常重要。不相信我们吗?研究表明,一旦网站加载,用户就会在0.5秒内形成自己的看法。如果您的网站不处于最佳状态,您就可以向您的读者挥手告别了。快点吧。

此外,48%的人承认网站的设计是决定企业信誉的首要因素。

很多东西都在这0.5秒上面。所以把您的站点最好的(视觉效果)一面展现出来。

什么是看起来像一个业余的网络所有者的最快的方法呢?除非你想让你的网站看起来像是被困在了互联网的石器时代,避免闪烁或闪烁的文字,过多的动画,页面视图计数器,或者俗气的字体或配色方案。

如果您不是一个平面设计师或网页设计师,那就最好回顾一下一些在网页上和纸上都能应用的安全设计原则。像对比度和距离这样的东西会让你的网站看起来更有吸引力。

现在,让我们谈谈类型。

排版不仅仅是选择一种美观的字体。类型是建立层次结构的重要组成部分,因为它引导读者浏览您网站的各个部分,并帮助您创造品牌的感觉。(而且很多品牌都是通过他们的字体来识别的!)

另外,排版在很大程度上对您的整体设计以及它的接收和参与做出了很大的贡献。意思就是,您的排版可以真正地改变您网站的转换。您想让人们下一步的行为:购买,订阅,返回,还是分享?请明智地选择类型。

来看看几种类型的最佳实践:选择最多三种字体并优化最佳字体配对是很聪明的。Typecast或Typetester可以帮助您为您的网站选择字体。请记住,无衬线字体(在字母笔画末尾没有笔锋的字体)通常更加适合网络阅读。

苹果的san-serif字体是干净的,容易识别的。它营造了一种现代的,极简主义的感觉。

并且一个字(或者两个)用上颜色

注意您选择的颜色。智能调色板可以增强用户在网站上的体验,并被用作创建视觉流的另一种工具。还记得色彩理论吗?超高速刷新:

对比色可帮助组织和划分页面上的元素。

温暖的色彩让人很兴奋。

凉爽的颜色让人平静放松。

知道这一点,您应该计划您的网站的配色方案,以最适合您的品牌,并引导访问者浏览您的网站。Adobe Color Wheel可以帮您规划。

不要做的事情:害怕空白的空间

在您的站点的设计中,留有空白空间是好的。是非常好的。白色空间不是浪费空间,而是一个设计元素,可以帮助引导网站的视觉流动,并确立内容的优先级。另外,它给读者的眼睛和大脑提供了急需的慰藉。

在栏之间、图形之间和空白处使用空白,以塑造结构,帮助读者理解内容是如何组合在一起的。

要做的事情:整理

设计网站不像剪掉杂志上的图片,把它们粘在纸上,拼贴风格。一个有吸引力的网站是干净的、有条理的、有组织的、有目的的。我们的座右铭是:少即是多。

一些整理的规则:

当心无法使用的链接。尽快更新或删除它们。

刷新旧的或过时的内容。

关注分析和修复问题部分。

优化图像并为每个文本提供可选的文本。

随着站点的增长,清理分类和标签。

检查您的搜索引擎优化(SEO)策略和内部链接结构。

需要做的事情:学习最好的

您希望您的网站的设计能很好地代表你的品牌。但是,看看网站上最好的网站,从那些利用网页设计原则的网站中汲取灵感和想法并没有什么错。是时候来几次“不经意的一瞥”了。

Brit + Co通过将类似的项目分组在一起,使文本可读,并提供简单的站点导航,利用设计的智能原理。Brit + Co通过将类似的项目分组在一起,使文本可读,并提供简单的站点导航,利用了设计的智能原理。

Medium使用的白色空间为网站提供了清晰的视觉流。它很简单,干净的设计可以让用户感受到好的体验。

Our Travel Passport擅长于建立内容层次结构,这证明了漂亮的设计不需要复杂。

即使有丰富的内容,百胜餐饮博客也能巧妙地选用空白和清晰的菜单。

要做的事情:对它进行一个测试

良好的网站设计——像大多数其他的东西那样——涉及到很多的尝试和错误来完善。

一旦您清理干净了您的站点并且运用了新的设计元素,请在不同的设备上预览它。检查它(也许还有另一双值得信任的眼睛),任何炫目的设计或导航问题,在发送到读者的浏览器之前,您需要进行彻底的检查。

结语

不要让读者因为低于您的网站真正的设计潜力的页面,而滑过您的网络产品。 关注视觉,文字和导航,您可以让您的内容的内容得到关注——并且让他们留下来。

推荐阅读:>>>博客网站设计应该做和不该做的事情:网站美化指南(上)

未经允许不得转载:自助建站资讯网 » 博客网站设计应该做和不该做的事情:网站美化指南(下)
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

为您提供权威 丰富的网站服务器资讯