大兴企业网站设计:关于设计以内容为重点的布局的技巧

2019.05.24 大兴企业网站设计

164

在网页设计中,我们经常假设任何布局与一个漂亮的标志和图形将工作完美。但是网页的设计要比吸引人的页面图形要深得多。整个用户体验开始发挥作用,您必须考虑到布局中的一些异常。

大兴企业网站设计在这篇文章中,我想学习一些设计网页布局的技巧,重点放在页面内容上。每一种类型的网站都围绕着不同的任务而建,期望目标市场做出不同的回应。因此,您的布局提供了用户与文本、音频、视频或图像等内容交互所需的工具。

定位你的标题

最重要的新闻和信息应该被归类为标题。这通常是最新的文章张贴在您的网站上。您可以从您的博客帖子或外部新闻来源,或作为替代发布给第三方,如Tumblr或Twitter。

根据您运行的网站类型,这些标题的优先级可能低于其他内容。在一个网络杂志布局中,你所有的最新帖子都应该足够吸引你的访问者的注意力。但对于一家小型媒体公司来说,您可能希望将这些内容放入一个侧栏小部件中。您可以用投资组合项目列表代替这些标题,因为这个内容比新闻更新更有价值。

大兴企业网站设计 

但是,不需要发布头条新闻的社交网络和初创企业又如何呢?许多社交媒体品牌的内容是流动的。通常,您希望使用标题显示您的最新功能、最新成员配置文件、注册/登录链接和其他内部数据。您的目标是转换更多的访问者进入更深的网页在您的网站内任何必要的手段。使用标题,这会引起注意,但不会侵入整个页面显示。

动态画廊与图像滑块

现在动态内容非常大。事实上,你可以很容易地在大公司和自由职业者的网络上找到以幻灯片格式呈现数据的例子。随着JavaScript库(如jQuery和MooTools)的普及,有数以百计的免费开源解决方案。

如果你选择包括一个图片库,我建议将它粘贴到一个独特的页面上。您的网站主页是完美的设置,因为您的大部分流量将登陆这里无论如何。尝试将所有图像和滑块按钮保留在页面内容的其余部分之上,因此在这个意义上,布局将叶栅向下。如果您理解上面的概念,那么您可以包括到您的投资组合的链接,甚至从您的主屏幕上的外部项目链接!

识别类型问题

网页中的大部分内容都是用数字文本编写的。这将需要访问者花时间盯着屏幕阅读和处理您的书面文字。这并不是传递信息最快的方式,但它在几千年前对我们起了作用。

 

大兴企业网站设计大多数设计师不会停下来思考他们的排版对整个页面布局有多重要。我建议在颜色、大小、字体和段落间距方面获得一些外部意见。浅色背景上的深色文本将在可读性方面获得最高的满意度,同时字体大小也会超过平均水平。

不幸的是,你不能让100%的访客满意。以每一组反馈意见为依据,因为标题和段落风格可能是设计中最困难的领域之一。如果你想学到更多我们写的一篇关于排版的小文章它为初学者提供了制作理想页面设置的技巧。

另一个关于超链接的小贴士-把它们深深地考虑进去!你希望这些不仅在段落文本,而且在你的标题中脱颖而出。实际上,我建议为不同页面区域(如侧栏、页脚和内部页面)之间的链接编写几种不同的样式。保持主题一致,但更改较小的格式细节,如圆形背景角或字体效果(粗体、斜体、下划线)。

收集用户信息

当涉及到HTML表单和注册页面时,设计人员也会崩溃。您必须考虑这些布局有多重要,因为访问者将在整个过程中与元素交互。当然,你想让一切变得简单和简单-但是如何才能做到这一点呢?

在大多数情况下,最好将字体大小保持在更大的一端。即使您的段落设置为11px-12px,输入字段的范围也可能超过15 px-16 px或可能更大。这是因为大多数用户在输入时都在打字,而且直到输入结束时才会经常回过头来查看他们的输入。你想要明明白白确定每个字段中的字符-特别是用于电子邮件和用户名数据的字符。

大兴企业网站设计 

也不太可能在这些页面中包含大量的书面内容。因此,您有机会添加一些额外的JavaScript标签,以进一步解释表单中的每个步骤。您可以使用CSS使事情变得“更漂亮”,但不要在表单变得烦人的地方进行设计。

减少明显的干扰

我提倡在设计网站布局时尽量简单。这是一个场景,包括一些广告在你的标题和侧边栏顶部附近。但这是一个完全不同的故事,当你的广告散落在整个侧边栏,甚至在你的内容。

 

我不是说作为一个设计师,这是一个糟糕的做法,但你应该考虑这些广告将如何影响访问者浏览和阅读网页。并不是所有的网站都是一样的,需要仔细关注细节。大图片和华丽的横幅的减少将使人们只关注页面内容。或者,如果你想把侧边栏的内容源源不断地流到你的页面上,至少要提供额外的空间和/或中间的填充空间。

在我看来,空格经常被忽略和破坏-但空白和页面内容之间的平衡是神圣的。在段落之间几乎没有线条高度和页边距的情况下,所有的页面文本似乎都在一起运行。这使得理解要点非常困难,即使在标题之间分开也是如此。

使用较小的图形和缩略图

毫无疑问,图像内容能够比文本更快地描绘信息。事实上,我认为你所有的网页至少应该包括一些图片,以打破阅读材料。但我认为你不应该仅仅因为内容好看就把内容包括进去-除非美学影响到对你有利的作品。

 

图表、饼图、信息图形和其他显示信息的方法将为特定类型的内容提供方便。缩略图在其他页面的链接后面提供一个简短的预览也是很棒的。例如,您可能包括相关的帖子链接在你的侧边栏区域与50x50px缩略图,只是为了让读者一目了然。这个习惯令人赏心悦目,可能会增加你的平均CTR。

结语

设计一个只关注内容的网站是很困难的。当然有帮助的网页指南和教程,大兴企业网站设计让您开始以内容为中心的布局,这些只能走这么远,没有实践。专注于你自己的设计天赋,并学会将这些应用到用户体验中。从这种心态出发,你的布局将开始以一种庄重和复杂的方式自然地摇篮网页内容。

 


寒枫总监

来电咨询

18868949445

微信咨询

寒枫总监

TOP