您现在的位置:首页 > 设计> 网页设计找不到完美的色彩搭配?不如直接选择单色吧!

网页设计找不到完美的色彩搭配?不如直接选择单色吧!

也许你会认为单色的网页设计太过单调,那么,就让AnyForWeb用下面的案例打消你的疑虑。网页不会因为色彩而无聊,用户会通过色彩看到设计师的心。

2014年07月

设计

在《2014年全球网站设计的15个趋势》中被提及的极简主义,还有在《2014年移动端界面设计分析》中被列为首位的唯一主色调,如果这两种风格元素在一个网页中碰撞,一定能迸发出独特的火花。

也许你会认为单色的网页设计太过单调,那么,就让AnyForWeb用下面的案例打消你的疑虑。网页不会因为色彩而无聊,用户会通过色彩看到设计师的心。

1.你能想象一个网站的页面只由纯色块和最普通线条组成吗?第一个案例让你大开眼界。这样的设计在技术上也许新手设计师就能轻易完成,设计想法也并不出跳,最简易的两者组合在一起,却表现出了令人意想不到的视觉效果。

2. Design Week Portland的网页首屏也采用了单色的设计手法,页面中只有大色块,以及比较复古字体的文字。这个案例提示我们,如果要用不那么中规中矩的字体,背景尽量要选择单一或模糊的图片。

3.下面这个案例从严格意义上来说并不属于单一色的网页设计,只能称之为背景单一色系。背景使用了高清的仿真图片,涂鸦风格的文字覆盖在背景上方,让整个界面看起来更加自由不羁,多了一些城市街头的感觉。

4.大面积使用透明度极低的色块作为网页背景,会让界面显得更加自然清新。手绘风的可爱字体设计让网站加入了一些天真和童趣,与纯色背景相得益彰。网站整体的颜色搭配也十分流畅。

5.灰白色系的背景让网页中心的TheSecret Door变得更加神秘,把页面气氛渲染到更深入的层次,增强了浏览者的点击欲望。单色背景在这个案例中的主要作用在于烘托网站所要表达的心情和氛围。

6.这个案例也并不算是一种典型的单色网页,但也许能为设计师们带来一些灵感。背景来源于天空,良好的前端效果让我们仿佛惬意的置身于云层之上,带来一种前所未有、朦朦胧胧的独特美感。

7. 这个可爱的全局扁平化网站由几个分页面组成,每个页面都有不同的主色调,但互相之间毫不冲突,仔细思考之后,会发现它们之间有着微妙的联系。浏览时,你也许不会吝啬你的鼠标,想要点击每一个图标按钮。

8.大范围使用橙色作为背景似乎显得有些大胆,在视觉上,橙色给人一种过于鲜亮的印象。但在此案例中,设计师用黑色的加以搭配使用,让网站看起来不那么突兀冲击,反而多了一些年轻和活力。

9.这个网站的风格只能用极简来形容了。灰白底色和文字,网页中找不到任何多余的成分和元素。设计师很有心思的在背景中加入了纹理的设计,让整体看起来更加真实化,不那么单调。

10.与上一个的案例相反,设计师选用了略显沉闷的黑色作为网页背景色,但效果却也不一般。如果白色给人一种纯洁简单的感觉,那么黑色就是与众不同的代名词了。感受一下。

想要实现一个简单大气的网站,不如就从开始颜色入手吧。在五彩缤纷的众网页中,单色的设计反而能脱颖而出。

本文版权归伽然公司旗下AnyForWeb所有,转载请注明出处。


AnyForWeb定期通过伽然旗下对外知识与技能分享机构--伽然书院,发布Web相关趋势评论文章,涉及视觉、界面、交互等领域,了解更多动态请关注伽然书院公众号!




订阅

欢迎订阅Anyforweb UED
欢迎订阅Anyforweb UED

栏目推荐

栏目推荐
2017年全球网站设计趋势全预测

AnyForWeb为大家带来全新2017年全球网…

栏目推荐
从客户角度看web设计

本文讲述了一个设计师在做设计时的众多…

栏目推荐
网页会把你当成孩子一样给你讲故事

有情节的事物总能让人们更容易的记住,…

栏目推荐
不用担心网页逻辑太过凌乱,网格布局卷土…

网格布局的网页设计并不算什么颠覆式创…

栏目推荐
扔掉黄金比例,网页布局还能这样做!

曾经有人说过,“布局虽然只是内容的表…

栏目推荐
AnyForWeb分享:图文搭配,网页…

从过去到现在,设计师们总是对方位性的…

栏目推荐
用户体验设计PK战!脸书vs人人

脸书和人人对各自的用户群体都有着很大…

AnyFroWebUED  

版权所有 © 2009-2016  沪ICP备14026814号-10

 

 

返回

很抱歉!

您现在还没有开通阅读权限,如有疑问,请联系我们。

联系电话:021-52047186

返回