0

0

Photoshop 中文字体设计技巧

PHP中文网

PHP中文网

发布时间:2016-06-01 14:36:03

|

1766人浏览过

|

来源于php中文网

原创

心法
既然是武功秘籍 肯定有内功心法 那我们就先从内功开始练起
photoshop 中文字体设计技巧
两仪

大家对太极图肯定都很熟悉了 阴阳阴阳 有阴必有阳 这是太极的两仪

也就是说凡事都有两面 做设计也一样 在同一个命题下 一个设计方向的背后肯定还有另外一个完全不同的设计方向
photoshop 中文字体设计技巧
四象

我们先来看这个由太极演化而来的工具
photoshop 中文字体设计技巧
我把字体设计归为4个要素:

框架--自由

个性--识别性


我先解释下这4个要素

框架:大家都知道 汉字 俗称方块字 这个方块呢也就是框架了

自由:这个自由是相对框架而言 也就是不受方块约束的字体(例如草书)

识别性:既然是字 那肯定要大家都能认识 有的字经过设计以后还能很方便的认出来 也有的字设计完后要经过一番思考才能认出来 这就是识别性的强和弱了

个性:这个也是相对识别性来说的 有的设计师为了强调某种个性 而牺牲掉识别性 例如:涂鸦字体 以前街头给人画龙字啊凤字的师傅就是个性字体设计高手


他们之间是相对的 (现在你看不懂没关系,继续看下去你就明白了)

这个工具有啥用呢?

我们再看 由四象推算出来的八卦 你可能会明白一点了

photoshop 中文字体设计技巧
我们先看篆书,位于这个坐标工具左上角 也就是框架和个性的极限交汇点上

先看形态 很明显篆书是严格的在方块进行造型的 也就是以框架为基础来设计的
由于篆书是象形字转化而来还没完全脱离象形字的构造 在我们今天看来这种字体充满了个性 但识别性就比较差了

楷书:形态:依然是框架结构 识别上非常容易 所以它处在这个坐标工具的右上角 相对的来说 个性就比较少了 四平八稳

草书: 形态:没有框架 随心而置 识别上比较困难(你找找历代书法看看 看你能完整的认出多少来)但个性就非常强烈了 看的多的话 你不用看落款你就知道这是那个书法家的作品

行书:形态:没有框架 识别上较容易 个性和识别性兼备

这个坐标工具我主要用做分析别人字体设计的工具和作为自己设计字体时候的指南

说了这么多 你会用这个工具了么?还不会?!!!! 没关系 ~~我继续讲解

框架式字体设计
photoshop 中文字体设计技巧
下面我先讲框架式字体的方法

从坐标工具来看 框架式字体设计 位于坐标工具的上半部分
photoshop 中文字体设计技巧
在造字之前呢 我们先用坐标工具分析下这类字体的特点

photoshop 中文字体设计技巧
photoshop 中文字体设计技巧
请仔细观察下面这些字体!!!--形态?个性在那里?识别性强?弱?
photoshop 中文字体设计技巧
这类型的字体 结构方正 个性鲜明 识别性较强 放在坐标工具上来分析的话 他们都处于白色圆圈这个范围内(你能将上图每个字体在坐标工具上不同的位置都标示出来么?)

photoshop 中文字体设计技巧
下面这个是我为一个房产项目所做的一个字体设计 请注意:形态?个性在那里?识别性强?弱?

photoshop 中文字体设计技巧
这个字体的特点:方正 很正统的框架式字体设计 字体重心全部上移 左方右圆 落脚呈尖刀状

photoshop 中文字体设计技巧
why???????????????这个字体为什么设计成这样????????????????
接着看
photoshop 中文字体设计技巧
photoshop 中文字体设计技巧
photoshop 中文字体设计技巧
这个字体设计的概念很简单:飞跃平凡的生活
飞跃-怎么用字体来体现飞跃呢?


a:我先从结构上下手:

1:把字体重心整体上移 造成向上的动感

2:拆除字体里的封闭结构(翼的田字)减轻字体本身的重量感 来强化整体向上飞跃的动感

b:从笔画上下手:

1:由于面对的客户男女都有 所以我选择左方右圆 这样就刚柔相济 比较中性

2:落笔融入羽毛的特点(落脚呈尖刀状) 贴近创意原点 并再度强化向上的飞跃感


框架式字体设计的基本方法
photoshop 中文字体设计技巧
在开始做字体之前 我一般会先选择参考字体

为什么要找参考字体呢? 字库里的字都是专家多年研究和经过大众审美肯定的字体,有个巨人的肩膀让你站为什么不站呢?

photoshop 中文字体设计技巧
字库里那么多字体 怎么选呢?选衬线体呢?还是无衬线体?(关于衬线体和无衬线体请查阅相关资料)
photoshop 中文字体设计技巧
简单点来说

古朴 经典的个性 就选 衬线体

现代 简约 的个性就选 无衬线体来参照

选了参考字体参考什么?

参考结构
photoshop 中文字体设计技巧
photoshop 中文字体设计技巧
这些基本的结构常识相信大家都知道

我讲一个框架式字体设计的秘诀:

photoshop 中文字体设计技巧
没错! 顶天立地!

只有贴紧框架四边 整个字形才会显得饱满(写过pop的人都知道)

我们看下范例

photoshop 中文字体设计技巧
在调整结构的同时 加入个性 和让笔画占据框架的4向
以下范例都是典型代表
photoshop 中文字体设计技巧
photoshop 中文字体设计技巧

个性的塑造
在完成字体的基本结构后 我们现在来为字体加入个性

如前所叙 我就不多说了 看图
photoshop 中文字体设计技巧
下图中的字体设计 你能说出设计师为什么要那么设计了么?他们是怎么为字体设计调整结构和加入个性的呢?它们各自的参考字体又是什么?

