51.网页设计规则#1_字体设计
一些概念
字体排版
排版是安排字体的艺术和技术,以使书面语言在显示时清晰、可读和吸引人。(来自维基百科翻译)
serif字体和sans-serif字体
serif字体
● 创造一个传统/经典的外观和感觉
● 体现出可信度
● 适合长文本
sans-serif字体
● 一种很现代的外观和感觉
● 干净、简单
● 对初级设计师来说,更容易选择
使用好的字体
只使用好的和流行的字体,并注意安全;
sans-serif几种推荐的好看的字体
并非一个好看的页面包含多种字体,每页只使用一种字体是可以的!如果你想多用一些,最好限制在两种字体。
根据你的网站个性选择合适的字体
a. 为你的网站选择正确的个性(后面会有更多介绍);
b. 在有衬线字体和无衬线字体之间做出决定;
c. 用所有 "好 "的字体(以及谷歌字体中的其他字体!)进行实验,看看哪种字体最适合你的网站信息(这将随着经验的积累而产生)。
d. 在你设计并创建网页的适合可以始终尝试不同的字体
使用好的字体大小和粗细在选择字体大小时,要限制选择范围! 使用 "字体比例 "工具或其他预定义的范围;
对于普通文本,使用字体大小在16px和32px之间;
对于长文本(例如博客文本),尝试20px的大小或者更大的。
对于标题,你可以根据个性选择真正的大标题(50px以上)和粗体(600以上)。
对于任何文本,不要使用低于400(常规)的字体重量。
创建一个好的阅读体验每行使用少于75个字符;
对于正常尺寸的文本,使用1.5和2之间的行高。对于大的文本,要低于1.5
a. 文字越小或越长,需要的行高就越大。
减少标题中的字母间距,如果它看起来不自然(这将来自经验)。
在短标题中尝试使用全大写字母。使它们变得小而粗,并增加字母间距
通常情况下,不要对文本进行辩解
不要把长的文本块放在中间。小块的就可以了
51.网页设计规则#1_字体设计相关推荐
- html艺术字在线制作,HTML网页设计中的字体设计
HTML网页设计中的字体设计 字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
- html网页设计同字,HTML网页设计中的字体设计
HTML网页设计中的字体设计 字体(Font)的设置是网页制作新手遇到的第一个难点.如何控制字体大小,如何取消超链接字体的下划线是网友来信问得最多的.好,我们来彻底研究一下字体的各个方面: 一.字符集 ...
- 【UI设计培训】字体设计-偏旁部首变形
UI设计培训中字体设计也是非常重要的一节课,字体在UI设计岗位中可以说用到的频率是非常高的,是设计师必须学会并且要有娴熟运用的一项必备技能,在进行汉字设计的时候,可以把汉字拆分成几个偏旁部首的形式进行 ...
- 【UI设计No4】字体设计
字体 宋体 简介:宋体是起源于宋代雕版印刷时通行的一种印刷字体·宋体字的字形方正,笔画横平竖直,横细竖粗,棱角分明,结构严谨,整齐均匀,有极强的笔画规律性,从而使人在阅读时有一种舒适醒目感觉.在现代印 ...
- 为什么觉得英文字体设计比中文字体设计来的好看?
首先 这是我的第一篇文字,无关代码,写写自己感兴趣的东西. 来公司一个月,关于UI跟我科普的知识,特别是在涉及设计logo的时候,为什么感觉版面是设计为英文会更加好看一些?或者加上英文会感觉" ...
- Glyphs 2 for Mac(字体设计编辑软件)
Glyphs 2 for Mac是一款非常强大的字体设计编辑工具,不仅有简洁的操作界面.非常便捷的编辑视图,而且在添加字形的同时会自动为字符写入对应的编码,大大降低了制作字库的门槛,让制作字库变得非常 ...
- illustrator字体设计教程 刘兵克Illustratorai字体设计日记
illustrator是矢量图形软件,主要用于产品设计.logo设计.广告设计.各类机械零件设计图.印前排版等等,用得最多的是处理印刷的图文. 多媒体设计师包括哪些? 学习网页设计.音像制品设计与制作 ...
- 字体设计视频教程-传智-专题视频课程
字体设计视频教程-6976人已学习 课程介绍 本课程主要讲解把千变万化的字形归纳成言简意赅的两种字形方向及六种字体变形技巧.激发你的创意.提高你的思维能力,让你的文字语言化的形象变得更 ...
- Glyphs 3 for Mac字体设计编辑工具
Glyphs 3 Mac中文版是mac上一款非常强大的字体设计编辑工具,glyphs mac破解版不仅可以帮助用户自行修改现有的字体,还支持创建自己喜欢的新字体,同时您可以通过调节这写图标字体的大小. ...
最新文章
- java封装Mongodb3.2.1工具类
- JMeter 下载安装教程
- 【转】Java:String、StringBuffer和StringBuilder的区别
- 标准炮灰三人组飞鸽传书武侠片
- 【AI视野·今日CV 计算机视觉论文速览 第229期】Thu, 1 Jul 2021
- 图解TCPIP-DNS
- 牛客第三场多校 H Diff-prime Pairs
- (C语言)字符串大小写无关查找替换
- exist name
- slideToggle使用
- 正则表达式匹配以xx开头以xx结尾
- solidworks做运动学分析Motion(牛头刨床为例)机械原理课设(详细)
- python实现 文件排版
- riscv-amo原子指令
- jdk API下载(英文的)
- cnn 分层 可视化 网站_如何可视化分层数据以显示整体关系
- 多少岁才能评中级工程师,需要工作业绩吗,需要几个工作业绩?
- MapReduce工作原理详解(学习笔记)
- 智慧物业,美丽家园中的充电桩应用
- python发红包最佳手气王_给自己发了两亿个红包后,我找到了手气最佳的秘密