资讯

手机用华为 • 推广找展为

十年专注 提供有品质的服务 13933871212

石家庄集团企业网站建设

专注:石家庄网站制作 | 咨询 13933871212(同微信) 2020-08-23 21:52:56

石家庄集团企业网站建设改变网页设计的面貌:25年的案例研究在万维网庆祝3月11日2014年和它的进化过程中其25岁生日,网页设计也是先进的跨越式发展。我们不再需要忍受无休止的笨拙文本和低分辨率图像。
 
如今,信息丰富,创新且易于导航的网站是如此普遍,以至于您可能已经忘记了1990年代的网站。
 
那么,让我们来看看三大品牌的网站,它是怎么回来那么,他们现在怎么看,对究竟是如何网页设计已经改变了多年来。他们经历的旅程可能会为您自己的网站设计历程带来一些灵感。
 
推荐读物: 网页设计– 2014年值得关注的20个最热门趋势
 
苹果
我们回顾一下Wayback Machine提供的数十年来苹果的主页设计。
 
1997年
对此有利的是,1997年的Apple网站设计包括徽标,简洁的信息,并且左侧有清晰的导航栏。但是,它不具备我们今天与Apple相关的能力;字体非常基本,侧边栏占用大量空间,分散了观众的注意力,整个设计很拥挤。
 
苹果1997
1999年– 2002年
 
 
然后,苹果公司创建了一个专业的网页首页设计,这种网站简直令人难忘,它构成 了所有未来设计的基础。它以醒目的横幅照片为特色,并辅以以下一些精选图片。
 
无论是最新产品还是满意的客户,这些中的每一个都最大程度地利用了空白。一个简单的顶部导航栏帮助访问者轻松找到他们喜欢的产品。
 
苹果1999
苹果2000
苹果2001
苹果2002
2003年– 2006年
在此期间,整洁的设计得以保留,但苹果也开始以黑色背景出现偏差。无论哪种方式,首页的鲜明背景都非常有效地展示了产品。
 
而且使用诸如“ Introducing Mighty Mouse”之类的古怪的衬垫也反映了苹果的大胆本性。
 
苹果2003
苹果2004
苹果2005
苹果2006
2007年– 2010年
2007年的首页设计完全摆脱了下面的部分 -毫无疑问,这样手机可以产生更大的影响。这种情况在2008年和2009年一直持续,但是在2010年推出iPad时,大多数主页都专门用于苹果公司的最新宝贝。
 
苹果2007
苹果2008
苹果2009
苹果2010
2011年– 2013年
石家庄集团企业网站建设主要设计元素完全没有改变。iPad Air的2013年网页设计确实值得特别提及-当产品的独特卖点是产品的纤薄性时,还有什么比这种具有异常角度的图像更好地向全世界展示的产品了?
 
苹果2011
苹果2012
苹果2013
现在
当今的网页设计仍然基于90年代末以来使用的简单方法。主要照片引人注目,但不再单独显示产品,而是显示在真实人的手中。
 
字体是现代的,互补色的有限调色板看起来非常专业。
 
现在的苹果
现在,导航栏已牢固地固定在页面顶部,以简化导航。除了使用巧妙的词来鼓励点击(“ 您的诗句会是什么? ”)外,底部的四个部分还向访问者确切显示可以在其中找到哪些信息,只需单击即可访问。
 
他们做得好吗?
他们不再关注硬卖,而更关注人们的情感和包容性故事讲述的概念。希望与新网站产生类似影响的Web设计师应使用真实的人来展示他们的产品。
 
越多的客户可以想象自己使用该产品,并看到该产品如何使他们的生活方式受益,那么购买该产品的可能性就越大。
 
间隙
接下来,我们来看一下时尚界的另一个主要品牌。
 
1997年
脱帽向设计师为获得ACROS一个明确的信息小号,通过他们的设计。顶部导航栏(而不是侧边栏)为展示产品提供了更多空间,并且整体外观简洁明了。
 
