首页

跟上色彩潮流!带你展望2015年的网页设计配色趋势

博博

2015-website-color-trend-1

前几天分享的2015年春夏流行色人气很高,今天直接放干货,@AnyForWeb_UDC 的同学根据2015年的色彩大致趋势走向,结合相关的设计经验,作出了以下网页配色预测分析,来看看有哪些亮点吧。

提前搞定2015年的设计好文:

 

一、Metro和柔和鲜嫩的色彩

Odam Luiran的网站是Metro风格,这种风格尤其适合一些比较鲜嫩柔和的颜色,扁平化网页设计在2014年中的流行让柔和色彩的用途变得越来越广泛。这样的色彩基调将在2015年得到进一步的延续,马卡龙色系也许会常常出现在网页设计中。

二、偏灰的冷色系粉彩

偏灰的冷色系色彩是一种看起来比较百搭的颜色,但是实际上,要将这类颜色使用的恰如其分却并不是一件容易的事情。这类色彩表现的比较中性,所以搭配任何颜色都不会显得突兀,但也不算出挑,而要让色彩之间真正融合,应该选择清淡的粉彩系透明色,让网页看起来清新脱俗。

还有哪些搭配方法?阿里前辈在前,就不多说咯:《色彩搭配速成!3个实用方法帮你全面搞定配色》

再不学就落伍了!15个设计感极强的LOW-POLY网站欣赏

博博

Community Machine 18个超酷的多边形背景网页设计

低多边形现在火得一塌糊涂,前段时间优设推荐了这篇《这效果超火!教你创建高大上的多边形字体》,短短一月,超过20万人阅读学习,今天我们继续收集一组设计带感的多边形网站,同学们可以收藏学习一下。

特别提醒:对 www.soleilnoir.net 这类文案与动效齐飞,惊艳共传奇一色的神站,童鞋们请务必用谷歌或者火狐打开。

Sanissimo

Sanissimo

Vauxco

Vaux Collective

如何快速设计一款好BANNER?6个步骤帮你速成!

博博

世界看脸,网站看Banner,门面当然要漂亮,不过很多同学以为做Banner是门技术活儿,自己学艺不精做不了。如果你看了今天这篇文,就会明白,技术于Banner,就像刀法于人,虽有招式,但无内功支撑,久战必败。而这篇好文,就是Banner的内功修炼心法,按6个步骤来,速成可待。

资深交互设计师 :团队小伙伴问到这个问题,发了一封邮件分享自己的思路,顺便贴过来。

推荐!网页首屏设计之图文混排的10大技巧

博博

 首先网页首屏中的文字必须具备可读性才行,所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景,那么你需要使用白色或者浅色的的文字,而当背景比较素雅的时候,文字可以使用深色,这就是我所说的强化对比。

当然,对比不仅限于色彩,文字同样存在对比。文字与图像相互配合,才能达到出人意表的效果。例如第一个案例,Packdog网站的设计,大图作为背景,用色浓郁,文字则正好相反,轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。

信息可视化图表设计

用心设计

信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是
信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解到我们想知道的内容,发现各式各样的关系,达到最终解决问题的目的。信息可视化的意义就是在于运用形象化方式把不易被理解的抽象信息直观地表现和传达出来。

26副本

如何通过设计让用户更准确地做出选择?

用心设计

前方高能,鉴于译者是处女座,所以感觉本文的原作者也是处女座,文章没有高深的策划理论,但是把平常我们觉得很简单的表单
设计思路挖得很深很透彻,将小小的最平常的一个选项设计应该采用哪种方案一一列出,在理之余,也把用户的一些思维模式放出来。很多时候感觉我们经常在思考
一些大的华丽的东西,却不知道其实每一个小的设计其实都可以钻研、都可以有不同的设计方案。与喜欢钻研交互设计的朋友们共勉~~英语能力有限,欢迎吐槽指

shejixuanze

html5动效系列二十六:分享几款HTML5 动画图表

蓝蓝设计的小编

一款基于HTML5 Canvas的折线图表,这款HTML5折线图表的特点有两个,一个是图表是有动画效果的,即在图表初始化的时候带有动画;第二个是这个HTML5折线图表可以让你动态添加数据节点,并且用折线平滑地连接,Canvas是这款折线图的一个画板。

html5-canvas-animated-line

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档