查看: 26439|回复: 70

[分享] 设计师都应该安装这个小插件!简直是设计圈里的 One S...

[复制链接]

82

主题

412

帖子

2603

积分

第 3 级

Rank: 3Rank: 3

精华
8
发表于 2017-8-31 12:50 | 显示全部楼层 |阅读模式
本帖最后由 殇小辛 于 2017-8-31 12:50 编辑

你有没有遇到过这样的小困难?

发现某个网页设计得很好看,很干净,用的字体很漂亮,配色很舒服,于是想知道这个网页的用的什么字体,多大字号,什么颜色!

mmexport1504154880167.jpg

举个例子▼
mmexport1504144869397.jpg

一个突然的下午,你突然的自我,来到了锤子的官网,看到了这个“足迹系列”手感膜的介绍,感觉看着很干净,字体很好看,字号很合适,配色很舒服,想知道这用的什么字体,什么字号,什么颜色。

于是你开始倒腾:
1、这些文字用了什么颜色?

1)打开QQ

2)Ctrl + Alt + A 进入截图模式

3)小心翼翼地将鼠标悬停在小字上▼
mmexport1504144871788.jpg

得到了一个很难记的 RGB 色值

插播一条小贴士:
将鼠标悬停在小字上时可以按住 Ctrl 键,这时候你会得到一个十六进制的 RGB 色值(这样直接用到 PPT 等地方)▼
mmexport1504144874511.jpg

至此你终于知道了一个可能不太准确的颜色色值

2、这些文字用的什么字体?

1)截图你想知道用了什么字体的文字▼
mmexport1504144876816.jpg

2)上传到求字体网(www.qiuziti.com

3)输入被系统识别出来的单字▼
mmexport1504144879508.jpg

4)得到了一个不太准确有点相似的字体名字▼
mmexport1504144882197.jpg

插播一条小贴士:求字体网如果把文字识别成了几个偏旁部首,可以通过拖动合并的形式拼字▼
2.gif

至此,你得到了一个不准确但是有点相似的字体

3、这些文字都是用了多大字号?

1)将文字部分截图放到 PPT 或者 PS 里

2)插入文本,使用相同字体,相同文字,挨个字号去试,去比对

终于,花了10多分钟,你得到了一些不太准确且很难记的色值,不怎么准确但是有点相似的字体,不怎么准确但是可能相似的字号

mmexport1504144891089.jpg
看你把时间都浪费在哪里了?这还没开始设计呢?你就白白花了10分钟,最后也没找到准确的字体、字号和颜色。
mmexport1504144893322.jpg

能一步解决的事情就不要花1、2、3、4、5、6、7、8、9、10步

-------- 看我操作 --------

1)用浏览器打开网页,点击这个 Fontface Ninja 的小插件▼
mmexport1504144898102.jpg

2)等待2-3秒钟左右,会弹出一个小弹窗▼
mmexport1504144900326.jpg
该页面使用的字体就都显示在这里了

3)鼠标悬停在你想知道字号、颜色和字体的文字上▼
mmexport1504144902548.jpg
“纽约公交死机威廉·西米洛”这段文字使用了 Ping Fang SC Regular 字体,字号大小是 24px,文字颜色色值是:#000000

4)点击一下有更多神奇的选项▼
mmexport1504144904618.jpg
  • 如果该字体在这款插件的字体库里还可以直接点击红色框的区域去下载
  • 在 Type something... 的输入框里可以随便输入文字进行字体效果预览
  • 底部可以调整字体大小、间距、颜色去调整预览效果
  • 点击 Pangram 会随机生成一段文字预览

mmexport1504144906913.jpg
之前10步搞定的事情,我们三步搞定了!

那么怎么得到这个神器?

1)打开他们的官网
mmexport1504144908944.jpg

2)点击 Get it now!就可以了,它会根据你使用的浏览器自动跳转到浏览器插件商店页去下载
mmexport1504144910919.jpg

不过目前该插件仅支持 Chrome 和 Safari!

.........

如果你在用的时 360 浏览器或者猎豹浏览器、搜狗浏览器等......

mmexport1504144912989.jpg
装个 Chrome 吧,看完下面的文章你会感受到 Chrome 的强大

欢迎分享给你的设计师盆友,欢迎留言写下你常用的神器或插件!

广告jpg.jpg

评分

参与人数 1金钱 +10 收起 理由
SmartisanCare + 10 大感谢

查看全部评分

26

主题

820

帖子

1355

积分

第 3 级

Rank: 3Rank: 3

精华
发表于 2017-8-31 13:02 | 来自手机客户端 | 显示全部楼层

5

主题

42

帖子

88

积分

Smartisan 内测组

精华
发表于 2017-8-31 13:03 | 来自手机客户端 | 显示全部楼层
厉害

44

主题

748

帖子

1514

积分

第 3 级

Rank: 3Rank: 3

精华
发表于 2017-8-31 13:08 | 来自手机客户端 | 显示全部楼层
F12

0

主题

15

帖子

31

积分

Smartisan 内测组

精华
发表于 2017-8-31 13:44 | 来自手机客户端 | 显示全部楼层
恩很棒,我选火狐

20

主题

1317

帖子

1748

积分

第 3 级

Rank: 3Rank: 3

精华
发表于 2017-8-31 13:45 | 来自手机客户端 | 显示全部楼层
棒马上去弄

243

主题

1793

帖子

3333

积分

Smartisan 内测组

精华
发表于 2017-8-31 14:23 | 来自手机客户端 | 显示全部楼层
牛逼啊

21

主题

318

帖子

559

积分

Smartisan 内测组

精华
发表于 2017-8-31 14:39 | 来自手机客户端 | 显示全部楼层
酷酷酷!

15

主题

289

帖子

565

积分

第 3 级

Rank: 3Rank: 3

精华
发表于 2017-8-31 14:40 | 来自手机客户端 | 显示全部楼层

2

主题

7

帖子

16

积分

第 2 级

Rank: 2

精华
发表于 2017-8-31 15:04 | 来自手机客户端 | 显示全部楼层
弄不了,点击现在获得后电脑加载不出界面
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

下载客户端