全屏滚动网站模板-别人的网站做的比你的好。

我们来看看Nils Skld在去年上半年为我们总结的五个网页设计趋势。

1 全屏和不可滚动屏幕

不可滚动的屏幕终于变得越来越流行。 2016年之前,大多数主流产品介绍页面都是无限滚动页面和固定底部导航栏。 这几乎已经成为主流网页制作工具中最流行的模板。 Scroll-Jacking(通过重新定义键盘的滚动速率和幅度来控制可见区域视觉效果的形式)非常烦人,但有时它可以是一个很好的体验。 设计这些页面的关键是将窗口视为约束。 您可以使用Keynote来设计这种风格网页的原型。 键盘操作页面也是很常见的设计。

案件:

Facebook 隐私基础知识 - 很棒的网站,虽然不响应。 Facebook 使用此页面来逐步解释网站上的隐私惯例。 还有很棒的动漫。

Fantasy - 设计公司Fantasy的网站终于在去年初上线了,它并没有让你失望。 一定要看看他的工作区,你就会明白我的意思。

KLM 50 Travels - 荷航促销页面。 它带您穿越 50 个不同的目的地,每个目的地一页。 使用鼠标来控制。

顺便插一句:2和3真的很棒,手动点赞。 该网页几乎从与我们最早接触起就已经是可滚动的。 现在,用一些简单的技术来达到和PPT一样的效果,反其道而行之确实是一个不错的选择。 当然,还是那句话,每个网站都是一个故事,用哪种方法取决于你需要讲什么样的故事。 只要方法适合你,那就是好方法。 KLM的页面确实很震撼,交互无缝融入到网页中,每个页面都有惊喜。 链接都在另一篇文章中一起发布。

2 个带粘边的大标题

要了解最新的网络趋势,请务必查看设计公司的网站。 最近,很多网站都把标题放在一边。 城里最酷的孩子都会这么做。 这种趋势只能在PC端看到,如果你在手机上阅读这篇文章,那么你可以相信我。

案件:

代码与理论 - 当您滚动时,城市标题保留在屏幕上。

Stack Overflow - 它不是 100% 一致,但由于它不是设计公司的网页,所以没关系。 滚动时,您将看到固定在一侧的字幕。

DDB Sthlm - 我是美国人,所以在这里放一个英国案例。 如果你点击“工作”按钮,进入后你会听到旁边横写着一个大标题。

顺便插一句:这似乎不是什么新鲜事,三五年前很多网站都在使用它,也许去年它变得更加主流。 从功能上来说,它确实是导航方面的一个有用的细节,值得更多的网站关注。 但你知道为什么很多网站都无法使用吗? 因为懒。

3 标志正在加载页面

这是一个非常流行的元素,很多设计机构都采用了这种设计。 每个人都应该这样做,因为除了看起来不错之外,它还给人一种网站是品牌的一部分的感觉。 非常清楚。

案件:

仪器 - 页面加载时只能看到徽标,打开导航栏时也是如此。

Fubiz - 该网站发布后引起了很大的关注。 每个区域都有不同的标志,并且都有漂亮的动画

这也是 - 它不是一个徽标,但导航图标被制作成一个加载徽标,并且它是徽标通常所在的位置。

顺便插一句:坦白说,我没看懂作者这里的总结,而且给出的三个案例也有些不同,但就文字描述而言,都是将公司标志作为加载页面或者加载提示,不错的主意。 虽然有如此多的新趋势不断涌现,但简单是不会出错的。

4张可以破坏的背景图片

使用全屏背景图像根本不是什么新鲜事,它是 2013 年左右的设计趋势,但如今这种趋势正在将游戏推向新的高度。 给键盘添加一些浮动功能,添加一些图片效果,就完成了。

案件:

让我脉搏起来——当鼠标在页面上连接时,可以看到山的形状发生变化,这是一个非常好的特效。

主动理论 - 如果您正在为您的设计公司设计网站,还有什么比 Google Experiments 更好的方式来展示您疯狂的网站方法呢? 不!

细节——这个必须滚到后期才能看到效果。 如果您滚动到页面的 4/4 并将鼠标放在照片内全屏滚动网站模板,您会听到图片中出现轻微的扭曲。

顺便插一句:得益于包括WebGL在内的网页端图形引擎的支持,我们可以看到越来越多的特效出现在网页上,尤其是3D图形渲染。 这也直接使得WebVR成为可能。 很多人会说App时代已经过去了,大家都在开发Web Apps。 在这种趋势下,手机浏览器也必须尽快升级。

5 极其夸张的动漫

从技术上讲,所有这些都是可以完成的,那为什么不呢? 如果做得好,它可能会是一次令人兴奋的体验,但如果做得不好,它就会成为没人想要的 Flash 网站。 建议:使用时请小心。 如果使用的话,请使用最夸张的效果。

案件:

Waaark - 这家小型设计公司去年制作了一些最令人惊叹的视觉效果。 让德国人来夸张吧。

