今年上半年流行起来的五个网页设计趋势

网络整理 2024-02-08 21:12

翻译：就酱

我们先一起瞧瞧NilsSköld给我们总结了明年上半年流行上去的五个网页设计趋势。

1全屏和不能滚动的屏幕

不能滚动的屏幕总算变的愈发流行了。2016年曾经，大多数主流的产品介绍页面都包括了无限向上滚动的页面，以及固定的底部导航栏。这也几乎成为了主流网页制做工具里最受欢迎的模版。Scroll-Jacking（通过重新定义键盘滚动速率、幅度达到控制可视区域视觉疗效的形式）似乎很让人反感，但有的时侯也会是挺好的体验。设计这些网页最关键的，在于把窗口当成一个限制条件。这些风格的网页你可以用Keynote设计原型。鼠标操作页面也是很常见的设计。

案例：

FacebookPrivacyBasics－很棒的网页，即使不是responsive的。Facebook用这个页面来一步一步的解释网站上的隐私细则。还有很棒的动漫。

Fantasy－设计公司Fantasy的网站总算去年早些时间发布了，但是并没有让你们沮丧。一定要看他的Work区域，看了就晓得我的意思。

KLM50Travels－KLM的宣传页面。它带你体验50个不同的目的地，每位目的地一个页面。用按键来控制。

就酱插话：2和3真的太棒了，自动点赞。网页几乎从我们最早开始接触就仍然是可以滚动的，现今用一些简单的技术，实现类似PPT一样的疗效，反其道而行之，确实也是不错的选择。其实，还是那句话，每位网站都是一个故事，用哪些方式要看你须要讲哪些样的故事。只要方式是适宜你的，那对你来说就是好方式。KLM的页面实在是震撼了，无缝的把交互也做进了网页中，页页都有惊喜。链接在文章末尾。

2侧边带粘性的大标题

想要了解最新的网页趋势网页点赞，一定要看设计公司的网站。近来好多网站都把大标题做在了侧面。城里最酷的儿子们都如此做。这个趋势只在PC端能看见，假如你在手机上看这篇文章，那你就相信我就好了。

案例：

Code&Theory－城市的标题在你滚动的时侯会留在屏幕内。

StackOverflow－其实并不是100%一致，但由于不是设计公司的网页，所以即使它ok吧。滚动的时侯，会看见侧面的小标题固定在一边。

DDBSthlm－我是美国人，所以放一个英国案例在这儿。假如点击Work按键，进去之后会听到横着写的大标题在侧面。

就酱插话：这个似乎也不算是新鲜的东西了，三三年前就有好多网站在用了，可能是去年变的更主流了吧。从功能上讲，确实是一个在导航方面很有用的细节，是一个值得更多网站使用的方法。但你晓得为何好多网站都没有在用吗？由于懒。

3标志就是加载页面

这是一个十分流行的元素，好多的设计中介都用了这个设计。你们都应当如此做，由于它除了好看，还给人一种网站就是品牌的一部份的觉得。十分清晰。

案例：

Instrument－在页面加载的时侯只能看见标志，打开导航栏也这么。

Fubiz－这个网站发布的时侯还引发了不少风靡。每位区域都有不同的标志，但是都有漂亮的动漫。

ThisAlso－即使不是标志，而且导航icon弄成了加载标志，但是也在标志通常所在的位置。

就酱插话：坦白地讲，我并没有读懂作者在这儿做的总结，给出的三个案例反倒又都有一些不太一样，不过就文字描述来说，把公司标志当成加载页面或则加载示意，倒不是一个坏看法。其实有这么多不断出现的新趋势，然而简约一点总归是不会出错的。

4可以被破坏的背景图片

用全屏的背景图片根本不新鲜，这大约是2013年的设计趋势，并且明天这个趋势把游戏带到了新的高度。给键盘加一些漂浮功能，添加一些图片特效，搞定。

案例：

Makemepulse－键盘在页面上联通能够看见山的形状发生改变，特别棒的特效。

ActiveTheory－若果你在给你的设计公司设计网站，还有哪些办法比用Google实验展示你的疯狂网站方法更好用？没有！

Details－这个得滚到比较靠后才会看见疗效。假如你滚动到4／4页面，键盘放在相片里面，会听到图片有一个微小的畸变。