不过,不利的一面是,网络设计师的提要可能实际上是在强调客户可以在线购买他们最喜欢的GAP服装,如出现两次的徽标所示,并且“在线商店”和“在线购物”这两个词都塞在一个小首页中。 。
 
差距1997
2000年– 2009年
到2000年,网页设计不断发展。它显然与GAP标志品牌与使用的有吸引力的主要形象和适度的导航栏在顶部。但是随着时间的流逝,让我们继续关注导航栏。
 
差距2000
差距2003
2004年,主图像与GAP徽标效果很好,GAP徽标现在封装在一个明亮的蓝色框中,以使其更加突出。但是导航选项在哪里?通过点击链接位于底部。绝对要倒退一步。
 
差距2005
导航栏位于2006年的主页顶部。该公司现在为孩子们提供了衣服,并在照片中使用了儿童模型来说明。在主要横幅照片下面是4个不同的部分,用于推广各种奖励措施。不幸的是,每个设计都没有表现出任何联系,导致混乱和混乱的混合,这在眼中并不容易。
 
差距2006
2009年,主要导航选项巧妙地放置在全新的位置- 主图像中。在我们赞扬创新设计的同时,大多数客户希望从首页边缘进行导航 -通常通过顶部的条形导航或不经常通过左侧的条形导航。
 
差距2009
客户越难找到他们想要的东西,他们越有可能跳出网站。
 
2010年– 2012年
GAP终于在2010年掌握了它。导航栏始终位于页面顶部,并且一直停留在页面顶部。2010年的网页也是一个巨大的进步,因为它使用了真正的醒目和时尚的车型精心设计的拼贴。
 
差距2010
石家庄集团企业网站建设也许在首页上使用更多图片受到了访问者的欢迎,因为这在2011年和2012年的网页设计中仍然存在。但是,这两个目标均严重不足。有在整体设计上没有明确的战略,这些照片没有在一起凝胶与各种颜色被压倒。
 
差距2011
差距2012
差距2013
现在
看来,GAP终于总结了之前的所有努力,并在一个令人愉悦的主页上创建了一个网站,其中包含许多出色的设计元素。该网站旨在以其城市感觉和主要形象的选择来吸引年轻一代。有趣的是,“住进去”一词分为三个部分,吸引了游客的注意。
 
现在差距
导航栏仍位于页面顶部,为每种服装提供了便捷的快捷方式,搜索功能使访客可以找到他们真正想要的东西。购物袋位于右上角,使客户在页面之间移动时可以更轻松地计划购物。
 
他们做得好吗?
GAP已经经历了许多网页设计,直到今天,但是现在电子商务网站的设计师可以很好地仿效此示例来创建用户友好的在线购买体验。它并不总是显示从各个角度的产品; 巧妙地使用生活照片可以帮助访问者想象该产品将如何改善他们的生活。
 
喜力啤酒
最后,让我们看看喜力在网页设计品牌方面的表现。从Wayback Machine检索到的图像。
 
1997年
该网站在品牌塑造和吸引眼球方面运作良好,但是通过向网站访问者提供大量按钮和选项,很可能引起客户下一步的困惑。
 
有没有清晰的导航,太多的字体,并坦率地说,那些直接叠加在水滴难以阅读。
 
海因1997
2010年– 2012年
到2010年,喜力(Heineken)网页设计已达到我们今天所追求的完美水平。乍一看,首页看起来很简单,但是深绿色的背景将几何形状和有趣的,凝结着水滴的星星有效地结合在一起,并在全世界公认的啤酒瓶旁边。
 
即使在那时,非常简单的导航按钮的今天趋势仍然显而易见,每个按钮都有一个可视图标。
 
海因2010
海因2011
海因2012
2011和2012年的网页设计遵循相同的清晰度公式。但是,他们还介绍了喜力公司的创新方法,该方法使用视频和关联性来吸引知名电影来帮助销售更多啤酒!
 
