新(xīn)闻资讯
您当前的位置:首页 新(xīn)闻资讯
网页设计规范:文(wén)字篇 发布时间:2021-06-23 已访问:2262 次

字體(tǐ)是网页设计中最基本的构成元素之一,用(yòng)户通过文(wén)字来理(lǐ)解内容和完成任務(wù),优秀的字體(tǐ)将大大提升用(yòng)户的阅读體(tǐ)验。 

文(wén)字基础知识 

「文(wén)字」是信息交流的工具,可(kě)读性、易读性至关重要。在网页设计中文(wén)字使用(yòng)需要考虑几个要素:首先考虑字體(tǐ),其次是字重、字号、行高、字间距、行间距、段间距等。


产品级色彩體(tǐ)系则是在具體(tǐ)设计过程中,基于系统色彩进一步定义符合产品调性以及功能(néng)诉求的颜色。


品牌色应用(yòng):品牌色取自基础色板的蓝色#1890FF,应用(yòng)场景包括:关键行动点,操作状态、重要信息高亮,图形化等场景。


中性色:中性色主要应用(yòng)在文(wén)字部分(fēn),此外背景、边框、分(fēn)割線(xiàn)等场景中也非常常见。


功能(néng)色:功能(néng)色代表着明确的信息及状态,如成功、出错、失败、提醒、链接等。


系统级中性色

中性色包含了黑、白、灰。在网页设计中被大量使用(yòng),合理(lǐ)的选择中性色能(néng)够令页面信息具备良好的主次关系,助力阅读體(tǐ)验。中性色板一共包含了从白到黑的10个颜色。


中性色也是主要应用(yòng)在界面的文(wén)字、背景、边框、分(fēn)割線(xiàn)等场景中。考虑到深浅色背景的差异,中性色根据设计需求在落地的时候可(kě)按照色值和透明度两种方式实现,两种方式优先使用(yòng)色值方式,尽量避免两者混搭使用(yòng)。

从用(yòng)户角度出发:表述一致;重要的信息放在显著位置;**、精准、完整;精简、友好、正面。在有(yǒu)限的空间内将重要的信息放在最前面,通过高亮、留白等方式突出重要信息让用(yòng)户**眼看到最重要的内容。

因為(wèi)软、硬件一直在变化,设计规范和内容也要定时更新(xīn),规范是為(wèi)了在繁多(duō)复杂业務(wù)中寻求一种平衡,帮助设计团队更高效的完成任務(wù),有(yǒu)些内容适合强制规定,有(yǒu)些内容适合规范一个范围,有(yǒu)些内容适合制定一种规律方法,当出现特殊情况时需要重新(xīn)审视和不断完善灵活使用(yòng)。