如何在PS与前端开发上使用Font Awesome字体

Written on:八月 27, 2015
Comments are closed

这是一套非常棒的字体图标,能够应用到原型中。

下载后的压缩包中包含了Fontawesome字体文件的多种格式,一般比较常用的是“.ttf“格式。可根据需求进行安装。

下载地址:http://pan.baidu.com/s/1gdnNHOf

fontawesome

http://fontawesome.dashgame.com/ Read more…

交互设计入门–了解交互设计

Written on:三月 18, 2015
Comments
are closed
交互设计入门–了解交互设计

1.成功的互联网产品具备哪些要素? ①当你的Boss需要做个产品时,它首先必须是可实现的,这也是为什么核心程序员架构师的待遇普遍较高的原因,因为他们是生产力。那么成功的产品首先要具备–可实现模型。 ②产品做出来干什么?“方便用户,让用户玩的爽?”当然不是,产品的终极目标是盈利,你的领导也只关心这个。怎么才能盈利,而且是可持续的盈利。这需要具备第二个要素–业务模型。 ③有了实现模型和业务模型产品就成功了吗?以前是,但如今时代不同了,大多数的应用已经不存在技术难题,在这个企业不缺系统,互联网不缺产品而用 户不懂技术的时刻,你靠什么赢得用户?强大的运营队伍也只能推动一个峰值,最根本的还是需要产品的第三个要素–使用者模型,使用者模型像水一样,可以成 就一个产品,让产品走的更远,也可以毁掉一个优秀业务模型的产品。

Read more...

移动端访问pc网站自动跳转移动端网站代码

Written on:二月 28, 2015
Comments
are closed
移动端访问pc网站自动跳转移动端网站代码

4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?

Read more...

UED和PD对于线框图不同的定位

Written on:十月 15, 2014
UED和PD对于线框图不同的定位

本周和PD(产品经理)们进行了一次《线框图以及Axure入门》培训。这是应几位PD的需求,他们也要学习如何设计线框图,所以想更加高效进行入门。 在场的有UED,有PD,我发现,对于两者都要画线框图,引发了一些讨论,这也是我事先预想到可能会引发争议的部分。

Read more...

移动端app界面设计之尺寸篇

Written on:九月 22, 2014
移动端app界面设计之尺寸篇

移动端app界面设计之尺寸篇,详细讲解移动设备app设计时的尺寸。

Read more...

embed标签中让flash透明的方法!-Mozilla Firefox中实现Flash透明背景

Written on:三月 27, 2014
embed标签中让flash透明的方法!-Mozilla Firefox中实现Flash透明背景

要在一个静态的背景上加一个透明的Flash会显示动态的效果,按照常规方式加了代码后,在IE中能显示透明背景Flash,但是用Firefox浏览器却发现没有透明的效果,那究竟应该怎么加呢?于是搜索和研究了一下。

Read more...

10个CSS简写技巧让你永远受用

Written on:三月 3, 2014
10个CSS简写技巧让你永远受用

CSS简写就是指将多行的CSS属性声明化成一行,又称为CSS代码优化。CSS简写的最大好处就是能够显著减少CSS文件的大小,其实还有很多其他益处。臃肿而杂乱的CSS样式表会使你遇到问题是难以调试。尤其是当一个团队在进行设计的时候,你的臃肿的CSS代码会使你的团队其他成员的工作效率下降。 今天,暴风彬彬整理了一些CSS简写技巧,它们其实是CSS最常用的写法,但是太多的人使用Dreamweaver这种所见即所得软件来编写CSS,使得代码过于臃肿。不过没关系,看过本文之后,你一能能掌握CSS代码优化的技巧,今后让你的每一个CSS样式表都看起来整洁而简短吧。     属性值为0 书写原则是如果CSS属性值为0,那么你不必为其添加单位(如:px/em),你可能会这样写: padding: 10px 5px 0px 0px; 试试这样吧: padding: 10px 5px 0 0;   移除选择器 选择器是你在为一些元素应用CSS样式时的基本方法,比如h1, h2, h2, div, strong, pre, ul, ol等等…如果你使用了class(.类名)或ID(#id名),那么就不用再在声明CSS时包含选择器了。 div#logowrap 尝试扔掉多余的选择器吧: #logowrap 在这个例子中所谓的那个选择器就是div   *总爱和你开玩笑 要明智的使用*而避免它在整个CSS样式表中乱开玩笑,*是个通配符,你可以使用它来为你的设计部分或全部进行一系列CSS声明。例如: * { margin: 0; } 这个声明会将所有元素的margin值设置为0,同样的,为了严谨起见,你可以尝试这样设置: #menu * { margin: 0; } 这样的声明是指将#menu下的所有元素的margin设为0。   背景 背景(background)属性可能会包含设置背景色、背景图、背景图的位置和背景图重复方式的参数,你可能会写成: background-image: url(“logo.png”); background-position: top center; background-repeat: no-repeat; 其实可以写成: background: url(logo.png) no-repeat top center;   颜色 颜色(color)属性在CSS通常指定为一个十六进制的值,一个#加6位数,他的简写方式是如果颜色值由成对儿出现的三对而数字组成,你可以省略掉没对中的一个数字。 #000000 可以写成 #000, #336699 可以写成 #369 这种简写技巧只适用于成对出现的颜色值,其它颜色值不适用这种技巧,比如: #010101, #223345,…

Read more...

番茄绘制教程

Written on:八月 15, 2013
番茄绘制教程

应大家的要求来写这个教程,其实整个过程没什么技术可言,最主要的是耐心吧,并且每个人的方式不同,肯定有更好更便捷的方式。 我没有详细的写出每个步骤的参数等等,还是靠大家自已去摸索吧,或许你可以做到更好。喜欢的同学可以看一下。 来源:站酷  作者:cherry_ahui

Read more...

滚动视差设计指南

Written on:七月 1, 2013
滚动视差设计指南

作为未来网页设计的热点趋势之一的“滚动视差”在近年来被越来越多网站所采用,特殊新颖的展示模式也让许多用户眼前一亮。网络上也如雨后春笋一般出 现了很多像《30个让人兴奋的视差滚动网站》、《60个视差滚动网站赏析》……等一系列的视差滚动的文章,不过赏析的居多,真正指导设计师如何去设计,如 何去实现的实用型文章却很少。于是萌发了自己写一篇的想法,与感兴趣的人共同交流下滚动视察设计时的一些心得。 什么是滚动视差?

Read more...