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

网站设计

Website development

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

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

TAGS:云智网站设计

20170620.jpgSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

曾经流行过的设计趋势在这些设计作品中,都留下了不可磨灭的痕迹。值得留意的是,设计风格一直在不断发展,我们中绝大多数人都不得不跟着设计趋势的演变,而拉扯着前进。曾经花费时间去力图实现的效果,转眼之间就不再流行。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

就像绝大多数人不会关注米兰时装周上的新款服饰一样,并不是所有的设计师和参与设计(包括掺和设计)的相关人员,会时刻关注设计趋势,所以今天我们将会总结6种过去曾经非常流行,但是如今已经被钉在过时耻辱柱上的设计雷区。就像冯小刚吐槽的:“不知晓啥是好,但你得知晓什么寒碜。”SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

趋势的意义SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

流行的趋势到底是好是坏呢?趋势本身并不涉及到好坏,重要的是它们所处的时间点,所应用的范畴。在更大的时间维度上来看待趋势,它更像是特定时代的集体记忆。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

但是我们确确实实处在当下,生活在特定的时间点。当我们回望过去的设计趋势和风格演变的历史之时,会发现过去逐渐变化的风格和时尚能给你带来一种独特的体验。有些曾经流行的东西再也不会回来,但是有一些流行过的元素会每隔一段时间就会回归。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

所以,对于趋势、时尚和流行,时间是一个关键性的因素。换句话来说,许多设计风格、设计趋势本身并存在好坏,重要的是此刻它是否适合当下大众的认知和潮流的方向。扁平化设计是如此,霓虹色的运用也是如此。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

所以,今天我们探讨“过时的流行趋势”这一话题的时候,它适用于当前,2017年这个时间点,也许几年其中的某些东西又会重新回归,谁说得准呢?但是此刻,它们就是不合时宜的。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

1、斜面和浮雕效果SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在过去很长的一段时间里面,当客户需求必需一个有逼真感的元素的时候,设计师都会有冲动打开PS,在元素图层样式里添加斜面和浮雕的混合选项。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

在修图技术相对匮乏的90年代和2000年初,浮雕和斜面是让按钮等元素拥有逼真质感的强大武器之一,说句不好听的,这个阶段,但凡是可交互的元素,设计师们恨不得把它们都给加上斜面和浮雕效果。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

斜面和浮雕效果几乎充斥在我们早期对于图形化界面的全部记忆当中,无处不在的Windows XP系统,Nokia的手机界面,甚至如今的许多ATM机的界面设计依然保留着斜面和浮雕特效的按钮。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

然而新一波的简约扁平设计风已经在整个设计圈刮了快7年了。绝大多数的情况下,这种硬朗而又略显复古的硬质边缘已经被渐变的色彩和微妙的阴影所替代。The World of Adrian Le Bas 的设计就是很典型:SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

2、高光玻璃效果SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当然,之前所说的斜面和浮雕效果并没有完全被抛弃,只不过它们如今更多存在于一些更加华丽的设计当中。假如单独使用斜面效果,可以制作出扁平化流行开来之前非常流行的高光玻璃效果。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这种效果能够让许多设计元素拥有类似塑料和玻璃的光泽感。这种设计早可以追溯到上一次设计风格革命的源头之上:Mac OS X Deveoper Preview 3 的“抄现实”设计让GUI的设计走进了拟物化设计。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

随后,新生的Windows Vista也具备了与MacOSX 的“Aura”设计语言类似的光影特效,微软将这种美学风格命名为Aero,其中典型的就是高光玻璃效果。高光毛玻璃效果的普及,Windows Vista 及其之后的系统功不可没。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

虽然毛玻璃效果如今还没有被完全干掉,但是绝大多数的设计师已经彻底放弃这种设计效果了。更加微妙的特效是时下的大趋势,假如你依然采用这样的设计元素,会让你的网站和APP显得像是Web 2.0 时代的产物。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当然,使用高光毛玻璃效果更多是为了吸引客户的留意力,好在如今有很多其他的替代方案来达成这一目的,单纯的色彩对比都能做到这一点,例如Shopify 的设计:SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

