企业形象网站建设解决方案   |   集团公司网站建设解决方案   |    协会门户网站建设解决方案
您所在位置:首页 > 建站知识

网站设计

Website development

别让这些过时的设计元素,毁了你的好设计

发布时间:2017-06-22 15:35:50

TAGS:云智网站设计

20170620.jpgyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

曾经流行过的设计趋势在这些设计作品中,都留下了不可磨灭的痕迹。值得注意的是,设计风格一直在不断发展,我们中绝大多数人都不得不跟着设计趋势的演变,而拉扯着前进。曾经花费时间去力图实现的效果,转眼之间就不再流行。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

就像绝大多数人不会关注米兰时装周上的新款服饰一样,并不是所有的设计师和参与设计(包括掺和设计)的相关人员,会时刻关注设计趋势,所以今天我们将会总结6种过去曾经非常流行,但是现在已经被钉在过时耻辱柱上的设计雷区。就像冯小刚吐槽的:“不知道啥是好,但你得知道什么寒碜。”yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

趋势的意义yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

流行的趋势到底是好是坏呢?趋势本身并不涉及到好坏,重要的是它们所处的时间点,所应用的范畴。在更大的时间维度上来看待趋势,它更像是特定时代的集体记忆。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是我们确确实实处在当下,生活在特定的时间点。当我们回望过去的设计趋势和风格演变的历史之时,会发现过去逐渐变化的风格和时尚能给你带来一种独特的体验。有些曾经流行的东西再也不会回来,但是有一些流行过的元素会每隔一段时间就会回归。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,对于趋势、时尚和流行,时间是一个关键性的因素。换句话来说,许多设计风格、设计趋势本身并存在好坏,重要的是此刻它是否符合当下大众的认知和潮流的方向。扁平化设计是如此,霓虹色的运用也是如此。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,今天我们探讨“过时的流行趋势”这一话题的时候,它适用于当前,2017年这个时间点,也许几年其中的某些东西又会重新回归,谁说得准呢?但是此刻,它们就是不合时宜的。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

1、斜面和浮雕效果yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在过去很长的一段时间里面,当客户要求需要一个有真实感的元素的时候,设计师都会有冲动打开PS,在元素图层样式里添加斜面和浮雕的混合选项。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

在修图技术相对匮乏的90年代和2000年初,浮雕和斜面是让按钮等元素拥有真实质感的强大武器之一,说句不好听的,这个阶段,但凡是可交互的元素,设计师们恨不得把它们都给加上斜面和浮雕效果。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

斜面和浮雕效果几乎充斥在我们早期对于图形化界面的全部记忆当中,无处不在的Windows XP系统,Nokia的手机界面,甚至现在的许多ATM机的界面设计依然保留着斜面和浮雕特效的按钮。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

然而新一波的简约扁平设计风已经在整个设计圈刮了快7年了。绝大多数的情况下,这种硬朗而又略显复古的硬质边缘已经被渐变的色彩和微妙的阴影所替代。The World of Adrian Le Bas 的设计就是很典型:yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

2、高光玻璃效果yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当然,之前所说的斜面和浮雕效果并没有完全被抛弃,只不过它们现在更多存在于一些更加华丽的设计当中。如果单独使用斜面效果,可以制作出扁平化流行开来之前非常流行的高光玻璃效果。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这种效果能够让许多设计元素拥有类似塑料和玻璃的光泽感。这种设计早可以追溯到上一次设计风格革命的源头之上:Mac OS X Deveoper Preview 3 的“抄现实”设计让GUI的设计走进了拟物化设计。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

随后,新生的Windows Vista也具备了与MacOSX 的“Aura”设计语言类似的光影特效,微软将这种美学风格命名为Aero,其中典型的就是高光玻璃效果。高光毛玻璃效果的普及,Windows Vista 及其之后的系统功不可没。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

虽然毛玻璃效果现在还没有被完全干掉,但是绝大多数的设计师已经彻底放弃这种设计效果了。更加微妙的特效是时下的大趋势,如果你依然采用这样的设计元素,会让你的网站和APP显得像是Web 2.0 时代的产物。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当然,使用高光毛玻璃效果更多是为了吸引用户的注意力,好在现在有很多其他的替代方案来达成这一目的,单纯的色彩对比都能做到这一点,比如Shopify 的设计:yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

当然,在按钮设计这件事上,设计规范总是值得一看的:《高手帮你学规范!IOS和ANDROID规范解析之按钮》yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

