DMOZ中文网站分类目录-免费收录各类优秀网站的中文网站目录.
  • DmozDir.org
DMOZ目录快速登录入口-免费收录各类优秀网站的中文网站目录.由人工编辑,并提供网站分类目录检索及地区分类目录检索,是站长免费推广网站的有力平台!

字体和颜色通过Facebook,微博,Instagram的,谷歌和更多使用

  • 字体和颜色通过Facebook,微博,Instagram的,谷歌和更多使用

  • 已被浏览: 146 次2020年10月14日    来源:  DMOZ中文网站分类目录
  • 通过Facebook,微博,Instagram的,Pinterest的,信使,Snapchat,WhatsApp的和YouTube使用的字体和颜色,链接到官方品牌资产的cheatsheet文件。

    社会的登录按钮,链接到社交媒体渠道鈥?在2020年这仍然是在网页设计和应用设计的事。我的意思是,企业ISN鈥檛对社交媒体这些天?它鈥檚的必需品!

    知道什么是不同的字体,并通过社交网络使用的颜色是(这样我们就可以在我们的设计中使用它们)也很方便。它鈥檚的东西,我们鈥済鈥oogle?每次我们设计一个应用或网站。 (例如,鈥淔acebook蓝色鈥?鈥淔acebook十六进制值鈥?鈥淲帽子是通过Facebook的使用的颜色?鈥?等等)。

    事实上,我敢打赌,鈥檚你如何找到了这篇文章!

    好了,我赢了鈥檛让你久等了。让鈥檚看看由信使(被Facebook),Instagram的(被Facebook),WhatsApp的(被Facebook),Facebook的本身,Twitter的,Pinterest的,LinkedIn,Snapchat使用的字体和颜色,最后,谷歌/ YouTube上。

    这篇文章在2020年更新,以显示通过社交网络,包括Facebook,Twitter,Instagram的和各种其他使用较新的字体和颜色。 Google+的没鈥檛东山再起。

    什么鈥檚由[鈥使用的字体?馃

    快速注:系统字体(即<代码>:系统的UI 在CSS)是标准的,除非另有说明。对于每一个介质,这意味着:

    的Roboto为Android

    的Segoe UI的Windows

    旧金山的iOS / Mac系统

    材料设计(即YouTube等谷歌应用程序)也使用的Roboto。然而,实际的谷歌标志使用谷歌鈥檚自己的产品Sans字体(这也适用于字母标志太)。

    信使,被Facebook

    The Facebook Messenger logo

    Messenger的颜色值

    信使十六进制值:<代码>#0084FF

    信使RGB值:<代码> RGB(0 132 255)

    Messenger的字体

    信使在MacOS使用Helvetica Neue字体,而不是旧金山,但一切遵循系统默认值。

    Instagram的,被Facebook

    The Instagram logo

    Instagram的颜色值

    Instagram的十六进制值:<代码>#E1306C

    Instagram的RGB值:<代码> RGB(225 48 108)

    Instagram的使用在他们的品牌许多颜色,虽然上面提到的颜色值是在他们自己的实施例中使用的一个。

    WhatsApp的,被Facebook

    The WhatsApp logo

    WhatsApp的颜色值

    WhatsApp的十六进制值:<代码>#25D366

    WhatsApp的RGB值:<代码> RGB(37 211 102)

    脸谱,被Facebook(笑)

    The Facebook logo

    Facebook的颜色值

    Facebook的十六进制值:<代码>#1877F2

    Facebook的RGB值:<代码> RGB(24 119 242)

    推特

    The Twitter logo

    Twitter的颜色值

    微博十六进制值:<代码>#1DA1F2

    微博RGB值:<代码> RGB(29 161 242)

    Pinterest的

    The Pinterest logo

    Pinterest的颜色值

    Pinterest的十六进制值:<代码>#E60023

    Pinterest的RGB值:<代码> RGB(230 0 35)

    Pinterest的字体

    Pinterest的使用黑体/哈斯抵达Neue为Grotesk他们的网站,但其他一切默认的系统字体。

    LinkedIn

    The LinkedIn logo

    LinkedIn颜色值

    十六进制:<代码>#1666C5

    RGB:<代码> RGB(22 102 197)

    LinkedIn字体

    LinkedIn用途<代码>:无衬线在其网站上,这意味着第一黑体/ Arial字体第二/系统默认否则。

    Snapchat

    The Snapchat logo

    Snapchat颜色值

    十六进制:<代码>#FFFC00

    RGB:<代码> RGA(255 252 0)

    Snapchat字体

    从牛群中脱颖而出,Snapchat使用Graphik字体!

    YouTube的

    The YouTube logos

    安卓,谷歌和谷歌拥有的应用程序,如YouTube的使用被称为材质设计,这使得引用几种颜色,也建议使用的Roboto字体的设计系统。

    YouTube的颜色值

    十六进制:<代码>#FF0000

    RGB:<代码> RGB(255 0 0)

    谷歌

    The Google logo

    谷歌蓝色值

    十六进制:<代码>#4285F4

    RGB:<代码> RGB(66 133 244)

    谷歌红色值

    十六进制:<代码>#EA4335

    RGB:<代码> RGB(234 67 53)

    谷歌黄颜色值

    十六进制:<代码>#FBBC05

    RGB:<代码> RGB(251 188 5)

    谷歌绿色值

    十六进制:<代码>#34A853

    RGB:<代码> RGB(52 168 83)

    字母红色值

    字母是拥有谷歌公司。

    十六进制:<代码>#ED1C24

    RGB:<代码> RGB(52 168 83)

    社会化媒体颜色CSS变量

    将这个代码段,CSS文件使用上述社交媒体品牌颜色(RGB)为CSS变量的顶部:

    <预的tabindex = “0” 类= “语言-CSS ”> <代码类=“ CSS语言-CSS”>:根{

    --messenger:0 132 255;

    --instagram:225 48 108;

    --whatsapp:37 211 102;

    --facebook:24 119 242;

    --twitter:29 161 242;

    --pinterest:230 0 35;

    --linkedin:22 102 197;

    --snapchat:255 252 0;

    --youtube:255 0 0;

    }

    然后打电话给他们这样的:

    <预的tabindex = “0” 类= “语言-CSS ”> <代码类=“ CSS语言-CSS”>。社会icon.facebook {

    背景色:RGB(VAR( - 脸谱)); //没有阿尔法

    背景色:RGB(VAR( - 脸谱)/ 50%); //用α-

    }

    不过避风港鈥檛发现你鈥檙é找?唐鈥檛担心鈥?我们鈥檝?有一个指南,将让你的照顾免费字体。


    以上信息来源于网络,如有侵权,请联系站长删除。

    TAG:脸谱 颜色 字体 谷歌 Instagram的

  • 上一篇:符合Flipsnack,一种简易设计工具的不可思议的杂志
  • 与“字体和颜色通过Facebook,微博,Instagram的,谷歌和更多使用”相关的资讯
  • 谷歌营销Livestream 2021:你真正需要知道的
  • 如何在谷歌广告中取得成功,没有修改的广泛比赛
  • Google宣布半衰期,是Rowhammer DRAM安全利用中使用的新技术
  • 您是否应该让Google广告自动应用建议?
  • 8 Google广告转换跟踪挂起以及如何修复它们