Animocons - 网站上的图标会有一些动画效果,所有这些都是用网页代码完成的。

Rally Interactive Beta - Rally 不仅能很好地处理动漫的使用。 顶部使用了极其夸张的动画,而底部的动画则变得更加内敛一些。

顺便插一句:这不是任何人都能做得到的网页疗效,更谈不上做得好。 要想成为越来越流行的趋势,必须满足一个基本条件才可以轻易复制,但事实上,这种疗效并不太好,可以复制。 这里不是技术方面的问题,而是艺术方面的挑战。 动画可以做,但是动画分两种,外国动画和中国动画。 Waaark 在策划这部动画方面做得很好。

说啊

读完这个漂亮的网站后,我感觉耳目一新,想自己做一个。 但方式毕竟只是方式,讲好故事的方式才是好方式。 我最欣赏的是,这些人才没有屈服于方法,而是很好地运用了方法的作品。 例如文章中提到的 KLM 页面。

据我所知,虽然是我能想到的一段话,但明天我想谈谈一个更具体的话题——“惰性设计”。

作为本周六北京HIT活动的半“主持人”,我采访了锤子VR负责人罗子雄。 我在酱的文章里也多次抱怨过锤子,没想到竟然被安排去采访他们的设计师。 看到罗子雄,我突然想到他在一次TED分享中引用了知乎上非常流行的问答——“就2015年初而言,中国人的审美总体水平如何?”。 相信这行文字对于注重设计的你来说是非常有视觉感的,所以我就不贴图片了,因为我比较懒。

为什么提这篇文章,因为我还在想,为什么中国人的审美会到这个程度? 真的是因为见得少吗? 没有味道? 没有受过良好的美学教育? 这些激励措施肯定会有影响,但我渐渐发现,似乎还有更严重的问题。

设计师太懒了。

人性中的懒惰很大程度上促进了社会的进步。 新产品的卖点大多是为了满足我们的懒惰,而这些产品往往卖得很好。 然而,很多设计师虽然在工作,但并没有脱离懒惰的状态。

所以我们会抄袭,因为创新的东西自己去验证太慢太累; 所以我们的颜色都是鲜红色和紫色,因为这是Windows调色板的默认颜色; 所以我们会设计魔幻现实主义风格的小玩具,因为挂线的师傅要赶着去吃饭。

工程与设计不同。 工程项目往往伴随着精确的目标,无论是速度、强度、效率还是其他易于量化的参数。 这使得我们在工程上很难偷懒。 当然,如果有机会,工程师还是会偷懒的。 我的意思是,一般来说全屏滚动网站模板,工程比设计更容易被评判。 我们如何判断设计的质量?

“就这样吧。”

这是我们仍然经常看到的。 如果要我这么说的话,20%是无奈,80%是懒惰。 我带领我们公司的工程师进行了一周多的设计冲刺。 他们的现状是,遇到一些需要抽象思维的问题时,很容易回避,或者走得很慢,没有深入思考。 这不是他们的错,因为他们没有接受过系统的设计教育。

从这个角度来看,虽然设计方法本质上是一套思维模式。 而且这种思维方式非常烧脑。 设计思维模型为何烧脑? 因为用户懒,设计师就烧脑,用户就不用动脑。 这就是苹果估值千亿、Airbnb市值超过300亿背后的逻辑(当然不只是设计这种公司,还做很多其他事情)。 我很喜欢原版的罗振宇,因为他说他看过书,所以你不用看,听他讲精髓就可以了。

如果设计师懒得去思考是否有更好的配色、更好的造型、更好的交互方式,用户自然不会为其付出更高的折扣。 剩下的就来了! 互相伤害! 让我设计一个魔幻现实主义玩具来蒙蔽你的眼睛!

是的,做出一个好的设计太费脑力了,因为创造新的东西太难了。 我记得我在做Design Sprint的时候,平均温度比平时要高。 如果你还不觉得烧脑,说明你还没有尽力。 当然,更有可能的是你认为自己足够努力,足够烧脑,但其实只是因为你从未见过更烧脑是什么样子。

圣马丁岛的一位日本朋友在 Instagram 上发布了他目前工作室的状态。 玩过《车床》,可想而知这是多么辛苦的一件事。

归根结底,取决于你是否热爱你所做的事情。 喜欢玩游戏的人不需要你冲在他们面前,他们可以想尽一切办法拉平对方。 如果你足够热爱,你可以接受烧脑的工作方式。 还记得我们班那些学习不太好的朋友,经过奋斗,去学美术,进入了川美。 问题是他不爱设计,他只是想找份工作,为什么要烧脑去做设计呢?

所以网站设计趋势再好,也是别人的想法。 看多了就知道别人有多热爱这个行业。

最后用我在圣马丁预科班看到老师说的一句话来鼓励大家。 老师问新生:“你们来圣马丁学服装设计是因为喜欢买校服或者设计鞋吗?”

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 模板插件 全屏滚动网站模板-别人的网站做的比你的好。 https://www.wkzy.net/game/155581.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务