建设更好的网站的艺术

如今,创建网站几乎已成为一种普通的技能,并且有太多的网站与你竞争,你可以做的任何事情都可以从人群中脱颖而出,这将是一个巨大的帮助。

我们可以做些什么来让我们的网站受到关注,钦佩和关注? 它需要对我们对网站设计的思考方式进行一定的调整。 在这篇简短的文章中,我们将介绍创建更好网站所需的一些关键内容。

内容必须优先考虑

作为设计师,我们总是非常渴望创造出令人惊叹的设计。 当然,这并不适用于仅仅称自己为设计师的人,因为他们不允许他们的灵魂在页面上哭泣,在电子荣耀中永远地刻下灵感的瞬间。

当然,网站所有者想要的是让人们阅读他们的内容,与之互动,甚至可能因为它而购买东西。 漂亮的图片很棒,但如果它们妨碍了用户能够体验内容的话。

在这种情况下,我们可能认为“风格增强”必定会在主要演示文稿中占据一席之地。 如果你需要丢弃某些内容,它应该始终是样式元素。

图片由...提供

响应式设计至关重要(除非不是)

响应式设计如今非常重要,因为大量人们使用手机进行网页浏览,而且大多数手机浏览器仍然在渲染网页方面做得很糟糕。

有一些值得注意的例外,但它们非常罕见。 这样的例外是什么时候 需要 要显示在页面上以使内容有意义,以及需要设置大小的内容。 如果缩小太多,有些东西根本就行不通。

这种情况需要小心处理。 如何使用特殊的响应列,仅当检测到屏幕尺寸太小而无法显示内容时显示,并显示一条消息,指示用户在较大的监视器上查看内容。

这通常是你应该避免做的事情,但在特殊情况下,只要用机智处理就可以接受。

插图礼貌

重要内容需要明显

虽然它应该是显而易见的,但似乎并不常见。 设计不应该使重要的事情变得微妙。 它必须使重要的东西脱颖而出并被观众看到 第一然而,许多设计师试图“创造性”并制服那些重要的物品。

不要犯这个错误。 用户可能不会长时间留在网站上,因此将品牌放在眼前至关重要。 即使他们快速离开,你至少也留下了印象。 后来,当他们遇到这个品牌时,他们会认为它很熟悉,并且更有可能从一个熟悉的(即“可信赖的”)品牌购买。

所发生的是一种认知自我欺骗,有意识的头脑说:“如果我听说过这一点,那一定是好的。”这就是为什么公司愿意花费数百万美元只是为了让他们的标志出现在体育赛事。

还有什么重要的呢? 那么,这个问题的答案取决于你正在建设的网站类型。 你需要做的是考虑一下如果你要访问这个网站你会想要什么。 这通常与公司的Honcho所说的他们想要展示的东西截然不同。 人们将要寻找的东西是重要的事情,包括突出的特点。

文体元素应该很容易融入

你的设计装饰应该让观众以一种好的方式感到惊讶。 他们应该带来喜悦而不是烦恼。 很多时候,设计师会被带走并向页面添加内容以生成“令人惊叹的因素”,而不会确保这些内容不会令人烦恼。

你还需要确保这些装饰优雅地降低。 当它们无法正常显示时,它们根本不应显示,并且看起来好像它们从未出现过。

gif礼貌

层层救援

您可以通过使用图层添加这些装饰。 创建响应式设计的人似乎忘记了他们有一个3D堆栈可以使用,因此他们错过了响应式设计的真正潜力。

这是如何工作的一个例子...想象一下,你有一个网站,你有一个多个断点的布局。 传统的思维方式会让你把所有东西放在一个层上,这会导致在较小的显示器上拥挤,迫使你丢弃东西,或者(通常情况下),表现出一种丑陋的设计。

当你谈论你创造的东西时,最后两个字永远不应该在一起。 好处是你实际上可以通过使用图层来避免这种情况。

通过在单独的图层上堆叠样式元素,您可以独立于内容层隐藏或显示它们,并且两个图层都具有完全响应性。

假设用户正在监视器上查看分辨率为2560 x 1440的站点。 我们的较低内容层跨越屏幕的整个宽度,但我们可以在其上设置边距,将内容放置在可以是我们想要的任何尺寸的装饰边框内。

将装饰边框放置在没有边距的上层上,我们可以将宽度设置为等于下层边距的大小。

当用户逐步降低不同的屏幕断点时,这两个层可以继续像这样一起工作,并且上层甚至可以为每个断点显示完全不同的边界。 直到最后断点,我们完全解除上层,只需将其设置为隐藏。

这里的潜力是显而易见的。 右栏中是否有大量恼人的链接广告? 您可以将它们隐藏在具有小屏幕的用户中,此外,您可以使用jQuery按需添加它们。

最后一种将内容与设计分开的方法

这是网页应该工作的方式。 通过将“额外”存储在一个完全独立的层上,您可以更好地将内容与设计分离,因为上层可以随时乱搞,而不会影响下层,反之亦然。

玩得开心尝试自由开启给你,这样你就可以在内容本身不受影响的情况下玩弄各种创意。

它与使用虚拟机进行沙盒操作的概念完全相同。 无论您做什么,都不会影响页面内容,因为它与装饰层隔离。

标题图片由...提供 马特卡尔森

波格丹兰萨

Bogdan是Inspired Mag的创始成员,在此期间积累了近6年的经验。 在业余时间,他喜欢学习古典音乐和探索视觉艺术。 他也非常着迷于修复工具。 他已拥有5。