当然,在按钮设计这件事上,设计规范总是值得一看的:《高手帮你学规范!IOS和ANDROID规范解析之按钮》SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

3、采用手写字体的大段文本SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

之前我说,设计趋势这个东西无关好坏,好吧,假如一种设计手法直接影响到设计本身的易用性和可用性的话,那么我们应该可以将它归类为“不好”的设计吧?SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

大段的文本假如采用手写字体的话,在可读性上会给客户带来相当的困扰。在数字设计技术相对匮乏的年代,不少新手设计师出于标新立异或者其他目的,会在设计网页的时候采用手写字体,而这种状况在上世纪90年代和新世纪初的几年,出现的非常频繁。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

正文字体理应采用识别度更高、更稳定的字体,而手写字体更恰好用来做点缀、强调和重要的视觉元素。在页面的某些特定地方,有选择地使用手写字体,克制地运用,才能让它们的价值大化。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

4、爆炸元素SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这一元素的使用可以追溯到平面印刷刚刚兴起的时代,它是广告中常用的一种吸引客户的视觉元素。它的存在本身就是在告诉客户“快看,这里有个重要的信息要你看!”这确实是一种有效的手法,但是在对于设计感需求越来越高的今天,爆炸元素给人的“营销感”就明显达不到各位的需求了。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

这种过于直接的“促销”方式大的难题在于,过于生硬,缺乏想法和想象力,并没有通过设计将逻辑和关键元素有效地整合起来,自然地吸引客户。PixelPop 就是一个不错的案例,他们使用更为周到、优雅的设计来达到同样甚至更好的效果:SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

5、不合时宜的复古设计SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

复古一直在流行。但是复古一直都搭配着当时流行的元素在使用,重要的是,看似万金油的复古风在很多时候并不恰好在许多网站中使用。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

例如你是一个销售电子产品的电子商务网站,那么你应该避免将整个页面设计为80年代摇滚乐团一样的风格。假如你的网站内容本身就比较适合复古风,并且你一开始就着力于将内容和风格完全搭配起来的话,那么就是另外一回事了。看看下面的Tom and Dan Show 网站,我想你会明白我的意思的:SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

摩登复古风,复古的正确打开方式:《复古即流行!正在疯狂流行的摩登复古设计风》SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

6、醒目的大投影SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

和之前所说的斜面和浮雕一样,Photoshop 混合选项中的投影也是设计师常用的特效,但是在拟物化风行的年代,各位都喜欢让阴影大而柔和,距离元素较远,阴影颜色与背景会有明显的对比,从而创造出远光照耀下的悬浮视觉效果。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

但是如今真正流行的阴影样式多种多样,唯独没有这种,微妙而细腻的阴影效果是如今的主流。假如你真的喜欢大阴影的话,不妨试着让阴影和背景色彩尽量接近,这样的效果会更逼真:SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

blob.pngSwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

另一种当前流行的手法是“硬”阴影,这种设计办法更加复古。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

假如你想让效果更精致一些,不妨让阴影和元素本体之间隔开一点,这样的效果会更加老派而雅致。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司


SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

所以,有格调的阴影应该这么玩儿。SwL上海网站开发,上海网站建设,网站设计,网站制作-特马QQ网站开发公司

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

原文地址:/i,72,7232,0.html

客户评价

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

    潘涛

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

    谭娇

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

    陈曦

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

    张经理

联系方式

工作时间:10:00-19:00
咨询电话:010-64758810
客服邮箱:net@cnlink.cc

服务领域

  • 网站定制开发
  • PC网站设计
  • 域名邮箱
  • 网站维护
  • 网站二次开发
  • 响应式网站设计
  • 虚拟主机
  • 网站优化
  • 网站设计开发
  • 创意设计
  • 云主机
  • 项目合作

合作伙伴

All Rights Reserved.©2010-2016 特马QQ群|资料网站京公网安备 110105019435 京ICP备123124426号
本网站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。法律顾问:上海市辉瑞律师事务所。
嘿,我来帮您!