我的网页设计版式布局就是和你的不一样。

找出一个从来没人用过的布局可能有难度,但是要设计出出人意表的网站还是不难的。错位的元素,少见的配色,不一样的动效与变化,都能促成一个令人难忘的优秀网页。今天的推荐,与此相关。

出于种种原因,绝大多数的网站都遵循着相同的规则来设计整体的布局。用户约定俗成的习惯,硬件所限定的交互方式,可用性和易用性规则下的设计手法,它们让我们所看到的网页如此的相似。从微博到推特,从苹果官网到小米官网,从Facebook到计生委的官网,它们都沿着相似的栅格系统,然后添加内容。

不过,同这些传统的网站布局不一样的网站并没有什么错。这些不同于传统的网页布局,常常能给人不同的观感,赋予个性,启发灵感,带来跳出来定势之外的想法。今天搜集的这些网站有作品展示,也有电影网站,有博客,也有企业官网。希望这些各不相同的网站,能给你带来思想的灵光。

Yatzer

Yatzer 网站的独特设计旨在激发访客的灵感。网站同样借助栅格来构建整体布局,但是你会发现网页元素并没有在纵向上保持对齐,这种错落的美感让页面显得更加有趣而难忘。

我的网页设计版式布局就是和你的不一样!(图1)

Sylvian Reucherand

当你第一次打开Sylvian 的作品合集的时候,你会发现页面颇为极简,并且文字是相互重叠的。当鼠标悬停在"see more"上面的时候,页面和元素会自然伸展,让你看到某个移动端APP的设计稿预览图。页面元素布局并不平衡,整体偏左,很有意思。

我的网页设计版式布局就是和你的不一样!(图2)

Lane & Associates

这个来自 Lane & Associates 的展示页看起来漂亮而简约,最独特的地方在于当你滚动页面的时候,图片会随机地在页面中漂动。设计师似乎并不想让这些图片固定在某个地方,或者排成行列。自然随性的设计非常独特。

我的网页设计版式布局就是和你的不一样!(图3)

Quechua

Quechua 春夏装合集页面中,许多元素同样采用的是错落重叠的设计。说起来,图片、文字和按钮等多种元素在页面中重叠排布的自由式布局在近年来越来越流行了。

我的网页设计版式布局就是和你的不一样!(图4)

Readymag

Readymag 是一个免费的在线排版指南,整个指南由四个部分组成,而布局上也相当的简单直观。不过当你看到一个关于Futura 和 Grarmond 字体的章节的时候,你会发现字体纤细瘦长的段落并没有居中对齐,这种差异颇有意思。

我的网页设计版式布局就是和你的不一样!(图5)

VN Star

VN Star 是一个地产开发集团,他们的网站在页头的设计上非常独特,圆形元素被加入其中,被作为视觉的中心,同不同的元素产生交叠,在动效加持下产生有趣的效果。

我的网页设计版式布局就是和你的不一样!(图6)

88 and 90 Lex

88 and 90 Lex 这个页面真正让人感到独树一帜的是他们的导航设计,它们并没有置于顶端,也没有放在底部,而是作为整个页面的主体,放置在页面的中央。

我的网页设计版式布局就是和你的不一样!(图7)

Christopher Ireland

这是一个布局相当整洁的网站设计,如果你仔细查看其中图片布局会发现,它们其实并没有严格按照已知的栅格系统来进行布局。在确定这一点再来看被组织的如此的整齐漂亮的页面,你会感受到网站的独创性。

我的网页设计版式布局就是和你的不一样!(图8)

Brian Hoff

许多网站都试图规避配色过于复杂的背景,但是Brian Hoff的网站则不然,多彩且造型多样的几何图形相互交叠在一起,视觉上相当的有趣。网页另外一个有意思的设计是它的按钮,当你鼠标悬停其上的时候,形状会发生改变。

我的网页设计版式布局就是和你的不一样!(图9)

Frames by Franke

这个着陆页是为厨房用的厨具和电器所设计的,不同尺寸的图片和视频沿着中间轴分散排布着,每个部分都配备着文字内容。这样的布局方式不复杂,但是一样漂亮,也令人难忘。

我的网页设计版式布局就是和你的不一样!(图10)

