首页 > 网站建设 >

网站建设案例欣赏与国外同行的网页设计经验分享

发布时间:2018-03-01 作者:网站建设公司

 网页设计、APP前端设计案例,EZEQUIEL BRUNI – 这次的 20 个设计师作品集网站是 2 月份当中所涌现出来的新站点,精挑细选之后筛出了这些具有代表新的作品。通过粗略的观察之后,可以发现极简的设计依然是当前的主流,不过越来越多的设计师开始熟练运用动效来实现各种有趣的效果。

不过值得一体的地方在于,在挑选这些网站的过程中,我所注重的不仅仅是创造性和原创性,我同样在意网页的可用性和易用性,有的时候为了创意而牺牲功能是我所不能接受的。

网页设计师Christopher Kirk-Nielsen


Christopher Kirk-Nielsen 是以为前端开发/动效设计师。虽然许多动效设计师所设计的网站常常会出现动效突出,可用性不佳的问题,但是这一问题并未出现在他的网站上。

毫无疑问,网站的设计给人一种非常“原始”的感觉,可见Christopher Kirk-Nielsen 是以为 80 年代美学爱好者。

网页制作设计师Less+More


Less+More 采用了典型的“大留白+加粗标题字体”的设计,此外,设计师采用的图片素材也同样大气无比,搭配上微妙的动效,整个设计显得颇为耐看。

网站建设前端设计师Marina Rachello


每次看到Marina Rachello 这样的色彩鲜艳丰富的作品集网站,我总会怀疑我对于单色系网页设计师的倾向是否正确。大胆的色调和黑色的文本总体还是构成了 不错的对比,不过有的地方还是让人看得眼晕。

网站制作设计师Antoni


Antoni 这个站点是一名摄影师的作品集网站,在视觉上采用了令人愉悦的视频背景,搭配简单又实用的极简主义设计和动效,整个网站所呈现出来的素养相当的专业。

网页设计制作Nikos Pandazaras


Nikos Pandazaras 的作品集和他的摄影作品一样艺术化,极简的风格,非传统的布局,加上颇具艺术感的动画,说起来风格气质上倒是高度的一致。

网站制作设计师Dow Smith


Dow Smith 一直坚持设计简约的网站,而他的这种执念似乎越来越深了。他对于留白有着近乎疯狂的热爱,配合纤细的字体,他的网站基调就这么定了下来。

除此之外,网站采用了一些动画效果,每个作品都用内嵌HTML5 的视频来呈现,便于用户获取信息。

Prollective网站制作设计师


Prollective 的设计采用了极简主义的风格,高饱和度的渐变色彩让网站看起来非常符合时下流行的趋势。虽然网站对于字体的依赖很高,图片素材相应较少,但是依然给人充满活力的感觉。

Blue Productions网站设计师作品欣赏图


Blue Productions 的名字里面就带有蓝色,在设计网站的过程中也确实大量地运用了蓝色来点题。他们是一家视频制作的机构,他们的网站很自然地采用了视频背景,不过他们的视频内容本身,是非常值得期待的。

galgo.studio网站建设前端设计师作品图


galgo.studio的上一个项目是和谷歌一起合作的,不知道他们现在这个极简风格的网页是否是受到谷歌启发制作的。网站设计得干净流畅,除了主页有那么一点可用性问题之外,整个浏览体验还是很愉快的。

Julie Bonnemoy网站制作设计师作品简图


Julie Bonnemoy 的作品集网站完全是由滚动操作来驱动的,当你向下滚动的时候,动效驱动着你不停获取更多的信息,随之出现的作品页面则以一种不对称的布局呈现出来,雅致而耐看。

Dinner for Five网站制作设计师作品图


Mitsugu Takahashi 的作品集网站设计得颇为优雅,它使用了独特的字体和充满高级感的图片来营造它独特的品牌气质。网站的滚动动效本身非常的有趣,充满让人浏览的驱动力。

Jermaine Craig网站设计师作品图


Jermaine Craig 的作品集网站采用了一种风险较大的首屏设计:将一大段文字摆在访客面前。这种反模式的设计有的时候还是蛮有用的。

Paper Tiger网站前端设计师作品图


Paper Tiger 采用了近乎经典的极简设计,网站中间的数字 10 采用了丰富且鲜艳的色彩来呈现,在大面积的留白之下创造出视觉焦点,又不显得过于突出。

James Merrell Architects网站制作设计师作品图


我并不清楚为什么建筑设计师都那么喜欢PowerPoint 风格的网站,但是James Merrell Architects 这个网站确实设计的还是挺不错的。网站的CSS和JS 都写的非常的合理,确保了功能的可用性。尽管这样的网站和我的什么相去甚远,但还是得承认它做的不错。

Kickpush网站设计师作品图


鲜艳的红色,扁平化的网站设计,微妙的动效,都可以看出这个名为Kickpush 的开发团队在设计和开发上的丰富经验,而他们这个作品集网站最突出的还是他们反讽的幽默感:“我们不喜欢互联网。我们来自阳光明媚的伦敦。”

MoreSleep网站制作设计师作品图


这个名字叫多睡觉的设计工作室,在审美上有着自己的一套,在网站设计上也非常特立独行地选择了横向的布局。

Nathan Young网站制作前端设计师作品图


Nathan Young 的作品集采用了多重幻灯片的方式来呈现他的作品。

Jack Davidson网站设计师作品图


Jack Davidson 是一名摄影师,他的作品集网站将光标替换成为每副作品的编号,大量的留白当中只显示一张摄影作品,非常有趣。

Amateur.rocks网站制作前端设计师作品图


Amateur.rocks 这个作品集网站当中,看起来都是文本,实际上当你将光标移动到特定的项目链接上的时候,就能够预览作品,点击可进入。

Giovanna Silva网站前端设计师作品图


Giovanna Silva 的作品集网站的设计也算是独具匠心了。点击进入不同的作品页面的时候,图片会随着光标移动而移动,当你点击它的时候会固定,从而构成一幅独特的拼贴,随后布局会自动调整为标准的布局。深圳福田网站建设博纳网络编辑整理。

文章标题:网站建设案例欣赏与国外同行的网页设计经验分享
本文地址:https://www.198bona.com/news/970.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