武汉商业摄影-武汉品牌设计-武汉亚马逊摄影-武汉包装设计-武汉店铺装修「微距创意」专注静物人像产品摄影

发表日期：2019-04-23 09:50:15 文章来源：微距创意

Unique and Large Typography

大多数公司都会有自己独特的字体，与同行区别开来，同时也容易被用户辨识。现在的字体样式越来越多，可供选择的机会也更多。品牌可以通过字体更好地表达自己。

例如《The New Yorker》就是使用的Adobe Caslon Pro字体。当然还有别的比较独特的字体，例如Blokletters-Balpen等等。

网页上字体的排版印刷能够起到引导浏览者的功能。The New York就利用字体大小的区别引导读者阅读不同版面。

选择什么的样的字体，某些程度上暗示了品牌风格。是年轻的愉悦的，还是成熟的严肃的。

但是无论选择什么样的字体，一定要考虑到这些字体在浏览器和电脑上兼容性。大型的图片作为背景墙，取代了传统折叠式的页面。用间接的文本信息取代了各种CTAs按钮。用滚动页面的方式，展开更多网页信息，带来强烈的视觉感受。

消费者是来自世界各地的，所以不可能准确知道对方是使用电脑还是手机或者是其他设备进入网站。因此，在做图片设计的时候，要考虑到图片是否能够兼容各种设备。

Background Videos

用能够自动播放的视频作为背景，能够让网页出彩不少。视频的内容可以是讲述企业故事，或者是产品的性能。能够极大程度上地简化网站。毕竟，Less is more。

我们用Wistia的网站作为案例。它的网页一进去，就是大面积的色彩拼接，同时，又用比较同一色系的视频作为主页背景。给人的感觉非常时尚并且充满活力。

这种用视频做主页背景的设计更能吸引浏览者深入阅读网页内容。小编上外网很多网站看了看，几乎所有网站目前都采用这种视频设计。只是视频内容略有所不同，这一点，我们在后面的文章里会讲到。

背景视频重要在于它能够使得浏览者一进入页面就会被动态视频吸引到。从视频里，浏览者无需阅读文字就能够了解到企业的产品信息。考虑到短视频在现在网络世界的流行程度，网页的这种视频设计一定会更加能够增加用户的停留时间。

要知道，我们的大脑在处理视频信息的速度是处理文本信息的6倍。传统的网页需要一页一页去翻看文本，在短视频时代很容易就让人感到沉重无聊。那么短视频作为网页的首页，能够毫不费力地被用户消化。

这种设计，苹果公司也在使用。点击进入苹果官网，首先就是一段苹果标志的设计视频在播放，并且播放的速度会伴随着鼠标的移动而发生变化。

Semi-Flat Design

什么是Semi-Flat Design，翻译过来是扁平化设计。这一设计最初也是由苹果公司使用，最先用扁平化的是苹果系统IOS.7。

现在的潮流也更加欢迎扁平化的设计，这是一个颠覆。包括Netflix、PayPal、维珍传媒(Virgin Media)等顶级品牌也在重新设计自己的标识。这种设计没有逼真的3D外观与梯度颜色和曲线字体。

平面设计——由二维插图、清晰边缘和单色调色板等元素构成—可能会显得乏味。由于没有z轴，可点击的元素更难发现，人们可能难以探测到插图的视觉层次。

而扁平化设计就没有这些问题，通过添加一些小设计，如过渡动画的使用和层次效果，如灯光和阴影，平面设计获得了微妙的层次。这种改进被称为半平面设计。

如你在下面的图片中看到的，盒子有一个深度元素，周围有阴影。（全部图文请查看公众号Worldsou）

用户翻看任意一个选项框的时候，上面的阴影就会消失，并会展示出后面图片的全部内容。

平面的设计更能够帮助用户直观的理解网页上的内容。在平面设计上再加上一些动态元素，就能够使得网页设计非常生动。不过，无论网站是平面还是半平面的设计，都要确保主页、产品详情页和网站其他关键部分都使用相同的设计，保持一致性。确保用户的使用体验，并帮助用户快速理解网页信息。

Hamburger Menus

有时候我们可能会遇到这样一种网站。整个页面上有一长串的选项可供选择。这种网页设计的优点在于它能够帮助用户轻松找到想要进入的页面。但是，缺点是，这些选项往往会占据大部分有价值的页面空间。

隐藏菜单改变了这个局面。隐藏菜单在国外也被叫做Hamburger菜单。这种菜单在web应用程序中很常见，像是在Chrome中的右侧就可以找到Hamburger菜单。

网站的页面应该为用户提供一个干净的思路，抛弃繁琐的导航栏为用户体验更加轻松简介。这种改进能够帮助提高用户体验。

Giant Product Images

其实现在在很多B2B网站，已经有很多使用大型产品图片的网站。

这些网站一般会在页面的顶部有一个巨大的图片，翻滚页面的时候，会有更多在深层次的图片显示出来。这些图片也具有响应性，能够确保来自不同设备的用户都能很好的查看产品详情。

大型的产品图片能够强调产品的不同功能，突出产品最有价值的部分。并且，这些图片也方便扫描。

Card Design

伴随着Pinterest的崛起，设计师和营销人员都热爱卡片设计。每一张独立的卡片都能够以视觉的方式传达信息。这样浏览者就能够方便的消化信息，而不是被大量的信息淹没。

通过将不同的内容分解在卡片上，用户们可以选择自己想要进一步了解的文章。这种方式有助于保持主页简介条理清晰。

卡片设计在B2B和B2C网站上越来越受欢迎。因为它有助于帮助用户分散理解产品信息。

最后也要确保图片都是可以响应的。用户在点击图片的时候，能够进入下一页面。并且能够跟着查看设备屏幕的大小而调整改变。

Short Product or Feature Videos

除了在网页上使用视频作为背景以外，很多公司也开始使用简短的产品或介绍产品功能的视频去展示产品的使用情况。

有国外数据显示，92%的B2B消费者会在线观看视频。43%的B2B用户在搜索产品或服务的时候回在线观看视频。因此，B2B企业需要创作一些介绍产品功能的视频，因为现在视频在决定消费者会不会下订单方面产生决策性影响。

这些简短的视频能够让客户快速理解你的品牌。这一点在销售初期是非常有价值的。