← 返回设计专业

排版设计

Typography

课程介绍 Course Introduction

学分:3 | 先修课:设计基础 | 学期:第三学期

本课程深入研究文字作为视觉元素的排版原理与应用技巧。课程内容涵盖字体发展史、字体分类与特征、字间距与行间距、段落排版、网格系统、信息层级构建等核心知识,同时涉及中英文混排、响应式排版等前沿议题。通过大量排版练习和实际项目,学生将掌握字体选择的逻辑、排版的节奏与韵律、以及文字与图形的整合设计。课程强调阅读体验与视觉美感的平衡,培养学生运用文字进行有效视觉传达的专业能力。

This course provides in-depth study of typographic principles and application techniques of text as a visual element. The curriculum covers core knowledge including the history of type, typeface classification and characteristics, kerning and leading, paragraph typesetting, grid systems, and information hierarchy construction, while addressing cutting-edge topics such as Chinese-English mixed typesetting and responsive typography. Through extensive typography exercises and practical projects, students master the logic of font selection, the rhythm and cadence of typesetting, and the integrated design of text and graphics. The course emphasizes the balance between reading experience and visual aesthetics, cultivating students' professional ability to use text for effective visual communication.

大作业 Final Project

作业标题:中文字体设计与排版应用

学生需完成一套中文字体设计或主题排版作品,涵盖字体设计、网格系统与多场景排版应用。最终提交字体设计稿与排版作品。

Students complete a Chinese typeface design or themed typographic work, covering typeface design, grid system, and multi-scenario layout applications. Typeface designs and typographic works are submitted.

实施步骤 Implementation Steps

📋 示例:设计一套中文字体,比如一个品牌的标题字。你需要确定风格(比如几何感或手写感),设计50个常用字作为样例,调整笔画粗细和间架结构,最后用Glyphs软件生成字体文件。
步骤 1
字体研究与设计定位
本步骤的核心任务是进行系统的字体研究并确定字体设计方向,为字体设计项目奠定基础。字体设计首先要明确设计目标和使用场景,不同用途的字体有不同的设计要求。通过广泛的字体调研和深入的用户分析,找到字体设计的定位和差异化方向。

• 明确字体设计的用途和目标场景,是展示字体、正文字体、品牌定制字体还是创意展示字体,分析不同应用场景对字体的功能要求和风格要求
• 进行字体市场调研和竞品分析,收集同类字体案例,从字体风格、笔画特征、结构特点、适用场景等维度进行分析,找出市场空白和设计机会点
• 确定字体设计的风格定位和情感表达,定义字体的气质和调性(如现代、古典、优雅、力量、可爱、科技等),撰写字体设计定位简报
产出:字体设计定位简报(含用途分析、竞品调研、风格定位、设计目标)| 质量标准:定位清晰准确,调研充分深入,设计目标明确
步骤 2
字体草图与笔画设计
本步骤是字体设计的创意发想阶段,从手绘草图开始探索字体的造型语言和风格特征。字体设计是造型艺术,每一笔每一画都需要精心设计。通过大量的草图探索和反复推敲,找到独特而优美的字体造型语言,确立字体的笔画特征和结构规律。

• 进行手绘草图探索,从单个字符开始,尝试不同的笔画处理方式、结构比例、风格特征,绘制大量的设计草图,探索各种可能性
• 确立字体的笔画系统,设计基本笔画(点、横、竖、撇、捺、折、钩等)的造型特征,包括起笔、收笔、转折、弧度、粗细变化等细节处理
• 建立字体的结构规律,确定字的重心位置、字面大小、中宫松紧、笔画粗细对比等结构参数,形成统一的设计语言
产出:字体概念设计稿(含手绘草图、笔画系统、结构规律、设计说明)| 质量标准:创意丰富多样,笔画特征鲜明,结构规律统一
步骤 3
字库设计与规范建立
本步骤是将单个字体设计扩展为完整字库的阶段,按照统一的设计规范设计所有字符,确保字体的系统性和完整性。一个完整的字库需要包含规定数量的字符,且所有字符的风格要高度统一。通过系统化的设计和严格的质量把控,打造专业级的字体产品。