现在
该网站上的每一页都采用了一些很棒的独特字体来进行出色的设计,令人欣喜的是,自1997年以来,喜力绿色一直在不断地被调低。网页非常整洁,绝对是简约的。
 
现在
然后,在其网站设计中添加了几段视频,这些视频可以补充–运动图像可以说出一千个单词。而不是带有选项的常规下拉导航栏,而是显示每个项目的缩略图,而不是使其更加有趣。
 
他们做得好吗?
整体设计现代,活泼,必定会吸引喜欢喜力啤酒(Heineken)的60多种产品中的20多种。这些视频非常适合当今的社交媒体疯狂行为,并且更有可能被分享,从而在全球范围内提高了品牌知名度。
 
网页设计
从上世纪90年代的早期例子来看,即使是最大的公司网站也显得业余,设计不佳,与当今的复杂网页设计相去甚远。
 
这可以用以下事实来解释:25年前,网页设计师面临着更多的技术限制,例如互联网速度缓慢,字体选项有限,以及关于使访问者感到愉悦的网站数据不足。
 
石家庄集团企业网站建设消失的设计趋势
随着网页设计师可以使用更多工具来创建更复杂,外观更专业的网站,某些趋势无法忍受这些条件,并且此后逐渐消失。这些包括:
 
Flash动画 –几年前,主页上的Flash动画可能被认为是动态的,但访问者感到无聊。Flash动画看起来便宜又俗气,网站访问者不喜欢它,并且当主页上有Flash简介时,搜索引擎的优化就变得棘手了。它不是用于现代网站设计。
背景音乐 –美妙的节奏和民谣,很棒的主意。叮当作响的神经而不是那么多(90年代的用户会知道这种感觉)。在当今的网页设计中,沉默是黄金。
内容过多 –一些公司认为他们的网站需要大量页面,详细解释了他们的公司,理念和产品。事实是,太多的信息可能会造成混乱,使人烦恼–我们大多数人只想要裸露的事实。2014年,简约的设计以及照片和图标的使用取代了文本繁多的页面。
今天有效
当今最流行,最有效的网站经常使用令人回味的图像或大量幽默来吸引人和令人难忘。他们结构合理,并鼓励游客动turn购物。每个网站都应遵循一些基本规则,以帮助其更趋完美。但是,如果网页设计师真的想跟上时代的步伐,那么以下是一些关键要素:
 
固定的导航栏 –这可能是一个相当新的趋势,但完全有意义。访客可以浏览自己内心的内容,而不会忘记自己在哪里。
唯一字体 -使用不寻常或唯一字体可以真正帮助网站出售其消息。当新的令人激动的字体等待时,Web设计人员不应满足于旧字体。
滑块 –滑动横幅照片的趋势非常棒。每个图像都很大,可以真正打动访客。随着图像的自动变化,无需做任何事情,就可以使观看者获得一系列出色的视觉效果。
个性化照片 –除非绝对必要,否则网站设计师应避免使用库存照片,而应选​​择个性化专业照片来维护网站公正并使其更具特色。
号召性用语按钮 –当有很多有趣的按钮可供选择时,为什么不愿意使用无聊的“联系我们”按钮?按钮越吸引人,访问者单击它的可能性就越大。
无限滚动/卡片设计 – Pinterest可能已在这种类型的Web设计中处于领先地位,但由于它是呈现单个信息块的好方法,因此被许多公司所接受。
平面设计与拟态化 –无论您是喜欢Microsoft如此喜欢的平面设计(想想简约的简单图标)还是使用更传统的3D效果的拟态化,好消息是两者现在都在发展。
网络功能区 –爱或恨它们,这些3D功能区旨在拥抱信息框或照片,看起来很漂亮,并且可以为任何设计提供专业效果
10年建站推广经验

让您每一分投入都有更多回报!

联系展为,马上获得专属免费推广方案

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:13933871212   固定电话:0311-80836913   微信:9196389