photoshop 中文字体设计技巧
下图 是从参考字体 到 新的字体设计的一个流程图

photoshop 中文字体设计技巧
我们现在 再重新来审视这个字体设计:
photoshop 中文字体设计技巧
它还有没有结构上的缺陷?

它笔画粗细是否合理?

它空间分割是否美观?。。。。。。
下面是我做字体设计的另外一个秘诀:

photoshop 中文字体设计技巧
下面我们再来看一个框架式字体设计的范例
photoshop 中文字体设计技巧
这是我非常喜欢的一个字体设计

在4个要素点的把握上功力深厚

一般来说框架式字体设计做出来都多少有点死板 但上面这个设计师就敢于突破框架的束缚

这就是我想讲的 另外一个秘诀:
photoshop 中文字体设计技巧
现在我们再返回来看看之前看过的这些字体设计

你现在看这些字体设计的眼光是否又不一样了呢?
photoshop 中文字体设计技巧

关于个性
我们再看看这个范例

photoshop 中文字体设计技巧
photoshop 中文字体设计技巧
塑造个性的方式多种多样 不仅仅是字形

我就不多说了 留给大家自由发挥
下面即将进入本秘籍的核心部分!~!!!!!!!!!

绝招来了~!!!!!!!!
乾坤大挪移
photoshop 中文字体设计技巧
乾坤大挪移 之 英文字体转化为中文字体设计

先看大师范例

photoshop 中文字体设计技巧
陈大师 早已练的烂熟于胸了


乾坤大挪移 之 图形转化为中文字体设计

photoshop 中文字体设计技巧
设计变形金刚这位仁兄的功夫也非常了得

乾坤大挪移 之 照片转化为中文字体设计

photoshop 中文字体设计技巧
这个是我的拙作

Yes!SUN企业网站系统 3.5 Build 20100303
Yes!SUN企业网站系统 3.5 Build 20100303

Yes!Sun基于PHP+MYSQL技术,体积小巧、应用灵活、功能强大,是一款为企业网站量身打造的WEB系统。其创新的设计理念,为企业网的开发设计及使用带来了全新的体验:支持前沿技术:动态缓存、伪静态、静态生成、友好URL、SEO设置等提升网站性能、用户体验、搜索引擎友好度的技术均为Yes!Sun所支持。易于二次开发:采用独创的平台化理念,按需定制项目中的各种元素,如:产品属性、产品相册、新闻列表

下载

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang处理数据库错误教程合集
Golang处理数据库错误教程合集

本专题整合了Golang数据库错误处理方法、技巧、管理策略相关内容,阅读专题下面的文章了解更多详细内容。

2

2026.02.06

java多线程方法汇总
java多线程方法汇总

本专题整合了java多线程面试题、实现函数、执行并发相关内容,阅读专题下面的文章了解更多详细内容。

0

2026.02.06

1688阿里巴巴货源平台入口与批发采购指南
1688阿里巴巴货源平台入口与批发采购指南

本专题整理了1688阿里巴巴批发进货平台的最新入口地址与在线采购指南,帮助用户快速找到官方网站入口,了解如何进行批发采购、货源选择以及厂家直销等功能,提升采购效率与平台使用体验。

90

2026.02.06

快手网页版入口与电脑端使用指南 快手官方短视频观看入口
快手网页版入口与电脑端使用指南 快手官方短视频观看入口

本专题汇总了快手网页版的最新入口地址和电脑版使用方法,详细提供快手官网直接访问链接、网页端操作教程,以及如何无需下载安装直接观看短视频的方式,帮助用户轻松浏览和观看快手短视频内容。

15

2026.02.06

C# 多线程与异步编程
C# 多线程与异步编程

本专题深入讲解 C# 中多线程与异步编程的核心概念与实战技巧,包括线程池管理、Task 类的使用、async/await 异步编程模式、并发控制与线程同步、死锁与竞态条件的解决方案。通过实际项目,帮助开发者掌握 如何在 C# 中构建高并发、低延迟的异步系统,提升应用性能和响应速度。

10

2026.02.06

Python 微服务架构与 FastAPI 框架
Python 微服务架构与 FastAPI 框架

本专题系统讲解 Python 微服务架构设计与 FastAPI 框架应用,涵盖 FastAPI 的快速开发、路由与依赖注入、数据模型验证、API 文档自动生成、OAuth2 与 JWT 身份验证、异步支持、部署与扩展等。通过实际案例,帮助学习者掌握 使用 FastAPI 构建高效、可扩展的微服务应用,提高服务响应速度与系统可维护性。

6

2026.02.06

JavaScript 异步编程与事件驱动架构
JavaScript 异步编程与事件驱动架构

本专题深入讲解 JavaScript 异步编程与事件驱动架构,涵盖 Promise、async/await、事件循环机制、回调函数、任务队列与微任务队列、以及如何设计高效的异步应用架构。通过多个实际示例,帮助开发者掌握 如何处理复杂异步操作,并利用事件驱动设计模式构建高效、响应式应用。

7

2026.02.06

java连接字符串方法汇总
java连接字符串方法汇总

本专题整合了java连接字符串教程合集,阅读专题下面的文章了解更多详细操作。

25

2026.02.05

java中fail含义
java中fail含义

本专题整合了java中fail的含义、作用相关内容,阅读专题下面的文章了解更多详细内容。

28

2026.02.05

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
CSS3 教程
CSS3 教程

共18课时 | 5.2万人学习

MongoDB 教程
MongoDB 教程

共17课时 | 2.6万人学习

【web前端】Node.js快速入门
【web前端】Node.js快速入门

共16课时 | 2万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号