一个不太传统的网站的特点与例子

自互联网诞生以来,网页设计的演变发生了巨大的变化。在那个时候,Geocity的网页可以像宣传册一样简单,使用多种颜色的背景和花哨的文本效果。有趣的是,随着科技的进步,网站变得越来越复杂;代码开始发挥作用,产生了令人难以置信的设计技术。

人们注意到了它的力量;互联网的力量发展得如此之快,以至于这个行业出现了繁荣。网站变得更具有视觉吸引力,效果变得更令人瞠目。

一个不太传统的网站的特点

一个不太传统的网站的特点

网页设计剖析

在当今的网页设计中,创意布局的重点是吸引用户的注意力。大多数网页的当前状态都是为迎合读者的眼睛而设计的,读者可以从页面的左上角开始浏览。这一点在早期的网页设计中就很明显了,它类似于今天的传统的线框图。

传统的布局

传统的布局

通过分析新旧站点,我们可以发现两个布局之间的相似性。主标题、导航和内容被放置在相同的区域。

旧址解剖

旧址解剖

一个不太传统的网站的特点

未定义的网格

使用网格布局是显示内容和图像的好方法。然而,打破严格的网格布局是一个伟大的方式,建立一个当代的和新鲜的非典型的网站布局。即使非传统的网站不遵循建议的网格,他们仍然能够实现可用性,让用户轻松浏览和阅读页面。

Siete De Febrero

Siete De Febrero

使用未定义的网格布局实现可用性可能有点困难,但是如果您能够实现它,它肯定会给您的站点带来乐趣和活力。

大量图片

用专业拍摄的照片填充背景,通过熟练的照片编辑增强,使网站看起来像一个全屏flash网站。图像在这里扮演着非常重要的角色,因为它们非常大,几乎占据了整个浏览器屏幕。他们应该在视觉上有吸引力和/或对眼睛有影响。

托尼·切斯特对开

托尼·切斯特对开

为你的内容在图像上叠加一个半透明的盒子可以帮助读者更清楚地阅读。

水平滚动

垂直滚动是最常见的滚动网页的方式。然而,允许水平滚动的网站给人一种杂志般的感觉。刚开始水平滚动可能有点麻烦,因为你无法在鼠标上使用滚动条。但是,您可以习惯它,因为许多这样的站点都使用JavaScript,所以页面只需单击导航按钮就可以水平动画。

仿

大多数情况下,水平滚动发生在内容较少但图像较多的站点,如摄影作品集站点。

苗条的垂直布局

这是一个不太受欢迎的选择,当试图标新立异。主导航栏和内容在一条直线上彼此紧接。这意味着用户的眼睛将在该布局的垂直区域内扫描页面。这样的布局应该仔细设计,因为如果页面内容太多,就会变得很长。滚动太多是不可取的。

Samsys

展示-把现代主义的布局带入网络

托马斯Pojeta
这个站点包含丰富的插图,占据了整个浏览器屏幕。在屏幕的顶部或侧面没有典型的导航栏。它的导航位于屏幕的右上角或右下角,在这个站点中的导航几乎是线性的。上下滚动网站会给你一种感觉,就好像你在浏览一个类似于妓院的网站。

Pojeta

Bada必应
Bada Bing的网站也使用了一个图像来填充整个浏览器。有趣的是,主导航栏被放置在了logo的旁边,使得访问者可以很容易地访问其他页面。它的主页由一个有趣的动画组成——图像垂直移动,内容水平移动。尽管它仍然使用一些常见web布局的元素,但是内容、图像和导航的定位使这个web页面有趣且具有实验性。

Badabing

Kustaa Saksi
尽管Kustaa Saksi的网站采用了网格式布局,但它看起来仍然很有实验性,因为导航是用图像伪装起来的。用户需要滚动图像,以找出链接是关于什么的。整体布局整洁,简约中透着一丝现代气息。

Kustaasaksi

Camellie的投资组合
Camellie的portfolio站点的导航栏位于底部,在美丽而详细的插图中有些隐藏。当然,网页设计专家可能会争辩说,导航是通往网站其他页面的大门,它应该放在一个突出的区域。在这种情况下,它是完全相反的。事实上,插图有助于引导眼睛到左下角的导航栏。

Camellie

工作在起作用
这是另一个使用JavaScript使页面动起来的公司站点,将它们水平移动。在每个链接中,背景都是黑白图像,内容都是垂直放置的,只有很少的水平滚动。

工作在起作用

工作在起作用

向往心灵
要确定这个网站的布局是相当不可能的。导航位于左侧的排版内。人们可能不知道如何浏览网站一眼,但在浮动的蓝色气泡的帮助下,它告诉用户他们点击什么。

向往心灵

向往心灵

福吉
本网站使用Photoshop的layout界面。除了中间的列之外,主页是不可滚动的。虽然网格在这里非常明显,但它是显示信息的一种有趣的方式,因为它采用了web打印媒体的外观。

由软糖

由软糖

只有2个设计师
该网站的特点是细长的垂直布局。当在该区域内加载内容时,白色画布的宽度不会扩展。它的内容集中在空白区域内,不需要上下滚动。这种罕见的布局应该小心设计,因为当内容变得很重时,页面会变得很长。

只有两个设计师

只有两个设计师

FM & M管理
随着脚本的发展,越来越多的网站开始看起来像是用flash完成的。这个网站由专业拍摄的图像组成,简单的图形元素覆盖在图像的顶部。微妙的动画和颜色的选择,给这个网站一个当代的外观。

FM & M管理

FM & M管理

Rezoactif
3D图形的使用给网站带来了一种未来感。排版,颜色的选择和灯光的作用,在这个布局中扮演了一个很大的角色来掩饰一个简单的表格。

Rezoactif

DesignYour生活
设计你的生活是一个摄影展示网站,用户垂直滚动。水平滚动以不同的方式吸引用户,为他们提供不同的观看体验。

设计你的生活

设计你的生活

Frozn
当链接太多时,下拉菜单是隐藏链接的好方法。这个站点包含交互提示,帮助用户在页面中寻找这些隐藏的链接。它使用了一种不常见的表布局,当用户单击箭头时可以展开它。

Frozn

腿工作室工作
线条艺术是这个网站的重点。当用户点击链接时,页面会以迅捷的动作垂直动画。虽然它使用传统风格的插图在所有的网页,动画是有效地使用,以帮助活跃的网站。

腿工作室工作

腿工作室工作

走向实验的未来

多年来,专业人士为网页设计设定了一定的标准。然而,随着最近创意产业中设计师和专业人士的快速爆发,网页设计的原则逐渐改变。此更改已被用户接受。这种接受将改变用户对交互线索的了解和上网习惯。谁知道呢,搞实验可能会成为网络上的下一个热门趋势。

2020-02-23 17:13
相关热门