大连富海教育罗斯福校区欢迎您

富海教育-网站课程-色彩搭配:低调大气的黑白网站设计

作者:宋老师来源:大连富海教育发布日期:2017-07-31

分享一些来自外国的网站色彩搭配案例,主要是一些低调大气的黑白网站设计,对于正在学习UI设计的你,在配色方面一定会收获不小哦!




Coats Special

    



1.webp.jpg

在网页的设计中,目前来说最流行的就是16:9的全图型,Coats Special的界面简洁友好,而图片的选取了衣物的某个细节,并加以放大。凸显了男性沉稳内敛的风格。



Catacombs of Naples and Rione Sanita

    



2.webp.jpg

利用视差网页技术来展示英文字体,各种英文字体的排版也有的放矢,非常有创意,特别是背后完全虚化的背景图片形成了一种“立体感”。



Marmoelite

    



3.webp.jpg

这个网站只显示一个小图片在左上角,右边是悬浮的大段文字,有点意思,当然用户点击导航链接的时候会有交互展示,大家有条件的可以翻墙出去看下。



Aaron Marquez

    





4.webp.jpg

Aaron Marquez是 针对特斯拉系列电动车的宣传网站,出乎意料的简洁感啊,不过据说已经开始支持VR浏览,在这网站上你可以享受驾驶的感觉,一边查看各种参数,很好的体验啊!




Tantalum

    




5.webp.jpg


人物肖像对视觉引导天然有不可思议的力量,现在全屏网页正在风头,大量的的设计师已经将背景人像这种技巧运用上去了,效果的确超级赞!




New Style Digital

    




6.webp.jpg


好看的模特绝对是是灵感的自助盛宴!有没有女生设计师和我一样想要舔屏呀!



小伙Elastique

    





7.webp.jpg


个网站只显示一个小面板文字介绍在左上角,有点意思,当然用户点击导航链接的时候会有交互展示,大家可以学习一下其中的设计理念!



Y78

    



8.webp.jpg

这种居中文字显示,其实一种很冒进的设计方案,文字的摆放一定不是随心的,而是与画面中某些元素之间相辅助的。


就上面这个网站而言,直接将广告语介绍打出来,简单高效的抓住用户的目光,而不是用各种繁杂的元素干扰分散用户的注意,国内的一些网站设计师真的应该好好学习一下哦!



Zoltar Speaks

    



9.webp.jpg

网站的左侧菜单和内容交互得很好,四个不同的模块,跟随鼠标的悬停、点击会有滑动流畅的动画效果,看起来挺酷的。



Charlie Burger

    



10.webp.jpg

富有经验的设计师善于抓住不同的的变化,形成一种对比,在实际的展示中,即使只是一张静态的图片,运用得当,也很容易抓住人的眼球,表达你的要点。



Biatec Watch

    



11.webp.jpg



Yeosh

    



12.webp.jpg


正如前面所讲的,人眼视觉对变化其实是很敏感的,看上去像是很简单的布局,但当然滑动滚动条或点击不同的链接,会有意想不到的效果哦!



Mossio

    



13.webp.jpg

大连富海培训学校是市教育部门直属的一所大型专业培训学校。经过22年的发展,现在在大连市已有六所规模较大的校区,现

tel-11.png