• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 三款思源宋体改造繁体版免费下载+MacOS GUI素材打包

三款思源宋体改造繁体版免费下载+MacOS GUI素材打包

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含免费资源下载,神器推荐,经验分享等相关知识,希望在学习及工作中可以帮助到您

思源黑体、思源宋体这两款由 Google 和 Adobe 合作共同开发的字型已经为无数设计师及开发者解决字型问题,并奠定新的字型发展典范,最大价值可能不一定是价格上免费,而是开放原始码特性使它可以再次被用于创作出新字体,例如:思源真黑体、思源柔黑体或修改自思源宋体的装甲明朝、源界明朝等等,不过有点可惜的是这些字型都出自于日本设计师,一直到写这篇文章前好像都还没有台湾创作的字体风格。

  • 源界明朝字体:http://www..com/font-and-pattern-library
  • 装甲明朝字体:http://www..com/armor-mincho-google-quickdraw

最近台湾最活跃的字型社团「字嗨」管理员 But Ko 释出三款改造自思源宋体的繁体中文字型,开放让需要的使用者免费下载!分别为:源样明体、源流明体及源云明体,不过目前仍在公测阶段,不排除未来有大幅更改规格的可能性。无论如何,可以从 GitHub 页面下载使用,将测试结果反映给开发者。

源样明体

改造自思源宋体,传统印刷体风格且易用的繁体中文字型。

源流明体

传统印刷体风格,比划带有抑扬顿挫情绪的繁体中文字型。

源云明体

笔画交叉处有朦胧处理,怀旧而带点感性的繁体中文字型。

这三款字型的共同特色是修改自「思源宋体」,源样明体采用思源宋体韩文版本的字符,配合繁体中文习惯的置中标点符号,可说是兼具排版及传统印刷体风格的繁体中文字型;源流明体在笔画上有所调整,使字型看起来更有力道;至于源云明体在横笔的起笔及竖笔的起笔、收笔处加入粗细变化,笔画交叉处有朦胧处理。

字型改造虽以计算机程序自动进行,但在一些细节调整后可以明显感受出不同效果。

若有兴趣可参照以下链结及教学来下载、获取源样、源流、源云明体,亦可从 GitHub 找到更多说明及注意事项。

  • 下载链接:(源样明体)https://github.com/ButTaiwan/genyo-font
  • 下载链结:(源流明体)https://github.com/ButTaiwan/genryu-font
  • 下载链结:(源云明体)https://github.com/ButTaiwan/genwan-font

使用教学

STEP 1

开启任一字型的 GitHub 页面,下方说明会有字型效果预览、介绍、特征及下载方式,建议使用前务必要详细阅读说明。顺带一提,三套字型都分别提供繁体中文(TW)和日文(JP)两种版本。

STEP 2

点击 GitHub 页面右上角绿色「Clone or download」按钮,再按一下「Download ZIP」就能下载、取得字型压缩档。当然你也可以从 GitHub 目录里自行手动下载,两者获得的档案是相同的。

STEP 3

下载后解压缩,进入 TW 资料夹后能看到所有字重的 TyueType(.ttf)格式,Mac 使用者在全选后以字体簿打开就能安装,Windows 使用者一样是全选、右键然后按下「安装」将字型安装到作业系统。

和思源宋体一样,源样明体、源流明体都有七种字重,源云明体则是 Light、Regular、Medium 和 SemiBold 四种,能广泛使用于各种环境。

STEP 4

记得登入 GitHub 按一下右上角的「Star」给这些项目一个星星鼓励吧!这也是支持项目最有用的方法。

MacOs桌面GUI素材

这是「Facebook 设计」分享的一组 MacOS GUI 素材:Desktop Kit,该素材适用于 Web 及桌面APP 应用的展示使用。虽然以前也分享过相关的 Mockup,但这个是比较全面的桌面组件,包含 Mac 系统的 Chrome、Safari浏览器界面、 Finder、菜单、表单、Tab、侧栏、Dock等等。

注:本素材暂无 Photoshop源文件,仅有 Sketch 版本。

桌面端的 KIT 相当全面,很适合展示你的 APP 和 网页设计作品。

Macbook笔记本样机

这个样机里面所有所有的设计元素都是绘制出来,矢量分层可修改,估计画完这个我都可以设计一套简单的 APP 了……

连Dock的图标都是矢量绘制的:

Mac系统光标

鼠标状态的各种样式,比如默认光标、点击、拖动手势、Loading 状态等等。

Chrome 和 Safari 浏览器UI

这算是最新版的MAC 浏览器界面了,如果你是网页设计师,这些 mockup 你一定用得上,用来展示你的 Website 作品也放会变得更加高端。

完整预览

因为图片太大,这里只缩小了放上来,想看高清的话,请自行下载素材。

下载MacOS Desktop Kit

素材名称:Desktop Kit

素材版权:免费

素材格式:Sketch

下载地址:http://pan.baidu.com

「优设最新神器推荐」

  1. 《这款国人开发的EAGLE,堪称收集和管理素材灵感的最佳利器!》
  2. 《超过5万张!免费高清可商用图库ZOOMMY 3.0重磅来袭!》
  3. 《超好用的PS字体管理插件FONTAGS(附安装方法)》

原文地址:shejidaren、free.com.tw

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 三款思源宋体改造繁体版免费下载+MacOS GUI素材打包

相关文章

  • 2018-08-23Google对话式交互规范指南(七):开启口语表达的力量
  • 2017-08-06css样式优先级及层叠的顺序排序探讨
  • 2018-08-23Facebook设计师:从VR设计实战中总结的5个设计思路
  • 2018-08-23你知道按钮设计的7个基本原则吗?
  • 2018-08-23进阶学习!如何做好产品界面中的内容设计?
  • 2018-08-23不仅要搞定视觉,UI设计师还得写得一手好微文案
  • 2018-08-237个实用技巧,让你的动效变得更优秀!
  • 2018-08-23超实用!网页顶部导航栏设计方法总结
  • 2017-08-06让网页自动调用双核浏览器的极速模式(Webkit)
  • 2017-08-06html编写edm时注意事项小结(一般发邮件需要注意的地方)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 说点心里话!「QQ飞车×Vans随我造」项目背后的设计故事
    • 「这个控件叫什么」系列之加载占位图+页面指示器
    • 超全面的 App 网络相关设计总结
    • 看似愚蠢的YouTube 可跳过广告,背后有哪些精妙无比的设计?
    • 全球化设计系列!如何为不同文化而设计?
    • 网页设计的专业与非专业
    • 立即用得上!写给初学者的五分钟设计指南(附大量干货)
    • 用户研究如何入门? 来看爱彼迎用研的回答!
    • Facebook 资深设计师何如佳:当扎克伯格是你的产品经理时
    • 为网站定制插画有哪些可供借鉴的方法?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有