3、采用手写字体的大段文本yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

之前我说,设计趋势这个东西无关好坏,好吧,如果一种设计手法直接影响到设计本身的易用性和可用性的话,那么我们应该可以将它归类为“不好”的设计吧?yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

大段的文本如果采用手写字体的话,在可读性上会给用户带来相当的困扰。在数字设计技术相对匮乏的年代,不少新手设计师出于标新立异或者其他目的,会在设计网页的时候采用手写字体,而这种状况在上世纪90年代和新世纪初的几年,出现的非常频繁。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

正文字体理应采用识别度更高、更稳定的字体,而手写字体更适合用来做点缀、强调和重要的视觉元素。在页面的某些特定地方,有选择地使用手写字体,克制地运用,才能让它们的价值大化。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

4、爆炸元素yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这一元素的使用可以追溯到平面印刷刚刚兴起的时代,它是广告中常用的一种吸引用户的视觉元素。它的存在本身就是在告诉用户“快看,这里有个重要的信息要你看!”这确实是一种有效的手法,但是在对于设计感要求越来越高的今天,爆炸元素给人的“营销感”就明显达不到大家的要求了。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

这种过于直接的“促销”方式大的问题在于,过于生硬,缺乏想法和想象力,并没有通过设计将逻辑和关键元素有效地整合起来,自然地吸引用户。PixelPop 就是一个不错的案例,他们使用更为周到、优雅的设计来达到同样甚至更好的效果:yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

5、不合时宜的复古设计yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

复古一直在流行。但是复古一直都搭配着当时流行的元素在使用,重要的是,看似万金油的复古风在很多时候并不适合在许多网站中使用。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

比如你是一个销售电子产品的电子商务网站,那么你应该避免将整个页面设计为80年代摇滚乐团一样的风格。如果你的网站内容本身就比较符合复古风,并且你一开始就着力于将内容和风格完全搭配起来的话,那么就是另外一回事了。看看下面的Tom and Dan Show 网站,我想你会明白我的意思的:yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

摩登复古风,复古的正确打开方式:《复古即流行!正在疯狂流行的摩登复古设计风》yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

6、醒目的大投影yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

和之前所说的斜面和浮雕一样,Photoshop 混合选项中的投影也是设计师常用的特效,但是在拟物化风行的年代,大家都喜欢让阴影大而柔和,距离元素较远,阴影颜色与背景会有明显的对比,从而创造出远光照耀下的悬浮视觉效果。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

但是现在真正流行的阴影样式多种多样,唯独没有这种,微妙而细腻的阴影效果是如今的主流。如果你真的喜欢大阴影的话,不妨试着让阴影和背景色彩尽量接近,这样的效果会更真实:yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

blob.pngyDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

另一种目前流行的手法是“硬”阴影,这种设计方法更加复古。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

如果你想让效果更精致一些,不妨让阴影和元素本体之间隔开一点,这样的效果会更加老派而雅致。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联


yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

所以,有格调的阴影应该这么玩儿。yDb北京网站设计开发,小程序开发,公众号,微信开发-云智互联

原创不易,未经授权,严禁转载

原文地址:https://www.yzlink.cn/i,72,7232,0.html

客户评价

更多+
  • 感谢云智互联,系统提前完成,在整个项目周期内,云智互联对待我们并不像是对待客户,更像是朋友一样,每一次,都能以专业的角度向我们提出更合理、更有效的解决方案,并快速、细致地完成我们的每一个需求,再次感谢以至诚之心做事的云智互联团队。

    潘涛

  • 我是东方龙马集团,在云智家做了2个企业官网,服务态度超级好。如果想做网站,选择他家一定不后悔。性价比高,服务态度好。值得你的信赖!

    谭娇

  • 技术好,设计精良,操作便利,很专业!配套的服务和后续的服务都很好,网站封面堪称精品,运行方便,后台操作的简单。技术还会耐心教我,很好的云智互联(北京)科技有限公司,建站很不错的。

    陈曦

  • 不错,价格比较合适,重点是响应速度蛮快,有什么问题都会马上给你解决,公司很满意,因为他们都是针对每个项目建了相应的讨论组,有问题可以再里面提出,人员分工到位,解决问题很及时。

    张经理

联系方式

工作时间:09:30-18:30
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公网安备 110105019435 京ICP备14020656号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:北京市辉瑞律师事务所。

嘿,我们微信沟通!

复制手机号