很好奇那些在Dribbble、Behance上发表佳作的大神们都是在哪里找素材的么？对，即使是他们也需要优秀素材的支持来完成好作品，今天我们我们来揭秘一下他们的素材来源。这当中有网站，有PSD素材站，有高清图片网站，有搜集UI元素的博客，有视觉稿合集，这些免费的素材就是他们的灵感库。 和以往所有的列表一样，他们可能看起来距离“伟大”的设计有点距离，但是设计师不就是用来化腐朽为神奇的么？ 1. Fribbble 来自Dribbble的免费素材会在这个网站汇集，有图标、PSD、各类视觉稿，不一而足。 2. Behanc…
CSS3动画属性并不是很多，但重点其实是你怎样去运用它，从简单的hover状态或复杂的小动画，都可以巧妙的用CSS3动画属性来实现。 今天主要是和大家分享一个比较有创意、实用的CSS天气图标动画，静态的天气图标看上去是很呆板，若加上动画，看起来会更加真实生动，以下例子就是很好的参考案例。 下面我们来做一个会下雨的天气图标实例，过程其实很简单哦。 STEP1: 整体HTML架构 <div class="icon rainy"> <div class="cloud"></div> &…
30个高质量的英文字体免费下载 你能在网上找到非常好的高质量字体么? 当然, 看看我们收集的这个列表! 你可以在自己的设计作品使用,不管是打印还是数字化! 你可以在标志、网站、广告、传单等更多更酷的项目中使用这些高质量的免费字体。 这些字风格涵盖很多，从大胆到纤细,无衬线、衬线,大小写字母等等。 你一定会找到你喜欢的! 点击标题免费下载，部分需使用代理 BIG JOHN / SLIM JOE DEBBY BARON ANDERS ADAM.CG PRO GAGALIN BASTON AVENTURA ALCUBIE…
快速发展的技术、千变万化的趋势、应接不暇的软件和素材，都是网页设计师需要面临的挑战。但是撇开这些一直变化的东西，有一些基本的技能或者说能力，是设计师必须熟练掌握的，甚至需要网页设计师们闭着眼睛都能搞定相关的问题。那么，今天我们简单盘点一下网页设计师必须具备的十大基础技能吧。 1、熟练掌握HTML/CSS代码 不论你是不是开发者，网页开发最基本的语言HTML/CSS 你是有必要掌握的，知道如何阅读、编辑并解决问题。然而根据设计师/开发者的实际工作情况，你所需要了解的程度、范畴甚至会更广一些。 在任何情况下，你都应该清…
Kylo Ren stamp Star Wars - Rey stamp Star Wars - Finn stamp Kylo Ren by Eddie H Kylo Ren by Pilot Studio Star Wars The Force Awakens Rey Speeder The Force Awakens by Dan Mumford Star Wars Droids by Paul Shipper The Force Awakens - Finn by Paul Shipper The Forc…
AMC Gabriella&Jean monogram by kissmiklos Crane & Co. logo by Louise Fili Otto Climan Studio AC monogram by Miro Kozel NK Monogram Dallas Opera by Pentagram FR Viktoria Minya by kissmiklos Artists & Algorists PR Monogram by Steven Graham BD Monogra…
与流行的看法相反，CSS不仅仅是用来提供一个WEB页面的基本风格，以使它看起来更有吸引力。还有很多其他的事情，CSS也可以做的很好。由于它创建动画和交互的能力，CSS集合HTML以及JavaScript给WEB开发者提供了尝试不同方法的机会。 浏览器就像一个空的画布，WEB开发者可以在这里尽情的发挥。下面是18个人们用CSS创建的又酷又有创造性的东西的例子，从原始字符到有趣的动画，有很多激励你自己将时间花费在CSS上。 1. The Simpsons Chris Pattle使用纯CSS创建了Simp…
1. Kenshoo 2. Desktime 3. SWISS airlines 4.Inside Abbey Road 5. Beagle 6. Khan Academy 7. Impossible Bureau 8. Periscope 9. Ice and Sky’s educational program. 10. Toptal Designers 11. Litmus 12. Mikiya Kobayashi 13. ETQ 14. JOHO’s 15. Unmetric 16. Format …
听人聊到全栈设计师的 时候，这看起来像一个华而不实的概念诞生了。乍一看这个高大上的概念似乎在说一个意思：全能型设计师。在过去，我们曾推崇“专业的事情让专业的人来做”， 而团队关系中，设计师的职责就是认认真真做设计，程序员踏踏实实写代码，各司其职，合作但尽量不相互干涉。然而随着产品设计思路的变化，团队的协作方式的 演进，团队中每个角色的职责范畴开始发生改变。这种改变的原因是多方面的，这个看起来很“忽悠”的概念，如果真的深究起来，却是真的有其不得不这样的原 因。 什么是全栈设计师 相比全栈设计师（Full Stack …
单页网站的定义非常明确,大概意思是:一个单页面组成的网站,一个页面URL。 这是一个滚动式的页面设计,不需要点击跳转的。 我们喜欢网络的第一要素是因为它是不断进化的。 年复一年,新工具和设计方案不断地出现,旧形式的淡出。 Flash在1996年崛起,现在呢?如今仍然在流行的和使用吗? 拖放界面在2008年成为普遍,但它还是被认为有前途的。 单页设计，作为一个热门趋势，尽管这不是主流趋势,但作为新的设计风格,越来越多的设计师注意并且使用。 《Things you did not know about addictio…
上次给大家分享了《【前端动效】一大波css按钮动效袭来》 今天带来67个按钮动效，附GIF效果和codepen链接，bingo~总有一款适合你！ Button Animation HTML + CSS (SCSS) http://codepen.io/alexpate/pen/YyLOWQ/ Expanding Share Button HTML + CSS (LESS) + JavaScript (jQuery) Delicious transitions going on here :-) http://cod…
意是无处不在的，在网页设计中，若发现一些好的灵感或趋势，就尽量去尝试应用到你的项目上，把哪些枯燥的、已经烂大街的创意能少用就少用了，毕竟设计师也是要提升自我，不要为了快速完成工作就随意了事。 今天为大家整理的网页设计创意有图像遮罩、混合模式、交错排版，这些在网页设计中不常用，看起来却挺有创意的版式创作，在实际操作中难度也不高，Web设计师们都可以试试，下面一起看看这些网页设计灵感，喜欢的可以试着做哦！ 图像遮罩（Image Mask） 会PS的人都懂图像遮罩怎么使用了吧？看看下面的例子，其它可以这么玩的哦，简单美观…
今天给大家分享一组来自dribbble的APP界面动效设计，希望大家在这能找到一些灵感。涵盖运动、旅行、天气等等。 Abracadabra App Secret Project COVERT INBOX City intro animation GIF Animation of an App Map-Interaction Sport App Coffee Maker App GIF Sticker App Tab Bar Animation
在今天新网站设计中，很多网页设计师对于登录表单设计并不是太关注，一些网站还是希望提供一个从上到下完全定制的、个性化的体验! 下面这20个网站有一些表单的设计有趣的例子 ! 这更像一个表单展示设计从过去到现在的历史时间轴! 这些设计有很多不同的风格，每个都有自己独一无二的方式。 CodeQuest Contact form Eddie-Lobanovskiy Indofolio Cabedge Soap Box Simple contact form Surfuzz – Sign Up Page Tem…
Webey Hexagonal Anet Design Passeig de Gracia Chien Jaune Studio Andrei Gorokhov BigBang Incub Apicula Johan Glans Multiview Nerisson My Poor Brain Built By Buffalo Simone Marcarino Hexagram – Unique onepage PSD portfolio Hexagonal – Unique Business & Port…
前言：这篇短文将会探讨UI设计中动画的过度使用，并将其与早期的视觉设计进行对比，提出一些对于有效的GUI动效设计的建议。 我们将在下文中，简单探讨如何改善下面的这个交互。 UI动效设计的反面案例（线上Demo） 注：这个反面案例并非假设，而是来自近期的真实客户案例。 概述 自从 70、80 年代首个光栅图像在CRT屏幕出现以来，人们对于（数字）视觉设计的态度一直在不断进化。与其他艺术领域不同，在数字设计领域显露的趋势，与使用设备的发展史紧密相关。 设备能力的提升有目共睹，显示器技术使分辨率从CGA320*200，到…
Free SEO Icons PSD 下载 Free Ecommerce Icons (AI, EPS, SVG, PDF) 下载 Free Voyage Icons (AI, EPS, SVG, PNG) 下载 Creative Fields Icons (AI, EPS) 下载 Favorite Objects Icons (AI) 下载 Free Icons (AI, PNG, PSD, EPS, Web Font) 下载 Game Elements Icons (AI, SVG) 下载 Old School…
今天带给大家300个扁平化矢量图标免费下载，文件主要包含pdf/svg/png格式比较适合网页设计和界面设计应用 涵盖摄影摄像，移动无线，箭头类，数据类等等，欢迎下载（页尾附百度网盘地址） 百度网盘下载