Pierre Georges

Pierre Georges 在创意设计上非常的独到。他所设计的页面中,许多元素并不是遵循我们日常看到的那些页面的逻辑,那些略显尴尬和格格不入的元素让页面变得不同凡响。

我的网页设计版式布局就是和你的不一样!(图11)

Sztafeta Pokolen

网站的导航设计是基于传统的设计来做的,但是它随着独特的页面布局,结合了一些新的设计手法。整个网站的配色不复杂但是非常漂亮,插画和字体的选取,在整个布局设计下,显得大气而壮观。

我的网页设计版式布局就是和你的不一样!(图12)

Haute Horlogerie

这是一个制表匠的网站着陆页,首页的文字介绍部分的排版布局是最令人着迷的,简单的配色和些许的交叠让它显得不同凡响。

我的网页设计版式布局就是和你的不一样!(图13)

Webydo

这个网站同样没有使用过于激烈、离经叛道的设计,但是简单的错位布局会让人注意到,难以忘怀。

我的网页设计版式布局就是和你的不一样!(图14)

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/217425.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚重蔚管理团队
上一篇 2023年2月14日 01:38
下一篇 2023年2月14日 01:38

相关推荐

  • 我来分享台湾网页设计技巧不要错过。

        互联网是“快餐”的时代。它们已经在Internet上得到了好的发挥。台湾网页设计也是如此。 网站越来越快。 一些网页设计师也表达了这一点。 无奈,因为一个网站在线太快,与客户沟通的时间很短,并且他们提出的要求…

    2023年6月16日
    00
  • 4 个方面层层递进,分析如何设计 B 端产品的弹窗。

    在 2021 年终总结时发现这些年读了很多的文章,虽说也会通过各种工具记录整理,但还是会觉得零散。最好的输入是输出,今年给自己定的目标是写 10 篇文章。一来是把零散的知识整理归纳,串联知识结构;二来是通过课…

    2023年3月2日 SEO操作
    016
  • 浅谈网页设计前应如何了解项目背景

    要进行网页设计之前,都需要进行项目背景的了解。由来、原因、展望等等。这些都要与客户和团队成员之间的沟通,这样才能够在後续的设计工作中避免很多不必要再次确认或者疑惑的情况出现。 1、 为什麽要做这样一个网…

    2022年6月14日
    0187
  • 万字干货!从零开始推导可视化色彩。

    本文分享个人搭建青云 QingCloud 可视化色彩体系过程中的一些经验。(阅读此文需要一定的色彩空间知识作为基础,否则有些难啃) 一、前言 1. 背景 目前平台上使用了三套组件库 A、B、C,A 是最原始的组件库,基于此…

    2023年3月7日 SEO操作
    06
  • 你的网页背景够IN吗?  

      粒子动效 这种网页背景设计的形式,最突出的特点是这种形式对於目前的网站以及浏览器来说,负载并不大,并且足够有视觉美感。再者,它还可以与同纯色背景、插画、矢量素材以及图片都能够搭配得出色。 波纹颗…

    2022年6月25日
    0223
  • 网站建设要抓住这三个基础点

    1、 网站建设的风格无论是细节还是整体,都要保持一直。减少用户去适应、摸索、认知的成本,同时也能够有效的降低网页对用户的浏览和操作的干扰性。 2、 在视觉流程的设计上要呈现出平衡的美感,如某些元素的比重是…

    2022年6月13日
    0164
  • 品牌网站设计,不只设计这么简单

    在20世纪,世界上最伟大的发现,网络肯定是其中之一。如今大大小小的公司,都想搭上这台快车,透过建设一个网站,扩展销售平台,提升销售额。 但是,许多南宁网页设计公司只关注于网页设计本身,忽略了企业希望了解…

    2019年6月28日
    0200
  • 为网站增强活跃的气氛 分享一波超酷的几何图形网页设计案例

    大同小异的设计是不是让你常常感到视觉疲劳?俗话讲,细节决定成败!没有人会对沉闷的设计产生兴趣,因此若能在网页设计中适当地融入些几何图形,刚好能在增强视觉体验的同时,营造出活跃的氛围。今天,Inspirr将为大…

    2022年6月20日 建站资讯
    0278

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息