• 设计众包
  • 儿歌众包
  • 软文众包
  • 童话众包
  • 动漫众包
  • 财会众包

网站色彩搭配:低调大气的黑白网站设计

发布时间:2017-02-20

作品版权:牛人版权所有,禁止匿名转载;禁止商业使用;禁止个人使用。

4538 0
(。・∀・)ノ゙嗨!

豆豆又来给大家发福利了!

一组低调大气的黑白网站设计

双手奉上!

图片素材来源:设计之家


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.小动画的应用:无论是打开网页,还是目录的浏览,小动画的应用十分广泛,使传统的网站浏览方式多了几分趣味。

当然,豆豆相信大家欣赏完这些网站,也会有自己的感悟和心得,不妨写下留言,和大家共享哦!
分享到:
Copyright © 2008 - 2024 牛人 (niuren.com)All Rights Reserved 粤ICP备17135076号 增值电信业务经营许可 电信与信息服务业务经营许可证
发布需求
点击这里给我发消息