为什么您的网站需要上下文

当我们现在正在设计和构建网站时,有许多不同类型的设备,屏幕宽度和分辨率需要担心,这使得无法跟上所有内容。在构建项目时,定位屏幕宽度,保持尺寸在大小之间流动以及处理图像和媒体通常是主要关注点。有一件事我想确保我们都记得:上下文。

您可以将其称为“首先内容”或“先移动”方法。无论你需要什么,都要打电话。但是,我们设计和构建的东西的核心是该东西的目标。通过网站的目的以及人们如何与之互动来思考是非常重要的。如果这对你来说听起来像是常识,那就是。这也是最困难的事情之一。

这是一个小细节,但可以在使用“汉堡包”导航图标时找到这个整体概念的表现形式。自己研究这个图标的来源。您可能会发现它已被完全从不同的使用环境中挪用。

单独使用时,很难确切知道它的作用。当它用于表示某个设备上的“隐藏”导航时,它有时无法在另一台设备上转换为相同的内容。关键是,你需要保持你想要实现的目标的背景,无论你在设计什么,最重要的是,它是一个像导航图标这样的小细节,还是整个网站本身。

看看这些例子:

01. 哇博士

营销公司Dr. Woe的网站上的“飞出”导航是将一个漂亮的应用程序设计趋势挪用到网站中的一个很好的例子。但是,导航设计的“汉堡包”图标的交互和使用可能不会像移动设备那样转换到桌面。

02. 特安+松懈

设计公司Teehan + Lax的网站利用“汉堡包”图标显着占据网站子网页链接的80%。这是一种风格选择,而不是功能选择。有人可能会争辩说,在桌面上,这个导航图标并不明显。

03. Pixelworkers

T-shirt印刷公司网站United Pixelworkers的主要导航在所有不同的目标屏幕宽度上发生了巨大变化。此设计可以保持导航的清晰外观,近似于不同的设备使用情况。

:基因克劳福德

Gene的使命是不懈地为开发人员提供灵感和洞察力。这篇文章最初出现在网络杂志问题250。



翻译字数超限