你好,欢迎来到阿里巴巴外贸圈 注册 登出
cn1524574447wgxk
外贸学长
外贸学长
  • 用户名cn1524574447wgxk
  • 粉丝3
  • 发帖数131
  • 铜币116枚
  • 威望0点
  • 社区居民
  • 忠实会员
阅读:507回复:2

[老鸟互动]现在国外网站都流行什么样的设计?

楼主#
更多 发布于:2018-11-02 10:13
和潮流更新换代一样,网页的设计每年也都是在不断变化的。好的设计能够帮助公司讲述品牌故事、树立良好的企业形象。前天苹果发布秋季新品,相信大家都有进入苹果官网,那么除了贵的要死的新产品,大家有没有注意到些别的东西呢?
 
 今天就想跟大家聊一聊,2018年往后,网站如何设计才不过时?
 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企业需要创作一些介绍产品功能的视频,因为现在视频在决定消费者会不会下订单方面产生决策性影响。
 这些简短的视频能够让客户快速理解你的品牌。这一点在销售初期是非常有价值的。

文章由Worldsou原创,首发在公众号Worldsou。完整文章请移步公众号Worldsou。
【Worldsou原创】有人说万圣节最好不要给客户发节日问候?
【Worldsou原创】中国人在巴林,遇到巴林客户态度一定要强硬!
【Worldsou原创】收到询盘后,如何让客户认为我很专业!
【Worldsou原创】牛逼的以色列,这个迷人的国度有哪些东西值得外贸人学习?
【Worldsou原创】如何利用好国外热门的Pinterest做好内容营销?
【Worldsou原创】做好谷歌排名有新套路!分享一些有别于以往SEO的新概念!
【Worldsou原创】沙特的市场和客户怎么样?
【Worldsou原创】询盘无难事!这一份Linkedin终极使用指南请收好!
【Worldsou原创】邮箱搜索方法Part 2,国外好用的客户邮箱刮取方法整理!
【Worldsou原创】开发客户,老外的思维能不能为我所用?
【Worldsou原创】菲律宾客户态度冷漠还讨价还价的厉害!
【Worldsou原创】从SEO角度浅析红人营销,电商必读!
【Worldsou原创】国外谷歌Ads专家都在使用哪些工具运营Google Ads?
【Worldsou原创】一篇营销的帖子,多少关键词合适?
【Worldsou原创】新加坡客户怎么样?该怎么样与新加坡人打交道?细心整理
喜欢0 评分0
Worldsou全点网络技术(上海)有限公司致力于外贸营销型网站建设、海外推广服务、海外B2B商城搭建和推广、Facebook在线广告托管服务,公众号Worldsou。联系:18621560118 (倪)或13052334563(胡)
cn1514548019itlx
论坛版主
论坛版主
  • 用户名cn1514548019itlx
  • 粉丝731
  • 发帖数30852
  • 铜币2296枚
  • 威望0点
  • 社区明星
  • 外贸达人
  • 最爱沙发
  • 活跃读者
  • 社区居民
  • 忠实会员
  • 追星达人
沙发#
发布于:2018-11-02 11:05
哈萨克斯坦/俄罗斯双清包税百货专线 包清关必到 一手价格优势
陆运10-20天 空运8-12天 晚到赔偿时效稳定 全程跟踪 货到付款
北上广江浙等全国收货 微信:704599259 电话:17796653996李先生
阿里外贸圈推荐的物流商 点击了解》
回复(0) 喜欢(0)     评分
cn1520617251wwwz
外贸博士
外贸博士
  • 用户名cn1520617251wwwz
  • 粉丝39
  • 发帖数2468
  • 铜币1022枚
  • 威望-1点
板凳#
发布于:2018-11-02 11:18
P4P助理1元享7天高级版体验,限量发售 各位小伙伴,如果P4P操作有问题,欢迎加群294254810和屁桃妹一起交流哦~
回复(0) 喜欢(0)     评分
游客