网站版式设计对气质的影响。

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

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

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

1、Yatzer

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

网站版式设计对气质的影响(图1)

2、Sylvian Reucherand

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

网站版式设计对气质的影响(图2)

3、Lane & Associates

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

网站版式设计对气质的影响(图3)

4、Quechua

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

网站版式设计对气质的影响(图4)

5、Readymag

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

网站版式设计对气质的影响(图5)

6、VN Star

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

网站版式设计对气质的影响(图6)

7、88 and 90 Lex

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

网站版式设计对气质的影响(图7)

8、Christopher Ireland

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

网站版式设计对气质的影响(图8)

9、Brian Hoff

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

网站版式设计对气质的影响(图9)

Frames by Franke

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

网站版式设计对气质的影响(图10)

10、Pierre Georges

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

网站版式设计对气质的影响(图11)

11、Sztafeta Pokolen

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

网站版式设计对气质的影响(图12)

12、Haute Horlogerie

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

网站版式设计对气质的影响(图13)

13、Webydo

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

网站版式设计对气质的影响(图14)

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

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

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

相关推荐

  • 小编教你网站建设与网站设计的区别是什么。

    建设一个网站程序和模板比较常见,而网站设计不只是单页面的设计,另有程序开发,和后期的整站策划,经过策划,设计,编程,文案,颜色搭配等经心设计的网站,能引起访客留意有视觉冲击,并留下深深的印象,它的价…

    2023年6月12日
    00
  • 小编教你解析:企业网站设计误区。

    大多数人认为网站设计不重要,不值得花很多钱。这些人也怀疑数字营销,如搜索引擎优化和搜索引擎营销。这是一个严重的问题。如果你这样认为,我建议你阅读这篇文章,找出你错的原因。1.这个网站很便宜。许多人认为…

    2023年6月10日
    00
  • 分享网站设计中使用暗模式设计的最佳做法。

    在网站制作中,创建暗模式UI时,某些过程需要正常运行。毕竟,您希望您的网站发挥作用,对吗?那如何使用暗模式,最佳做法有哪些呢?1.不要太暗图书出版商不使用纯白色纸,因为与黑色墨水的对比度太过鲜明。它会使您…

    2023年6月16日
    00
  • 网站设计与SEO的关系,高手是从这4个维度分析的。

    SEO(搜索引擎优化)和有效的网站设计是齐头并进的。好的网站设计是关于创建一个吸引目标受众的网站,并让他们采取某种行动。但是,如果该网站不遵循目前的 SEO 最佳做法,它的排名将会受到影响,从而会导致真正参…

    2023年2月23日
    00
  • 您的网站设计是包容性的吗。

    您的网站设计适合每个人吗?我们经常谈到在创作时要考虑到受众,但重要的是要了解受众可以通过多种方式进行识别。现在比以往任何时候都更重要的是,网站设计和视觉效果要包含整个受众群体。包容性的审美观会让用户…

    2023年2月23日 SEO操作
    01
  • 我来教你如何创建自己的网站。

    购买域名和主机,设计网站布局,编写代码或使用网站建设工具,上传内容并进行优化。 (图片来源网络,侵删) 创建自己的网站是一个既有趣又富有挑战性的过程,无论你是想要分享你的想法,推广你的业务,还是仅仅为…

    2024年7月1日
    00
  • 我来教你如何呈现网站设计的最佳效果。

    首先我们要清楚视觉设计在整个产品中的作用和目的是什么,是给用户提供舒适美好的视觉享受吗,还是为了用户使用产品的时候更顺畅,这些都包括但不仅仅如此,视觉设计还应该传达品牌差异化,让用户清晰地辨识、记忆…

    2023年6月16日
    00
  • 改变对网站设计师有利吗。

    作为一名网站设计师,您会不断受到信息的轰炸,这些信息告诉您要学习新技能,尝试新工具,继续忙碌下去。但是如果您不断地改变事情,它会不会和您最初的计划背道而驰呢?换句话说,如果您总是要重新开始,真的有可…

    2023年2月27日
    00

联系我们

QQ:951076433

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