首页

再不学就落伍了!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

html5动效系列二十五:纯CSS3响应式分页插件

蓝蓝设计的小编

这次我们要来看一款纯CSS3实现的响应式分页插件,对于分页插件,之前我们也分享过一些,都是基于jQuery分页插件。这款CSS3分页插件可以完全自定义分页条的样式,包括鼠标滑过时的背景颜色、页码的数量以及前后翻页的按钮。

css3-responsive-paging

html5动效系列二十四:分享几款CSS3菜单导航

蓝蓝设计的小编

这是一款基于纯CSS3的菜单导航,这款菜单非常有个性,菜单背景是一页古老的笔记本纸张,菜单项像是浮动的文字一样嵌入在纸张上。鼠标滑过菜单项时会出现不同的背景线条,显得相当可爱。这款CSS3菜单导航非常适合在个人博客中使用。

css3-menu-personal

日历

链接

个人资料

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

存档