FiFi Design

视觉改变生活 细节成就体验

Tag: 矢量图标

2014设计趋势:浅谈矢量图形iconfont的前景

矢量图形对于从事设计的我们来说并不陌生,大多设计师都不同程度的接触过illustrator、CorelDRAW等矢量绘图软件,但在网页应用中很少被触及,如果非要说有的话应该算Flash的swf矢量动画。我们在过去图形应用中更多接触的是位图格式的图形,但在过去的几年里,随着硬件和技术等外部因素的影响,位图应用给设计师的效率和开发成本带来了挑战,举个例子:
一个图标要适配pc端、移动端或retina屏幕的话上就要设计两份或者更多,前端开发[……]

继续阅读

向高手迈步,浅谈图标字体化Icon Font

FiFi前言:随着大分辨率手机的发展,越来越多视网膜手机出现在我们面前,包括现在热度很高的4k显示器,都给项目开发过程中设计师带来了难题。因为越大的分辨率就意味着需要制作设计更大的图标,同时还要为了适配不同的分辨率屏幕而制作不同的图标尺寸。但矢量图标或者说图标字体Icon Font将改变这一难题。

FiFi用的Macbook Pro Retina在阅览网页时候就发现不少网站已经使用的Icon Font,比如“淘宝”、“支付宝”、“[……]

继续阅读

[一淘UX]如何在移动设备上使用iconfont矢量图标

随着IOS7普及,扁平化设计在移动设备的应用越来越多,iconfont在移动设备上应用的话题也越来越受前端工程师关注,下面是阿里妈妈MUX团队在移动平台应用的一些经验教程;

iconfont的优点

iconfont在web上的应用已经很广泛,如淘宝、一淘、sina、豆瓣等大网站都已经在自己的网站上应用了iconfont技术;它能有效的解决分辨率的问题,并且在应用的时候非常便捷,节省前端、设计很多重复改图、调色的工作。在移动设备上[……]

继续阅读

© 2020 FiFi Design

登录 Copyright © 2010-2014 All Rights Reserved. FiFi Up ↑