新建10个25x25像素,色值为RGB的画板 在视图中打开显示网格 打开首选项参考线和网格,间隔和隔线都设为1 新建一个20x20像素前景色为空描边为1像素的正方形 选择对齐选项中的对齐画板,使之与画板水平垂直居中对齐 同理再新建类似的14x20像素的图形2套和1像素线条两套与之画板水平垂直居中对齐 对此图形框选点击右键使其变为参考线 点击右键解锁参考线,在编辑菜单里对此图形剪切,然后在所有画板上粘贴,这样所有画板都有统一的参考线了. 来源:千锋UI设计学院 原文链接:https://zhuan…

现在在提起Icon Font,已经不是什么新鲜的词汇了,网上已经有很多介绍它的文章,并且很多网站也已经将它用到,本篇主要是将制作Icon Font的整个流程整理一下,并且加入了自己在制作中遇到的问题,使得大家可以在今后使用的时候可以很快上手并且避免这些问题. 一.首先要说的是,什么是Icon Font. 我认为,我们现在通常所指的Icon Font,是用字体文件取代图片文件,来展示图标.特殊字体等元素的方法. 二.知道了什么是Icon Font之后,我们要了解它能干什么,大家是怎么用的 这是一淘…

以下为内容摘抄和转摘记录: 为什么要用svg ? SVG优势 随着高清屏幕的普及,相比使用png等位图而言,使用SVG等矢量图形是一种全新的设计方式.更重要的是相比位图而言,SVG有着无可比拟的优势.这里我总结一下SVG具体的一些优势: SVG是矢量图形文件,可以随意改变大小,而不影响图标质量. 可以用CSS样式来自由定义图标颜色,比如颜色/尺寸等效果. 所有的SVG可以全部在一个文件中,节省HTTP请求 . 使用SMIL.CSS或者是javascript可以制作充满灵性的交互动画效果. 由于S…

介绍 SVG是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法.之前写过两篇关于CSS icon在页面显示的博客,后来了解到现在大多数前端团队和项目都在使用SVG Sprite这种方式进行制作ICON和让ICON实现页面显现. 关于CSS Sprite 精灵图 关于字体图标的三两事 SVG有什么优势和特点? SVG方法与这两种相比具有如下特点: 支持多色图标了,不再受单色限制. 通过一些技巧,支持像字体那样,通过font-size,color来调整样式. 兼容性较差,支持 ie…

PART1:制作第一个效果 步骤一:新建一个800*600的画布. 骤二:从工具栏选“矩形工具”,创建一个800*600的矩形.白色的是画布,浅红色(我的AI之前保留的填充颜色,每个人都不一样)的是你建的矩形. a:把矩形填充颜色改为黑色,并对齐画布.如下: b:拉两条平分画布的参考线 c:用多边形工具,然后点一下两个参考线的交叉点.设置3边,制作一个三角形. d:根据画布拉出一个合适大小的尺寸. e:用选择工具选中三角形,拖出圆角.右边的两个渐变色圆是我提前准备好的.等下要用的,你们自己把这两…

用字体在网页中画icon图标 第一步:获取字体资源IconMoon网站https://icomoon.io iconMoon中有很多免费小图标可用,还能设置下载图标的使用属性(通过网站中设立的按钮preferences来设置).它有“Use i”使用<i>标签来画图标:“Use Attribute Selectors”使用属性选择器:“Use a Class”使用class属性. 使用<i>标签时,会将font-family等字体值赋值给所有<i>标签.使用属性选择器时…

http://www.ico.la/ http://www.makeico.com/ http://free.logomaker.cn/tools/icoMaker.aspx http://ico.55.la/…

一.简介 1.JavaScript它是个什么东西? 它是个脚本语言,需要有宿主文件,他的宿主文件是html文件. 2.它与Java有什么关系? 没有什么直接联系,java是Sun公司(已经没有了,被Oracle收购了),JavaScript是Netscape(网景公司 也没有了,被美国在线收购了),Jscript是微软的,90%像JavaScript,一些功能只能在IE上使用. 3.它的用法 在html中的位置有三块:1.head里面 2.body里面 3.</html>之后,为了保险起见一般…

一:如何制作一个标准包? 为了规范化,基本遵循CommonJS规范,首先约定: 包的使用: 所有模块放在一个文件夹(包名) 包放在当前项目中的node_modules文件夹下 包中定义一个index.js(文件名不可以更改)导出所有模块(出口) 引用包(约定大于配置) Node.js在调用包时,首先会检查包中的package.json文件的main字段,将其作为包的接口模块,如果package.json文件的main字段不存在,那么Node.js会尝试寻找index.js或index.node作…

@font-face是CSS3中有关于字体设置的属性,通过@font-face可以将本地字体设置为Web页面字体,并能兼容所有浏览器,使用这个属性就不必担心用户本地不具备这样的字体.因为我们把字体都上传到服务器上,不过这样一来很多人担心影响性能问题.鱼和熊掌不能兼得嘛,我们就不在为这个问题说太多的话了,不过我今天要与大家分享的主题和这个@font-face还是有很在关系的,使用他配合一定的字体来制作Web页面中的Icon图标.初一看有点不实际,以前的Icon都是依靠图片来完成,怎么可能用字体就能…