学习各种不同风格的网页设计技巧

Author: Chris Song

网页设计有哪些风格这个答案不太容易定义。但通过北上广大多数的集团企业网站风格来看,属于同一个行业的基本风格都是相似的,只在部分地方做不同的变化设计。作为网页设计师,想要丰富自己的设计经验,必须要在新项目当中多多尝试不同的风格设计及表现手法,即便提供给顾客的方案当中只有2个,也要做一个贴切行业特征的和一个更为有趣、特别的风格。这就需要我们多观看和学习其他设计师的案例,系统地学习网页设计知识。



Epicurrence

-



网址:https://www.epicurrence.com/


这个网站是一个为创意工作者所举办的 Epicurrence 2018 峰会,会议地点在著名的 Yosemite。整个网站在设计的时候,都采用了令人惊叹的插画和微妙的视差,让人会忍不住与之互动。


Angelo Sanvito

-



网址:www.angelosanvito.it


Angelo Sanvito 是一名来自意大利米兰的插画师,同样精通 UI 和 UX设计,他充分地利用了自己的诸多技能,在这个简单的网站上绘制了一系列著名艺术家的肖像,倒是颇为有趣。


Atomize Design System

-



网址:atomizedesign.com


这个简约的网站就是给时下正在流行的 Atomize Design System 所搭建的,它阐述了这种设计系统的运作机制和最佳实践。


Lisa & Ryan

-



网址:https://www.lisaandryan.co


想在海量的设计机构当中找到一个适合你的品牌的,并不容易,不过 Lisa & Ryan 倒是非常称职,是个不错的选择。想知道为什么,不妨打开他们的网站看看。


Bellvoye

-



网址:bellevoye.fr/en


如果你正在寻找朗姆酒,那么苏格兰高地可能是你的第一站。可是如果你正在找一些口味独特的酒,不妨向着法国南部前进。当然,更便捷的方法也有,那就是打开 Bellvoye 这个精致的网站。


Swiss Typefaces

-



网址:https://www.swisstypefaces.com


Swiss Typefaces 是一个风格大胆视觉突出的字体供应商,他们并没有使用传统的白底黑字来呈现,而是使用对比强烈的紫色和绿色来搭配黑白两色来凸显字体的轮廓和细节。


Eleven Plants for Dum Dums

-



网址:http://www.elevenplantsfordumdums.com/


Eleven Plants for Dum Dums 是一个精美的单页网站设计,带有漂亮的插画,可以说它既是一个实验性的网站作品,也是一个排版试验场,还是一个园艺指南。


Posthaste

-



网址:https://posthaste.mailchimp.com


还记得经典的邮件服务 MailChimp 么?他们最近发布了一款有趣的游戏,在游戏中,你需要通过多发邮件带动吉祥物 Freddie 来穿越街道前进,可以说是非常有意思了。


Boy Smells

-



网址:https://www.boysmells.com


Boy Smells 是一个著名的香薰蜡烛供应商,他们的产品覆盖了男性和女性用户,在设计上也采用了大胆的字体和非常贴合品牌氛围的粉色。整个网站设计非常的现代,也非常有情调。


End Family Fire

-



网址:https://www.endfamilyfire.org/


Family Fire 指的是因为枪械保存不当而造成的家庭枪击事故。这个网站是旨在使用艺术而具有互动性的设计来教育用户,降低相关事故发生的机率,让大家家庭更加安全。


Appointed

-



网址:https://www.appntd.com


Appointed 这个网站深得工作空间的设计精髓,它是一个优秀的设计工具,散发着平静的氛围,拥有着激发创造力的能力。


Goat

-



网址:https://www.goat.com


Goat 是一个销售二手鞋的网站。通过专业的清理和精心的分类,Goat 提供着二手鞋应该有的一切服务,为此,整个网站的设计非常注意品质,整体的视觉吸引力非常强。


Coralie Reiter

-



网址:https://www.coraliereiter.com


Coralie Reiter 使用天然的贝壳等材料来制造精美的首饰,网站的设计也采用了细致到位的细节展示,呈现整个系列产品的生命力和活力。


Art & History Museum

-



网址:https://www.artandhistory.museum


网页的首图使用人物形象是极为常见的一种策略,而 Art & History Museum 则使用了夸张的古代雕像头像来替代人物头像,这是一种巧妙的颠覆。


Renegade Craft

-



网址:https://www.renegadecraft.com


Renegade Craft 这个网站同样采用了超大的字体排版来构建视觉,结合微妙的动效和明显的色块来营造独特的视觉体验。这一设计策略正符合时下的设计趋势。


Hawkins New York

-



网址:https://www.hawkinsnewyork.com


如今的室内设计市场可以说是竞争激烈,而 Hawkins New York 这个专精于室内设计的设计机构则找到了一个独特的切入点,将经典和极简主义的设计巧妙地融合到一起,形成了一个独树一帜的设计风格。


Arche68

-



网址:https://www.arche68.com/front/en


Arche68 充满强烈对比的色彩在动态排版之下,极具感官冲击力,你会在和网站的交互当中明白设计师的意图。大胆的设计要怎么玩儿,看看 Arche 68 你就知道了。


Curate Labs

-



网址:http://culture.curatelabs.co/


你会在网络上看到各式各样的设计理念,但是很少会有像 Curate Labs 这么直白的,将自家的设计理念和想法直接摆在明面上,不过这样掏心窝子的设计,也未尝不是一种独特的设计策略。


Moving Brands

-



网址:https://www.movingbrands.com


Moving Brands 这个品牌设计机构的客户很多都是像 Apple 和 Sony 这样的大型企业机构,网站的设计也别具一格,通过几何元素将自家的设计作品直接摆在首页上,创意和视觉俱佳。


Stack

-



网址:https://www.stackmagazines.com/shop/


Stack 为那些喜欢他们杂志的人提供了全新的线上订阅服务,作为最为著名的设计灵感杂志,Stack 不仅实体杂志视觉上非常突出,而且线上的内容也非常优秀。


小结

-


设计的灵感来源多种多样,不仅仅要了解别人的视觉设计,而且需要仔细体验实际的效果。许多优秀的网页设计作品,不仅仅有着突出的排版设计,而且在动效、交互、体验上有着颇为值得学习的地方。希望通过本文的分享大家能学到点对自己有用的知识。


相关阅读