实用教程,用CSS创建扁平化面包屑导航

随着近些年CSS与CSS3的发展,有些东西我们可以纯用CSS去实现,取代那些需要使用背景图片的老技术。在这篇教程中,我们将创建扁平化的面包屑导航链接,不再需要使用之前流行的“推拉门式的背景图片”。

我们将面包屑链接设计成类似雪佛龙的样式,表达向下获取内容的意思。过去我们用背景图片实现这一效果,现在我们将在边框border属性的帮助下,纯用CSS实现相同的效果。

8

阅读全文…

20套免费惊艳的扁平化PSD工具箱下载

当前最热门的设计趋势莫过于扁平化设计了,去除多余的渐变,阴影及避免无意义的三维设计,真正回归内容本身设计。它是一个用来创建干净简约的设计,同时将色彩融入你网站的好方法。

下面是我们精选的20个免费惊艳的PSD文件供你下载,这可用来设计扁平化UI界面的基础。

1. A Mega Flat Style UI Kit PSD

green-flat-ui-kit_thumb 阅读全文…

2014年网页设计趋势-你跟,还是不跟?

在过去的2013年及2012年,网页设计理念或多或少都受到大公司设计风格的影响。Google过去几年中也在搜索算法上做出很多调整——更注重网站内容原创性及可用性。HTML 5释放了设计师的思维,有利有弊,HTML 5 动画有时也玩过火了。随着移动Web的访问不断增大,响应式设计变得愈加重要了。

下面我们通过简单的一些案例阐述2014年的Web设计趋势。但是,记住,不要过度使用。不是每一种趋势都适合你的客户。作为设计师或Web开发人员,你有责任紧跟趋势,并量身定做你客户的网站。

准备好,跟随我们的脚步来看看今年的流行走向,然后决定你要如何使用它们。

扁平化设计

当苹果放出iOS 7的时候,不是每个人都喜欢这种全新的扁平设计的。然后,乔纳森·艾维知道这是去掉拟物化的最佳时机,引进了极简、干净、硬朗的设计风。iOS 7发布后,大量的扁平化风格出现在网络上,今年也不例外。这不仅对移动友好,而且更能体现设计的本质——有效组织外观和感觉。

01-2014-web-design-trends-flat
完全的扁平化设计及少量动画效果

阅读全文…

2013年网页设计趋势反思

今天我们一起来反思一下当下流行的设计趋势。时至今日,设计呈现出跨越式的发展,几乎每天都有风格在改变。来自众多的灵感库也为我们的设计带来巨大的影响。

过去的岁月里,设计师把他创作的东西给他奶奶(老板)看,她奶奶点点头设计师已经很满意了。然后,这种继续思考的方式就停止了。现在,像Behance 和 Dribbble 这样的设计社区,是巨大的灵感宝库。每个人都可以上传自己的作品,获得他人的赞赏和点评。通过这些社区,你随时随地了解设计的改变和趋势。

设计师彼此查看作品,收集喜欢的,标注和进行评论。如果在以前,设计趋势只能通过工业设计巨头来牵引,现在人们可以在任何地方通过社区设置他们的趋势,及全球化推广。伙计们,我们生活在一个美好的时代!

好了,我们了解2013年我们将看到更多的风格设计吧~

trends-2013 阅读全文…