在考虑网□□□页设计时，您必须考□□□虑互联网□□□提供的所□□□有可能性。大胆地完□□成，设计师可▲以在全球◉范围内推□□□□动当前人丨类互动和♦想象力的□□□极限——正如创意□□□机构网站□□□□等前卫行◢业经常看□□□□到的那样。
 
1. 做大
 
“做大”似乎是当□□□□今网页设□□计最重要▲的一个原□□□□则。然而，对于许多□□□□人来说，主页（尤其是首□□屏）仅包含覆□□□□盖在图像□□或视频上□□□的几句话◥是很难接□□□受的。有时，甚至导航□□□□也被删除□□□□或（至少）被隐藏为△一个小图□□标。这种网页△设计趋势★的两种风※格可以标□□记为“电影”和“书籍封面”。第一个受□□□到电影和●电视广告□□□□的启发，而第二个□□□增强了印□□□刷书籍和□□□□目录封面□□□□的经典概◥念。

这种趋势□□□的原因既▲有视觉上◣的，也有实用丨性的。您可以在□□□用户登陆□□□您的网站□□□后立即给□□他们带来·最大的影□□□□响，并且更容□□易编码，因此它在□□□□移动设备□□□和台式计□□算机显示□□□器上运行□□□良好（尽管显示□□□□设备大小□□□□相同，但布局保□□□持不变）。


 
全屏图像□□□□在去年开□□□□始流行（正如我们□□□在2021 年网页设计□□□趋势文章□□□□中指出的□□□□那样），但随着对□□□□高质量图□□□像和更快□□技术的访□□问越来越◢多，我们看到□□网站将这□□□些“书籍封面”布局提升□□□□到了一个□□新的水平。
 
2. 多媒体体验
 
“做多媒体□□□概念已经□□过时了。这个词本□□身已经被□□如此使用□□□和滥用，以至于它□□几乎失去□□□□了意义。尽管如此，设计师和◥程序员大□□军一直在♦努力创造□□□□越来越引✦人入胜的□□多媒体体△验。另一个值□□□得注意的□□□□使用 HTML Canvas 构建的界□□面示例是□□□布鲁克林□□音乐家 Jonathan Dagan的社区驱□□动DNA项目.j.viewz 以极具视□□□□觉效果的□□□背景视频☆开场，告诉我们□□他计划如□□何通过他□□□的个人实□□□验（用户可以□□□下载）和其他合□□□□作者上传□□□□的视频、音乐和反□□馈来构建□□□□他的新音□□□□乐专辑。
 

 
另一个绝·妙的例子，不仅因为□□□它恰当的□□□□视觉隐喻，还因为它□□□□的呈现方□□式。动画的节●奏和无法□□滚动几乎丨迫使用户□□喘口气并▽适应页面□□□□时间线。在设计界✦面时，我们通常□□会尽一切□□□努力为用□□□□户提供支♦持。该网站表□□明，禁用用户□□□□一段时间▽可能有时✦会带来更□□□□好的体验。
 
3. 视差效应突变
 
视差已经□□□□演变成许□□□多不同的◆突变，它们有一□□□□个共同点：设计师使□□□用页面滚※动或鼠标□□移动来为□□□□页面的元□□□素或属性□□设置动画。如果你仔□□□细看，这篇文章□□□□中展示的□□□□大多数网□□站都使用□□了这个逻·辑。这里有一□□些额外的□□例子。
 
滚动事件和手绘动画
 
对旧 CSS sprite 技术的创□□□□造性使用。结果是对□□原本简单□□□□的公司网□□□□站进行了●引人入胜□□□□且独特的□□□□处理。


 
 
创新的滚动
 
 QUO+ 耳机页面□□□通过垂直□□□和水平滚□□□□动带您进●入他们网▲站的疯狂、迷宫般的□□旅程——以及一个□□□有趣的部□□分，您也可以□□在其中“滚动”他们的产◉品颜色。


 

 
4. 平面设计
 
