sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

黑白图案的网站设计

Share

Time:

2020-07-10 03:56:10

Author:

limo



黑色和白色,这两种颜色有一种永恒而优雅的感觉。它们也会给图像带来某种特征,在本次讨论中,我们将此应用于黑白模式对网站设计的影响。


颜色能让网站更有吸引力吗?相反,有一种说法:“完美地使用黑色和白色的网站设计可以使一个网站对浏览者的眼睛更‘吸引’,而不是一个有很多鲜艳颜色的网站。但网站设计师必须知道如何做到这一点。”


大部份人都支持这一观点:“黑白网站设计的简单性是一种误导,有效地使用两种颜色来创造视觉吸引力比看起来要难得多。”


他们补充说,最关键的因素是网站的目的。这将决定你将使用的颜色。请记住,有一种叫做色彩心理学的东西,所有的颜色——包括黑色和白色——都有一种超越视觉的效果。


对于初学者:网站背景


黑的还是白的?黑色给人一种强壮、优雅、有力和权威的感觉。把它作为你的背景可能会压倒你网站上的文本和其他元素。


对于一个黑色背景的网站,建议:


包括更多的视觉元素,并保持你的内容最小


文本应该谨慎使用,因为在黑色上阅读白色要困难得多


白色被认为是所有颜色的完美组合,它也经常被用来暗示和平、沉默、纯洁和简单。但你知道白色也能激发创造力吗?因此,艺术家们在一张白纸上工作,作家们在一张白纸上打字。


有大量空白的网站(如果设计良好的话)很容易吸引眼球,也很容易阅读。视觉效果和广告很容易弹出给读者。所以,如果你想要一个文字丰富的网站,那就选择白色。


黑白网站设计的例子


为了获得一些灵感,这里有一些黑白网站,它们留下了令人难以忘怀的印象:


1、Studio Bjork for adidas




看看行吗?这是告诉查看者向右滚动而不是向下滚动的聪明方法。我们喜欢它是如何融入设计的,以及他们如何考虑眼睛的路径。黑色的背景很有用,因为这是一个互动体验网站,而不是一个展示产品的目录。


2、普通




不,这不是护肤产品线,The Ordinary是一家海鲜餐厅,他们的黑天背景是满天繁星,这是为了给人一种在星星下就餐的感觉。在这种情况下,它也是放松和和平的,完美的睡前喝酒或浪漫的约会。


3、Routalempi




Routalempi是芬兰的一个乐队,他们巧妙地使用了黑白背景的互换(尽管他们的网站主要是白色的)。他们的彩色照片也非常突出。


4、流动市场




The Flow Market是一家专注于氛围的瓶子设计公司,这在他们的网站设计,产品设计,他们的复制和他们的网站的基调中是迫在眉睫的。该公司总部设在丹麦哥本哈根。



在哪里可以找到黑白图案


如果我们的网站样本最终使您确信黑白是开始您的网站设计的好地方,那么我们准备看一下黑白图案的来源。有些是免费的,有些不是。


1.Canva




Canva通过使非设计师通过他们现成的设计和模式成为布局艺术家,震动了设计的世界。他们称黑白在视觉效果上“引人注目”。


2.设计的小屋




Design Shack提供了不同的黑白模式捆绑,你可以用于网站设计和其他设计要求,如幻灯片,海报,书籍封面,和更多。


3.Freeimages




Freeimages的特点黑白摄影的人,物体,地方,有时-模式。


4.Freepik




Freepik是另一个免费的设计图片资源。在矢量、照片和图标之间进行选择——任何适合需要的都可以。


5.Pexels




Pexels提供免费的黑白图案,从建筑到自然到物体的细节到静物摄影再到绘画。这个范围会让你兴奋。


6.Pinterest




Pinterest从仅仅是一个虚拟的钉住照片的“木板”发展而来。它已经成为一个强大的社交网络和品牌创意设计协作平台。当然,Pinterest并不缺少吸引不同类型网站设计师的黑白图案。


7.Pixabay




Pixabay特征的黑白照片的自然,矢量,和曼荼罗。有些甚至可以被打印出来作为彩色纸!


8.Shutterstock




Shutterstock是新闻和生活方式图片的储存来源,但它们也有你可以使用的艺术照片和图案。好处:他们有一个博客,在那里你也可以得到一两个关于设计的建议。


9.Unsplash




Unsplash是免费照片的流行选择。看看他们的黑白照片集,你会被迷住的。


10.Vecteezy




Vecteezy是你的中心为免版税矢量,为那些爱模式的完美。


准备好开始你的黑白网站设计了吗?这些例子和黑白网站设计模式的列表应该会有所帮助。我们迫不及待地想看看你们能想出什么来!