1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

上万字干货!超全面的网页设计规范:文字篇--九分网络

时间:2020-06-27   分类:设计管理    作者:网络   来源:网络整理   点击:56

上万字干货!超全面的网页设计规范:文字篇

九分网络

内容采集来自9fen.net

文字是界面设计中最基本的构成之一,如何定义网页设计中的文字系统?可大体分为三步: copyright 9fen.net

系统全面地了解文字的基础知识、显示方式、影响因素及当前网页设计中适合的文字系统; copyright 9fen.net

梳理出自己团队所有产品文字使用情况;

九分网络

综合第1步、第2步总结出适合团队业务的文字系统。

copyright 9fen.net

注:网页设计规范色彩篇马上会发布在优设V+会员专栏,想获得整个网页设计规范系列干货的同学,请右戳 → https://www.uisdc.com/uisdc-vip 本文来自九分网络

字符屏幕显示原理   1. 字符

字符是指计算机中使用的字母、数字、标点符号等等。 www.9fen.net

上万字干货!超全面的网页设计规范:文字篇

内容采集来自9fen.net

copyright 9fen.net

计算机最初发明出来是用来解决数字计算问题的。

内容采集来自9fen.net

上万字干货!超全面的网页设计规范:文字篇 内容采集来自9fen.net

九分网络

后来发现,计算机还可以做更多的事,例如文本处理。其实计算机挺笨的,它读到的所有字符都是由1和0组成的字符串,因为计算机电路只有两种状态,「开」和「闭」,对应「1」和「0」。计算机也只可以直接存储和处理二进制数字。 www.9fen.net

上万字干货!超全面的网页设计规范:文字篇 本文来自九分网络

本文来自九分网络

  2. 二进制

「二进制」是数字世界里的基本规则。

九分网络

下面这些不同格式的文件,在本质上都是一串由1和0组成的代码,要了解这些文件首先要了解二进制。人有十根手指头,但计算机电路只有「开」和「闭」两种状态,所以满十进一位的计数方式更适合人类计算,而满二进一的二进制更适合计算机。计算机只需要1和0这两个数字就可以传递一切信息。 www.9fen.net

上万字干货!超全面的网页设计规范:文字篇 九分网络

copyright 9fen.net

△ MP4

copyright 9fen.net

上万字干货!超全面的网页设计规范:文字篇 九分网络

本文来自九分网络

△ MP3

九分网络

上万字干货!超全面的网页设计规范:文字篇

内容采集来自9fen.net

本文来自九分网络

△ JPG 内容采集来自9fen.net

上万字干货!超全面的网页设计规范:文字篇 九分网络

www.9fen.net

△ TXT 内容采集来自9fen.net

上万字干货!超全面的网页设计规范:文字篇 九分网络

copyright 9fen.net

△ AVI copyright 9fen.net

以图像为例,我们用电脑或手机看到的图像都是在某个角落里存储着下面这样的一串数据。开头的16位翻译过来就是 BMP文件开始的标识。

本文来自九分网络

上万字干货!超全面的网页设计规范:文字篇

内容采集来自9fen.net

www.9fen.net

BMP文件标识后面的数字就是图像的各项基本信息。 copyright 9fen.net

上万字干货!超全面的网页设计规范:文字篇

copyright 9fen.net

九分网络

△ 图像的各项基本信息 内容采集来自9fen.net

上万字干货!超全面的网页设计规范:文字篇 copyright 9fen.net

九分网络

△ 颜色深度 内容采集来自9fen.net

最开始的24位,都是1,像素显示为红、绿、蓝三种颜色,相加后显示为白色。 www.9fen.net

上万字干货!超全面的网页设计规范:文字篇

copyright 9fen.net

本文来自九分网络

接下来的24位,前8位是1,后面都是0,像素显示为红色。

九分网络

上万字干货!超全面的网页设计规范:文字篇 内容采集来自9fen.net

内容采集来自9fen.net

再后面24位的前16位都是1,最后8位为0,像素显示红、绿两色,相加后显示为黄色。 copyright 9fen.net

上万字干货!超全面的网页设计规范:文字篇 内容采集来自9fen.net

www.9fen.net

根据这样的规则整个55×55的格子铺满颜色就得到一张完整的图片。所以一个 BMP图像文件中的1和0就在逐个记录图像中每一个像素点的颜色。 www.9fen.net

上万字干货!超全面的网页设计规范:文字篇 九分网络

九分网络

△ 二进制图片生成方式

copyright 9fen.net

上万字干货!超全面的网页设计规范:文字篇 copyright 9fen.net

内容采集来自9fen.net

△ 色光三原色和颜料三原色区别 copyright 9fen.net

标签: 网页设计 优设 优设网 优秀网页设计 文字系统 网页设计规范

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----