• 根据字体的字符集标准(如GB2312、GBK、ASCII等)确定字符范围,规划字符集规模,按部首、结构、笔画数等分类分批进行设计
• 按照已确立的笔画风格和结构规律,系统设计所有字符,保持每个字的风格统一、大小匀称、重心一致、间距协调,注意特殊结构字的处理
• 建立字体设计规范文档,记录字体的设计原则、笔画特征、结构规律、特殊字符处理方法等,作为设计过程中的参照标准,确保设计的一致性
产出:字库设计稿与规范(含完整字符集、设计规范文档、字重版本)| 质量标准:字符完整,风格统一,设计规范系统
步骤 4
字间距调整与排版测试
本步骤聚焦于字体的细节优化和排版效果测试,是提升字体品质的关键环节。字体的最终价值体现在排版应用中,字间距的微调对整体排版效果影响巨大。通过精细化的字偶距调整和多场景排版测试,确保字体在实际应用中有优秀的表现。

• 进行字距(Tracking)和字偶距(Kerning)的精细调整,根据字体的风格和用途确定基准字距,对常见的字母/汉字组合进行字偶距的微调优化
• 进行多场景排版测试,包括正文排版测试、标题排版测试、不同字号测试、不同行距字距组合测试,检验字体在实际应用中的可读性和美观度
• 进行跨平台测试,测试字体在不同操作系统(Windows/Mac/iOS/Android)、不同软件(Adobe系列、Office系列、网页浏览器)中的显示效果和兼容性,根据测试结果进行字体优化,调整影响排版效果的细节问题
产出:字体测试与优化(含排版测试稿、字距调整方案、兼容性测试报告)| 质量标准:排版效果优秀,字距合理,兼容性好
步骤 5
字体生成与成果展示
本步骤是字体设计的收尾阶段,将设计完成的字体生成可用的字体文件,并制作专业的设计展示。字体文件生成需要专业的技术处理,确保字体功能完整、文件规范。精美的字体展示则能更好地呈现字体的设计理念和应用价值。

• 使用专业字体编辑软件(如Glyphs、FontLab、FontForge)生成字体文件,导出OpenType(.otf)、TrueType(.ttf)、Web字体(.woff/.woff2)等多种格式
• 设置字体的OpenType特性,如连字、替代字符、小型大写、数字样式等高级功能,编写字体的元数据信息(字体名称、设计师、版本号、版权信息等)
• 制作字体设计展示,包括字体样张(Specimen)、应用场景效果图、设计过程记录、设计说明文档等,系统展示字体的设计理念和应用效果
产出:字体成品与展示(含字体文件包、字体样张、应用展示、设计说明)| 质量标准:字体功能完整,文件规范,展示专业精美

Steps

Step 1
Typography Research & Design Positioning
The core task of this step is to conduct systematic typography research and determine font design direction, laying the foundation for the font design project. Type design first requires clarifying design goals and usage scenarios—fonts for different purposes have different design requirements. Through extensive typography research and in-depth user analysis, find the positioning and differentiation direction for font design.

• Clarify the purpose and target scenarios of font design, whether it is display font, text font, brand custom font, or creative display font, analyze functional and stylistic requirements of fonts for different application scenarios
• Conduct font market research and competitor analysis, collect similar font cases, analyze from dimensions of font style, stroke characteristics, structural features, applicable scenarios, identify market gaps and design opportunities
• Determine style positioning and emotional expression of font design, define the temperament and tone of the font (such as modern, classical, elegant, powerful, cute, tech, etc.), write font design positioning brief
Deliverable: Font design positioning brief (including purpose analysis, competitor research, style positioning, design goals) | Quality standard: Clear and accurate positioning, thorough and in-depth research, clear design goals
Step 2
Font Sketches & Stroke Design
This step is the creative development phase of font design, starting from hand-drawn sketches to explore the modeling language and style characteristics of fonts. Type design is plastic art; every stroke requires careful design. Throughnumerous sketch exploration and repeated deliberation, find unique and elegant font modeling language, establish stroke characteristics and structural rules of the font.

