(。・∀・)ノ゙嗨!
豆豆又来给大家发福利了!
一组低调大气的黑白网站设计
双手奉上!
图片素材来源:设计之家
1.Coats Special
链接:http://speciality.coats.com/auto/en%20
Coats Special网站的滚动式浏览方式很有特色,目录标题加了很多细节,比如小动画的制作,来帮助用户更快地找到想要的内容,这些都是我们可以借鉴的地方。
2.Catacombs of Naples and Rione Sanita
3.Marmoelite
链接:http://www.marmoelite.com/?p=home
Marmoelite以纯黑色为网站基调,上下滑动式浏览网站界面,打破了网页的常规设计。
4.Aaron Marquez
5.Tantalum
链接:http://tantale.nouvellesecritures.francetv.fr/en%20
Tantalum的创新之处在于网站页面简洁,仅仅用几个浮动元素标出具体界面,不影响网页的完整性,用户浏览体验更好。
6.New Style Digital
链接:https://newstyledigital.com/
用户体验中最关键的一项元素就是网页加载速度,持续缓冲的网页界面很有可能使用户失去继续浏览下去的兴趣。
除了提高缓冲速度,New Style Digital每帧网页的加载都附有小动画设计,给用户带来更好的体验。
New Style Digital网页加载时,用户看到的不再是空白的画面,而是灵动的眼睛。
7.Elastique
链接:https://www.elastique.de/work/
上下滑动式浏览方式和随滑动弹出的页面目录是Elastique网页设计最大的特点所在。
8.Y78
链接:http://y78.fr/
分割式设计使网站内容更加明确。
9.Zoltar Speaks
链接:http://brexit.impero.wtf/%20
10.Charlie Burger
链接:http://charlie-montagut.com/
11.Palazzina Creativa
链接:http://www.palazzinacreativa.it/
12.Biatec Watch
链接:http://biatecwatches.com/
下拉式搜索框使网页界面清晰明了。
13.Yeosh
链接:https://yeosh.ch/%20
14.Mossio
链接:http://www.mossio.co/
黑与白的对比突破了传统的网页设计布局。
15.Particle Love
链接:http://particle-love.com/
16.Zofia Chylak
链接:https://chylak.com/
17.Authenticff
18.Rimowa
链接:http://rimowa-electronictag.com/en-DE/start?continent=EU
好了,欣赏完以上的优秀网站设计,我们来分析一下这些网站的共同特点,便于借鉴和学习:
1.注重用户体验:比如网页加载过程中使用小动画来过渡,给用户更好的体验;
2.注重网页设计的完整性;
3.浏览方式别出心裁,引起用户探索网站的欲望;
4.小动画的应用:无论是打开网页,还是目录的浏览,小动画的应用十分广泛,使传统的网站浏览方式多了几分趣味。
当然,豆豆相信大家欣赏完这些网站,也会有自己的感悟和心得,不妨写下留言,和大家共享哦!