2010年网页设计，网站设计趋势！

在过去的几个月中，我们分析了无数的网络设计，观察新出现的趋势，重许多设计决策和编码解决方案的优点。在这篇文章中，我们提出 2009年网页设计趋势：最近的事态发展，新的设计元素和新的图形方法。我们还讨论这些趋势可以用一些美丽的例子和现在的情况。你有没有错过任何在本概述近期的发展？让我们在评论中知道！

本文只包括了超过25个，我们已经在过去10个月确定的趋势。第二部分将在下周公布。我们将涵盖新布局，新办法和新的视觉设计元素。请继续收看。

2010年网页设计趋势

让我们先来看一看，我们发现的主要趋势细看，发现和观察到的最后几个月。在本概述中，您会发现每个趋势和更加美好的例子，可以激发你在你的下一个项目的审查。

1. 压花 凸版

   

2. 丰富的用户界面

   

3. PNG透明度

   

4. 大字体

   

5. 字体更换（sIFR那样，等）

   

6. 模态框

   

7. 媒体块

   

8. 该杂志看

   

9. 旋转木马（幻灯片）

   

10. 简介块

    

现在让我们进入细节，并采取在上文提出的趋势每个一探究竟。

1。凸版

最意想不到的，我们已经观察到的趋势之一，是在过去几个月出现了凸版（事实上是按字母）在网页设计。也许是这种趋势的最重要的原因是简单的事实，这种技术到现在已经很少使用。凸版是用于各种风格和各种网站和各种专题，特别是经常使用在产品设计和在线服务的网站。

2。丰富的用户界面

令人高兴的是，在现代的网站和Web应用程序的用户界面变得更美丽，更实用。在过去的一年中，这些应用的用户体验大大改善，在丰富和响应的用户界面，与传统的桌面应用程序产生了巨大的相似之处。 AJAX和Flash是用来为用户提供广泛的动态互动，他们所期望的先进，成熟，专业的解决方案。

特别是，我们已经看到在过去一年更白的空间，更多和更填充各种设计元素的空间。我们还指出，许多现代用户界面显示直观的线索，传达一个用户与系统交互的状态。例如，在被点击，活动经常改变它们的外观按钮从“正常”到“按下”外观（如在 Newspond.com 和 Quicksnapper.com），确认并提供用户与系统交互的即时反馈。除此之外，越来越多的服务现在可以由用户进行个性化：对我们来说，这是一个明确信号， 自适应用户界面是在2009年来。

这两个例子证明了Web应用程序设计人员付出更多人关注在其中的功能，提出并试图改善与更多的互动和响应解决方案的用户体验方式。

3。 PNG透明度

巴纽透明度，虽然由Internet Explorer 6不支持，似乎已经获得了对过去一年的现场人气。显然，设计师正在试图更好地融入实际的内容和背景图像是一个风格，是在印刷媒体上经常出现，例如，杂志的恶习。在大多数情况下，半透明的背景突出在一个网页的整体背景，旨在强调一个重要的设计元素，如标题或声明。 PNG透明有时被用于模态框的背景以及。

去年，我们描述了各种方法中，可以 在网页的透明度得到创意设计和许多设计师似乎与他们的工作这些技术实验。有趣的是，经常使用的透明度，无论是在页眉或页脚的设计，但 一些设计 超越的。

4。巨型印刷术

我们介绍了一些优秀的大字体的例子 以前 职位。 2009年，大字体应仍受欢迎。特别是，设计机构，投资组合，产品的网站和在线服务，将使用大字体来传达他们的网站最重要的信息。

这些设计元素的字体大小往往超出36像素，而且在许多情况下是相当昂贵的字体用来达到观众。总体而言，设计人员更密切地关注印刷细节，如领导，行高和字体的选择。后果：网站更美丽，更一致，并期待扎实可靠。

5。字体替换

作为设计师更注重排版，他们更注重的是为在网站的正文字体。虽然如黑体，宋体，格鲁吉亚和Verdana经典无疑是占主导地位，我们观察到轻微的趋势走向字体替换（例如，与sIFR那样）。

有趣的是，这些字体通常在网站的无缝设计集成，他们几乎从来没有使用过为了自己，或者只是为了“升级”的网站版式。设计师正试图融合漂亮的印刷字体和逮捕的视觉设计，以提高网站的外观和改善用户体验。

6。模态盒（灯箱）

模态框（对话框窗口）在本质上是对弹出窗口的第二代。他们作为一个用户友好代替经典的JavaScript支持用户通过窗口和重点网站的最重要方面的关注。模态窗口总是由用户触发的动作（如签约或登录），并出现在顶部的主要内容，就像是一个普通的桌面应用程序窗口。模态窗口往往以非常微妙的方式：他们往往是半透明和有一个“关闭”按钮。

7。媒体块

随着越来越多的宽带互联网接入，用户现在可以浏览到更多的能力比他们几年前一对夫妇，设计人员可以利用这个机会以一种更有吸引力的内容和令人难忘的方式。因此，难怪许多产品网站使用媒体块的视频和screencasts（对于这个目的）。这种元素的主要优点是，可以迅速有效地沟通的内容，使用户更方便地消费信息。

用户只是靠在椅子上欣赏节目，他们得到的一切向他们解释，一步一步，而不必点击，搜索描述或学习导航。这些电影通常很短，直接到这一点，他们大多是正式的，但可以娱乐，太。

但请确保影片是一 替代 陈述（而不是主要或唯一！）您的网站内容。并不是每一个用户有宽带接入互联网，而不是每个用户愿意观看视频（例如，因为他或她可能有一台收音机或音乐播放的背景），而不是每个用户有Flash和JavaScript安装在他或她机器。

8。该杂志看

一个有趣的博客设计的发展是各种技术的适应通常在传统的发现（印刷版）媒体。该网页上的职位安排，使用的排版，插图，甚至文本对齐往往类似于从传统的印刷技术。 基于网格的设计 渐受欢迎，但也可用于投资组合，产品的网页和博客大多大，他们几乎从来没有出现在公司网站或网上商店。

9。旋转木马（幻灯片）

旋转木马基本上幻灯片导航，其中的内容垂直或水平旋转（因此命名为“旋转木马”）。要旋转的导航，用户需要点击两（通常是左/右或上/下箭头）切换元素之一。根据元素的切换选择，内容是在预期的方向旋转。

而不是通过网站为自己喜爱的故事各款点击，用户可以快速浏览或不必要的不垂直滚动鼠标移动可用的故事。其结果是：用户节省时间，他们的注意力集中在传送带大幅的内容，而不是与浏览器交互。这些幻灯片导航通常用于娱乐网站和大型博客，但设计者也使他们的投资组合中加以利用，以展示在一个更加互动的方式开展工作。

10。简介块

该网站的左上角区域是页面上最重要的区块，因为它抓起从旅客最关注的。因此，它可以完美的地方网站的权利还有最重要的信息，从而确保读者获取信息尽快。

事实上，这正是许多设计师在做什么。无论是一个Web应用，公司设计，网上服务或组合，设计师们正推动他们的口号，并简要介绍到页面顶部，使用的是强大的，生动的版式，使一个良好的第一印象。有些介绍很短，有的很长，在两种情况下，他们通常采取了大量的空间，在布局的宽度和250至400像素，高度为这些引进块的尺寸。请注意，虽然，引进块几乎从未出现在博客，很少在网上商店。