请选择 进入手机版 | 继续访问电脑版

产品设计

    今日:7| 主题:21436
收藏本版 (1)
软件产品、PC、移动、网站、平台的开发、策划等内容。

[其他] 神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

[复制链接]
深流Penetrasunny 发表于 2016-10-11 05:46:51
376 8

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-1-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  编者按:今天推荐两个设计神器,一个是阿里设计师开发的切图神器,可以自动切图,一键保存,非常方便。另外是谷歌刚开放的字型Noto ,现在可以免费下载,一起来收!
  前端:我需要24×24的 icon
  UI:23.5×44可以吗……
  如何把手中那堆32×66、23.5×44…各种凌乱尺寸的icon全部变成规范储存于正方形画布的指定大小?
  Sketch图形大小不把描边计算在内,如何让有描边属性的icon贴边切出?
  [email protected]@[email protected],靠复制?
  切图这么简单的事,就不要人工做了呀~用Coffee Slice都可以一键搞定。
    Coffee Slice  
  1. 简单切图功能:根据用户给出的目标容器尺寸,自动计算icon的描边属性、宽度,对icon进行缩放、贴边处理。添加切图图层,[email protected][email protected][email protected]
  2. 一键保存功能:[email protected][email protected][email protected]
   下载插件 Coffee slice – v2.0.zip 并解压
  双击Coffee Slice.sketchplugin安装。
  1. 选择你想要切出的icon:
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-2-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  2. 运行插件:
  点击插件栏中的 ‘:hear_no_evil: Coffee Slice’ -> ‘Just Slice’ 或使用快捷键 : ⌃ + ⇧ + K
  3. 告诉插件一个icon的目标尺寸
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-3-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  4. 搞定了!
  [email protected][email protected][email protected](自动添加slice图层),使用Sketch的export功能将它保存下来吧~
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-4-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  1. 选择你想要切出的icon:
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-5-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  2. 选择你的设计稿的分辨率(1x或2x),并确定你所需要的icon文件类型(PNG或者SVG)
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-6-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  3. 选择保存路径
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-7-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  4. 你的图标已经保存在指定路径了~
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-8-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  如果你有什么疑问,或者有什么建议和意见,请 提出issue 或者给我发电子邮件: [email protected]
   Google Noto Fonts
   昨天 Google 终于官方宣布「 An Open source font system for everyone 」,在五年后正式向全世界推出免费开放原始码字型   !这命名也很有趣,Noto 其实就是—“No more tofu” 的缩写,「豆腐」是当遇到网页或系统上有无法显示的字符,会显示为一个中间空白符号「⯐」,看起来就很像豆腐,Noto 致力于解决跨系统、语系无法正确显示部分字符的问题。
  Google 在网站里提到「Noto 字体系列一共涵盖 800 种语言及 110,000 个字符」,势必会让 Android 及 ChromeOS 更加方便。实现这套字型还要感谢 Monotype 及 Adobe 和无数志工的参与。Google 在网站上开放这套免费字型下载,完整字型集、字重和样式打包后大小为 470.5 MB(包含繁体中文、简体中文),也可以依照需求来下载特定语系。
  STEP 1
  Google Noto Fonts 网站已重新改版设计,如同 Google Fonts 前段时间大更新,采用更为简洁干净且一致性的设计风格。从网站上方可以找到下载完整字型集的链结,目前档案大小为 470.5 MB ,如果不需要所有语系,利用搜寻找到适合你使用的免费字型。
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-9-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  STEP 2
  例如繁体中文 Noto Sans CJK TC、简体中文 Noto Sans CJK SC,也能在 Noto 网站中找到各种字重的样式预览。右上角就有对应的下载按钮「Download」,点击后下载、解压缩,将它安装到系统里就能使用 Google 的 Noto 开源字型。
  如果不知道如何安装新字型,Noto 网站也提供简易教学。
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-10-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

   Noto 字型不仅能在许多语系下正常显示,更重要的是维持设计一贯性,也因此不会有无法显示时就跑出不同字型、拼凑而成的奇怪样式,阅读上眼睛也更为舒适。Noto 除开放在网络下载,也在 GitHub 释出设计原始档。
   「优设酷站22连发!」
  
       
  • 免费图库+导航收集站: 《酷站两连发!高品质免费图库站+专注WEB/APP导航收集站》   
  • 音乐站+字体搜索: 《酷站两连发!帮你专心工作的音乐站+谷歌字体在线搜索神器》   
  • 渐变色+代码比较: 《酷站两连发!渐变色方案全聚合网站+在线代码比较神器》   
  • 配色+占位图: 《酷站两连发!在线色彩搭配工具+快速生成占位图片器》   
  • LOGO下载+字体下载: 《酷站两连发!可商用的矢量LOGO下载+平面最爱的27款免费字体》   
  • 压缩图片+在线配色: 《酷站两连发!在线图片压缩神器+在线配色工具COLOURCO》   
  • CSS Hover动画+宠物小精灵配色: 《酷站两连发!宠物小精灵专属配色网站+CSS HOVER动画收集站》   
  • 美女图片+游戏配色: 《酷站两连发!游戏配色网站+免费美女素材特供网站》   
  • 在线配色+字体推荐: 《酷站两连发!在线配色神器+英文字体推荐网站》   
  • 追波作品变代码+16进制颜色: 《酷站两连发!用代码呈现DRIBBBLE作品+16进制颜色网站》   
  • 无缝纹理+多边形背景: 《酷站两连发!专注无缝纹理素材站+多边形背景生成器》  
   原文地址: free.com.tw
   

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...

神器两连发!阿里设计师开发的切图神器+谷歌的免费中文字体 ...-11-产品设计-中文字体,谷歌,设计师,手机屏幕,分辨率

  【优设网 原创文章 投稿邮箱:[email protected]
翠柏 发表于 2016-10-14 03:04:55
深流Penetrasunny是一个典型的文艺青年啊!
回复 支持 反对

使用道具 举报

不为啥 发表于 2016-10-14 06:02:58
☆:签到是人气、荣誉的比拼,让我们的签到见证一份坚持吧!!!
回复 支持 反对

使用道具 举报

licq_27 发表于 2016-10-20 03:09:06
你是在逗我么
回复 支持 反对

使用道具 举报

唯爱自己才是王道 发表于 2016-10-22 01:49:51
据说天天顶贴屌丝也能变高帅富
回复 支持 反对

使用道具 举报

JosephMom 发表于 2016-10-22 08:31:50
一个人快活,两个人生活,三个人就是你死我活。
回复 支持 反对

使用道具 举报

取经途中遇唐僧 发表于 2016-10-29 23:00:48
锄禾日当午,发帖真辛苦。谁知坛中餐,帖帖皆辛苦!
回复 支持 反对

使用道具 举报

jarcnpink 发表于 2016-11-14 18:32:37
没有不透风的墙,没有不能上吊的梁。
回复 支持 反对

使用道具 举报

时日热天 发表于 2016-11-17 03:28:37
幸好爱情不是一切,幸好一切都不是爱情。
回复 支持 反对

使用道具 举报

我要投稿

推荐阅读


回页顶回复上一篇下一篇回列表
手机版/c.CoLaBug.com ( 粤ICP备05003221号 | 文网文[2010]257号 | 粤公网安备 44010402000842号 )

© 2001-2017 Comsenz Inc.

返回顶部 返回列表