在过去的□□□□三年里，平面设计□□□□多次被誉◢为“王者”。它仍然做□□□□得很好，并且会一□□□直保持下□□□去——尤其是在□□□□图标、菜单和插□□□图等较小□□的元素中。
 
这些元素※不仅看起□□来不错（比几年前□□几乎覆盖◤所有网站□□□的那些光□□滑的web 2.0 图标要好□□得多），而且由于▼图标字体◢技术，它们易于□□□扩展和管◉理。icomoon.io是一个在□□线服务的□□例子，它允许每□□□□个人免费□□□轻松地创△建自己的□□□图标字体。
 

 
不过值得□□□注意的是，扁平化设□□□计并不总▼是那么扁◆平化。设计师经□□□常结合微❖妙的渐变、纹理和照□□□片来达到“哇”的效果。在我们看✦来，平面设计□□最好的部◢分不是墨□□水的平整□□□度，而是它如□□□何为我们♦打开创造□□□□性的视觉□□□隐喻。
 
平面设计□□不是用拟□□物化技术❖模仿物体（记事本图※标看起来□□□□像现实生□□□□活中的记□□□事本，用纸制成□□□并用皮革□□□装订），而是试图※通过合成、吸引人且□□□□有趣的视□□□觉效果来□□□传达记事□□□本的想法，这种视觉□□□□效果在各□□□□种尺寸下□□□□都能很好□□地工作.
 
5. 混搭界面
 
对单页纸□□□□的持续热□□爱带来了□□□可以通过□□□□创造性、用户友好◉和视觉吸□□□□引力的方□□式解决的□□挑战。挑战是将□□□□大量信息□□和功能放◣在一个页□□□面上。该页面必☆须具有干□□净现代的□□□外观并且□□易于浏览。
 

 
解决方案•可能是我□□们称之为□□□□混搭界面□□□的东西：由许多“层”组成的布□□□局，可根据请□□□求的功能□□或内容进▽行调整。实际上，这根本不○是一个新□□概念——它是桌面□□□□应用程序□□□□的本质——但到目前□□□为止，它在主流□□□□互联网中□□□还不是很※流行。最近，此类接口□□□□的使用量□□呈上升趋□□势，并且它们□□变得越来•越精致和□□□功能强大。
 

 
Necotrans 网站的首屏内容似乎很少，全屏照片上覆盖着一个单数的句子。但是右侧的小菜单允许访问同一屏幕区域内的所有基本功能，为用户提供站点搜索小部件（在您键入时显示结果）、定制的谷歌地图、新闻小部件和联系表格。
 
6. 设计师自动化
 
如果不花□□□一点时间□□□提到“网格”，这篇文章□□□就不会完□□□□整——这是最近□□□□引起了轰□□□□动的“不拘一格·的设计师”提出的一❖个吸引人※的想法。这是一种◥用人工智□□能取代设□□计师和编□□□□码员的尝□□□□试。网页设计●师会变得□□□多余吗？这还有待·观察。
 

 
目前还不□□□能测试这◎个系统，所以很难□□□判断它的□□□可用性。他们的网□□站似乎是□□□其力量的□□□唯一展示。一般来说，它在大多□□□□数分辨率□□□下都表现□□□良好，但创造人△造艺术的□□尝试似乎□□□□是时代的□□□□标志。例如，The Painting Fool创意软件◎尚未从艺□□□□术画廊中□□□清除画作。
 

 
总结：
 
这几个网□□□□页设计趋□□□势在过去□□□一年中逐※渐流行起□□□□来，并可能对2022年的网站创□□□建方式产□□□生重大影•响。 尽管如此，如果我们※用一句话♦来总结今□□□年，最重要的□□□□是要考虑❖什么时候□□设计网站◤将是“内容第一”。
 
这个咒语□□一直都是□□真的。但如今，越来越注□□□□重网页设□□□计的美学◢可以揭示❖在设计前◎阶段所犯□□□的许多错□□误——概念、导航流程□□□规划、线框图、文案写作□□□等。当你用新▲技术拓宽□□□视野时，确保您不□□会忘记基▲础知识。