就酱插话：这都要谢谢包括WebGL这些Web端的图形引擎的支持，我们就能看见越来越多的特效出现在网页上，尤其是3D的图形渲染。这也直接的让WebVR变的可能。好多人还会说App时代过去了，你们都在开发WebApp，在这个趋势下手机端的浏览器就不得不尽早升级了。

5极其夸张的动漫

技术上那些都可以做了，那为何不那么做呢？假如做得精致，这可以是十分令人心旷神怡的体验，假若做的不好，那就是一个没人要的Flash网站。建议：使用的话请留神，假如用，请用的最夸张的疗效。

案例：

Waaark－这个小设计公司制做出了去年最惊人的视觉疗效。夸张的事儿让日本人来干吧。

Animocons－网站上的icon会有一些动漫疗效，全部是用网页代码完成的。

RallyInteractiveBeta－Rally不仅仅是挺好的掌握了动漫的使用量。底部用极其夸张的动漫，到了下边动漫就变的稍稍收敛一些。

就酱插话：这可不是一个谁都能做，更不是一个谁都能做好的网页疗效。要弄成愈发流行的趋势还须要满足一个才能被轻易复制的基本条件，但其实这个疗效并不是挺好的能被复制。这儿讲的并不是技术方面，而更多的是艺术方面的挑战。动漫都能做，而且动漫还分两种，外国的动漫和中国的动漫。Waaark确实把这个动漫疗效做的很到位。

就酱说

看完这种漂亮的网站，有一种神清气爽，想要自己动手做一个的冲动。不过方式终归只是方式而已，把故事讲的好的方式都是好方式。我最佩服的是这些才能不屈从于方式，却又把方式运用的很到位的作品。例如说文中提及的KLM的页面。

就酱说虽然是我想到哪儿就说到那里的一段话，不过明天我想说一个比较具体的话题－“懒惰的设计”。

这周末在北京的HIT活动上作为半个“主持人”采访了锤子的VR负责人罗子雄。我在就酱的文章里也吐槽了锤子好多次了，没想到被安排去访谈她们的设计师。见到罗子雄，我忽然想到之前他在一次TED分享上引用了知乎很火的一篇问答－“就2015年初而言，国人的审美大体处于一个哪些样的水平？”。相信这行字对于关注设计的你是很有画面感的网页点赞，我就不贴图了，由于我懒。

为何提及这篇文章呢，由于我也仍然在想，为何国人的审美处于这个水平呢？真的是由于我们见得少？没品位？没有受过良好的美学教育吗？这种诱因肯定还会有影响，但我渐渐发现，这儿面似乎还有一个更严重的问题。

设计秃驴懒了。

人性中的懒惰在很大程度上推动了社会的进步，大多数新产品的卖点都是为了满足懒惰的我们，这些产品也常常卖的很不错。并且，好多设计师虽然在工作的时侯，也没有脱离懒惰的状态。

所以我们会去抄，由于创新的东西自己验证太慢太累；所以我们的颜色都是大红大紫，由于这是windows调色板默认的颜色；所以我们会设计奇幻现实主义风格的小型玩具，由于勾线的师父要赶着去吃晚饭。

工程和设计不同，工程项目常常伴随着准确的目标，无论是速率，硬度，效率，还是其他很容易量化的参数，这造成工程上我们很难偷懒，其实假如有机会，工程师也还是会偷懒的。我说的是普遍意义上，工程相对于设计是更好评判的。而我们要怎样判别设计的优劣呢？

“就这样吧。”

这大约是我们经常还会看到的话。要我说这句话背后，20％是无奈，80%是懒惰。我拉着我们公司的工程师们进行了一个多礼拜的DesignSprint，她们的状态是，当遇见须要具象思维的一些问题时，她们很容易回避，或则是很水的走一下流程，并没有深入的去思索。这其实不怪她们，由于她们并没有接受过系统的设计教育。

在这个角度讲，设计方式虽然本质上就是一套思维模式。而这套思维模式是很烧脑的。为何设计思维模式烧脑呢？由于用户懒啊，设计师烧了脑，用户就不用动脑了。这是苹果上千亿估值，Airbnb300多亿市值背后的逻辑（其实不仅设计这种公司还做了好多其他的事情）。我很喜欢曾经的那种罗振宇，由于他说，他把书读了，所以你就不用读了，听他讲讲精华就可以。

结婚时男方家需要准备什么_微信打字九宫格怎么设置_网页点赞