40个逼真拟物化 iOS 图标设计作品

拟物化 (Skeuomorphism)设计比较注重形和质感，模拟真实物体的材质纹理、质感、细节等，从而达到逼真的效果。拟物化图标是 UI 设计爱好者不错的临摹练习对象，通过绘制图标过程中可以提高PS[……]

阅读全文 »

超1000个迷你图标的ICON素材包 – squid ink mini icons

今天为大家分享一组超1000个迷你图标的ICON素材包 – Squid ink mini icons，图标素材由thesquid.ink放出，并可以免费个人或商用。

mini icons[……]

阅读全文 »

折纸风格的动物图标 SVG 格式

折纸是一门手工艺术，将其应用到设计上也是挺有创意的。今天我们为大家分享一套折纸风格的动物图标：Origami Animals，动物图案可爱有趣，图标包含 PNG 和 SVG 两种图像格式。

折纸[……]

阅读全文 »

折纸风格的动物图标 SVG 格式

折纸是一门手工艺术，若将其应用到我们的网页设计或UI设计上，一定也很棒。今天我们为大家分享一套折纸风格的动物图标：Origami Animals，动物图案可爱有趣，图标包含.jpg 和 SVG 两种图[……]

阅读全文 »

让ICON生动起来 纯CSS实现带动画的天气图标

CSS3动画属性并不是很多，但重点其实是你怎样去运用它，从简单的hover状态或复杂的小动画，都可以巧妙的用CSS3动画属性来实现。

今天主要是和大家分享一个比较有创意、实用的CSS天气图标动画[……]

阅读全文 »

20个免费的动画图标素材（Animaticons Essential）

交互动画将是2016年网页与 APP UI 的设计趋势之一，其中常用的一种就是扁平化动画图标，所以多看看人家的动画运用，也许会给你带来灵感。

今天和大家分享一组免费的动画图标：Animatico[……]

阅读全文 »

为网页添加高清SVG ICON解决方案（下）

在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVG ICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清I[……]

阅读全文 »

为网页添加高清SVG ICON解决方案（上）

随着硬件快速的发展，Retina技术发展至今，目前Google Nexus6的devicePixelRatio已经到了3.5，虽然目前主流的Retina显示器还是以devicePixelRatio =[……]

阅读全文 »