一家公司随着自身能力的提升，在行业的发展与壮大，对现代化的需求也会随之增加。所以就会需要网站的设计，网站的设计就好像你在互联网上面立了一个门头，增加公众形象的曝光度，触发与随机客户的初次联系。

       对于新的商业模式要求的不断涌现，时刻让自己的公司走在行业的前端才能够到达新的高度。

Microsoft主页

       随着移动端的普及，新型零售业已经占据上风，传统行业腹背受敌，苟延残喘。

     “了解传统，专注未来”将会成为更明智，更具生产力的一条前行方式。

       当然，完全“现代”的设计方式不一定在所有行业都适合，对于“传统”设计方式也是需要保留一些优点的。在这里我们探讨一下如何将传统设计方式和现代的新思想和概念相融合，来进行新的设计。

     定义传统设计和现代设计

      在我们处于一个对立面的时候，将我们所要处理的问题进行一个划分，重新定义，可能会有所帮助。

       在近几年中，极简风盛行，如果站在现在的角度去看，极简风算是一种传统的设计套路了，可是设计师运用新的表现手法，设计技巧，让它重新流行起来。因此，在我们讨论新的设计风格时，还是需要与传统相结合，找到新的突破口。

       如果把传统设计比作是“严肃风格”，那边现代风就是“趣味性设计”。这样的定义就会比较明显一些，传统就是“常规性”和现代的“非常规性”。就好比Microsoft、Google之类的技术巨头，近几年一直在用鲜艳的色彩和非主流的设计语言来变现自己的设计风格。

       风格的变化，传统与现代设计的界限，就是一个新陈代谢的过程，如果你不能满足当下的流行趋势，那么注定你在这个行业是无法前行的。

       将传统设计与现代流行元素融入到设计中去，作为设计师应该时刻保持对流行元素的敏感性，同时还需要对你所要设计的产品或者行业属性有所了解。与设计相比，你要做的调研和了解行业属于远远大于你做的设计。

Discord语言聊天软件

       Discord在传统设计形象上面，已经取得了很大的成功。它的客户群体主要是游戏玩家，因此它的设计参考源就来自于游戏美学。在它的一些消息中就采用了大量的游戏语言，来拉近与用户之间的距离，从而获得很不错的游戏体验。从它的设计中，我们就可以看出，在传统设计方式与现代设计元素的融合。

       从他的官方网页可以看出，运用传统的文字排版，加上现代潮流三D元素、流行配色。

       网站主页将图像和标题分开，保证了阅读的体验性。所有的点击按钮都放在了左上方，而它的价值按钮就在他的下方。页面所用的薄荷色彩和紫色阴影都是现代元素，白色的文字便于阅读。

       下方的黑色，就属于传统设计元素，为了突出主题的白色，形成鲜明的对比，从而保持了较高的阅读性。从中可以看出来，用现代设计手法来进行装饰与辅助来提高页面的观赏性，在加上   传统手法来表明主题，让用户了解到你所要表达的核心内容。

        到达页面的下方，又回到了传统设计手法——白色文字纯黑背景，用了一副简洁的装饰画来告诉 用户可购买的最低服务价格。在这里可以理解为，这里的内容属于该篇阅读浏览的完结点，所以不需要用华丽的设计来进行装饰，只需要给用户一个导向，去到其他界面。

总结一下Discord将传统与现代设计向融合的设计要素

• 大标题
• 鲜艳的色彩
• 趣味性的动画形象
• 有趣的语言
• 明确的指示目录
• 传统的标语

Linkin park

        Linkin park品牌不仅是一只乐队，而且已经在商业上成功了近二十年了。而且，随着时间的推移，越来越多的年轻摇滚乐迷出现了，所以需要将该品牌现代化。但是，该品牌还有很多传统乐迷的支持，所以需要考虑到不同年龄段的用户。所以它的网页就需要将两者融合，达到一个平衡。

        主页上全是以现代设计形式展示，这里运用的是后现代设计元素，有点工业风。在下方，有很多是有乐队和粉丝拍摄的表演图片和视频。

        将点击按钮放在右上角，在黑色背景下很突出，也便于阅读。考虑到产品，所以该网站的商店将急剧转向传统方式。黑色的背景，简约的白色，突出的点击按钮。虽然做了这样的设计，可是页面还是有很强的在设计性，来保持现代感。

       其实我们会发现，Linkin park的网站将现代与传统结合的时候，选用的设计手法并不是流行元素，这可能也考虑到了产品的风格属性吧。所以，总结一下就是：

• 主页为了突出摇滚用了工业拼贴风
• 多媒体的运用
• 简洁的语言
• 传统的黑白配色
• 阅读性很强的按钮
  
  

Ars Technica技术工作室

       当代比较古老的科技出版物之一，为了与时代匹配，Ars Technica更新了网站设计。考虑到是关注科技新闻的网站，所以人们可能会想到核心受众人群会是年轻的一代，可是事实并非如此。在互联网的冲击下，对于精通技术的人群的年龄已经不断扩大。作为一个关注世界新闻的出版社，它所要吸引的人群将会是所有的年龄阶层。要想将这些年龄段的人群吸引过来，那么设计上就必须要考虑到现代与传统的融合

。

       所有在主页上用了一个高度适用的大图文面板，点击按钮采用了薄荷色配黑色。在文章点击页上也采用了现代的设计手法，图片上面的小圆圈具有比较强的趣味性，面板采用了灰色的抽象背景，保持了传统的色彩设计。

       在标题的设计上，采用了传统的设计，没有使用太多现代元素。在标签的设计上面，以白色背景来凸显出黑色的主题。在网站的论坛上面，采用了传统的黑白灰，来突出显示清晰，严格，稳定的界面。细腻的颜色点缀以及圆润的边缘又带有现代感。

     在Ars Technica在融合现代与传统设计中，主要还是在元素上面做的变化，来突显出现代化的设计：

• 传统背景下的现代设计
• 色彩鲜艳的点击按钮
• 适度的黑白灰的使用
• 光滑的边缘

       通过这些网站可以看出，无论是传统行业还是现代行业，他们的设计理念还是在寻找当下流行的设计风格。我们要做的就是时刻保持着对时尚的敏感性来融入设计中。在传统和现代设计风格中，找到一个平衡点，有助于帮你在设计网站时能够有很强的吸引力，同时还能够有较强的的功能性和可阅读性。

文章来源：https://icons8.com/articles/fusing-modern-and-traditional-webdesign/ 

Powered by Froala Editor