• Conduct hand-drawn sketch exploration, starting from individual characters, try different stroke processing methods, structural proportions, style characteristics, drawnumerous design sketches, explore various possibilities
• Establish font stroke system, design modeling features of basic strokes (dot, horizontal, vertical, left-falling, right-falling, turning, hook, etc.), including detailed processing of stroke start, stroke end, turning, radian, thickness variation, etc.
• Establish structural rules of the font, determine center of gravity position, face size, middle palace tightness, stroke thickness contrast and other structural parameters, form unified design language
Deliverable: Font concept design drafts (including hand-drawn sketches, stroke system, structural rules, design explanation) | Quality standard: Rich and diverse creativity, distinctive stroke characteristics, unified structural rules
Step 3
Font Library Design & Specification Establishment
This step is the phase of expanding single font design into a complete font library, designing all characters according to unified design specifications, ensuring systematicness and integrity of the font. A complete font library needs to contain a specified number of characters, and all characters must be highly unified in style. Through systematic design and strict quality control, create professional-level font products.

• Determine character range according to font character set standards (such as GB2312, GBK, ASCII, etc.), plan character set scale, design in batches classified by radicals, structure, stroke count, etc.
• Systematically design all characters according to established stroke style and structural rules, maintain unified style, symmetrical size, consistent center of gravity, coordinated spacing for each character, pay attention to handling of special structure characters
• Establish font design specification document, record design principles, stroke characteristics, structural rules, special character processing methods, etc., as reference standards during design process, ensure design consistency
Deliverable: Font library design drafts and specifications (including complete character set, design specification document, weight versions) | Quality standard: Complete characters, unified style, systematic design specifications
Step 4
Spacing Adjustment & Typography Testing
This step focuses on detail optimization and typography effect testing of fonts, which is a key link to improving font quality. The ultimate value of fonts is reflected in typography applications; fine adjustment of character spacing has huge impact on overall typography effect. Through refined kerning adjustment and multi-scenario typography testing, ensure fonts have excellent performance in practical applications.

• Perform fine adjustment of tracking and kerning, determine baseline tracking according to font style and purpose, perform kerning fine-tuning optimization for common letter/Chinese character combinations
• Conduct multi-scenario typography testing, including body text typography testing, headline typography testing, different font size testing, different line spacing/character spacing combination testing,检验 readability and aesthetics of fonts in practical applications
• Conduct cross-platform testing, test display effects and compatibility of fonts on different operating systems (Windows/Mac/iOS/Android), different software (Adobe series, Office series, web browsers), perform font optimization based on test results, adjust detail issues affecting typography effect
Deliverable: Font testing and optimization (including typography test drafts, spacing adjustment plan, compatibility test report) | Quality standard: Excellent typography effect, reasonable spacing, good compatibility
Step 5
Font Generation & Result Presentation
This step is the concluding phase of font design, generating designed fonts into usable font files and producing professional design presentations. Font file generation requires professional technical processing to ensure complete font functions and standardized files. Exquisite font presentation can better present the design concept and application value of the font.

• Use professional font editing software (such as Glyphs, FontLab, FontForge) to generate font files, export multiple formats such as OpenType (.otf), TrueType (.ttf), Web fonts (.woff/.woff2)
• Set OpenType features of the font, such as ligatures, alternate characters, small caps, figure styles and other advanced functions, write font metadata information (font name, designer, version number, copyright information, etc.)
• Produce font design presentation, including font specimen, application scenario renderings, design process records, design explanation document, etc., systematically present font design concept and application effect
Deliverable: Font final product and presentation (including font file package, font specimen, application display, design explanation) | Quality standard: Complete font functions, standardized files, professional and exquisite presentation
← 返回设计 下一门:色彩设计 → 🎲 Random Course
Prerequisites · International Exams · Contact · Back to top · Home