UI设计师必备技能:常用字体规范
UI设计师必备技能：常用字体规范 字体选择规范 移动端： IOS：常选择华文黑体或冬青黑体，冬青黑体效果最佳。 Android：英文字体常用Roboto，中文字体常用Noto。 网页端： 常用宋体12px或14px，大号字体用微软雅黑或黑体，字号为18px、20px、26px、30px等双数字号。
字体选择 移动端：IOS：常选择华文黑体或冬青黑体，冬青黑体效果最佳。Android：英文字体常用Roboto，中文字体常用Noto。网页端：常用宋体12px或14px（无状态），大号字体用微软雅黑或黑体。微软雅黑系列字体规整舒服，适用于正文；方正中黑系列字体锐利浑厚，适用于标题。
网页规范网页宽度与高度：网页宽度通常设定为1920px，高度不限。有效可视区宽度一般在950px~1200px之间，具体尺寸需根据项目需求、客户要求以及用户群体来决定。首屏高度：首屏高度约为700-750px，主体内容区域宽度为1200px。文档建立：文件宽度设定为1920px，高度不限。采用RGB颜色模式，分辨率为72。
字体选择规范优先使用系统默认字体移动端系统通常自带安全字体（如iOS的San Francisco、Android的Roboto），这些字体经过优化，能适配不同屏幕分辨率和尺寸，避免因字体缺失导致的显示异常。
响应式网站字体大小指南
1、在设计响应式网站时，字体大小的选择需要根据不同设备和页面类型进行调整。在移动设备上，应确保文本输入字体大小至少为16px，正文字体大小约为16px，辅助文本可以稍小。在桌面设备上，文本较多页面的字体大小应至少为16px，推荐值为18px或更大；交互密集型页面的字体大小则需要根据具体情况进行调整。同时，建议在实际设备上查看设计效果，以确保用户体验的最佳化。
2、结合clamp()函数实现平滑响应语法：clamp(最小值， 偏好值， 最大值)，自动在最小值和最大值之间平滑过渡。示例：font-size： clamp(16px， 4vw， 24px)；解释：最小值：16px（屏幕过小时保证可读性）。偏好值：4vw（根据屏幕宽度动态调整）。最大值：24px（屏幕过大时限制字体大小）。
3、实现CSS响应式页面文字大小随屏幕变化，核心方法是结合相对单位（vw、rem）与媒体查询，通过clamp()函数控制缩放范围，并利用断点优化不同设备显示效果。 以下是具体实现方案与示例：使用视口单位（vw）实现基础自适应视口单位（vw/vh）基于屏幕尺寸动态调整字体大小，适合标题等需要强适应性的文本。
网页设计字体设计规范
- 正文中的大标题字体大小为24至32号；- 标题文字建议使用18px、20px、24px、28px或32px，尽可能选择双数大小；- 按钮文字大小为14至16号，根据实际情况可调整。
网页文字显示方式网页设计内容通过电脑浏览器承载显示，浏览器直接读取用户操作系统里的字体。字体选用原则原则一：优先使用各操作系统默认的字体，以确保广泛兼容性和良好显示效果。原则二：选择有版权、笔画严谨、清晰可读、经典的字体，以提升用户体验。
字色应用：在B端设计中，字体颜色只能用纯色，避免使用渐变性字色。色彩模式使用RGB，通过16进制代码指定色彩。颜色规范：建议遵循Ant.design等元件库设计规范，如#000000透视度65用于标题、筛选项等；#D9D9D9用于边框颜色；#FAAD14用于警示、提醒等。
屏幕高度：每个屏幕的高度约为900px左右，设计师在设计时需要考虑到这个高度限制，确保重要信息能够在用户可视范围内得到展示。字体规范 字体选择：中文可以选择微软雅黑，英文及数字则推荐使用Arial字体。这两种字体清晰易读，适合网页显示。字号：正文字号建议在12px－18px之间。
宽度规范：网页整体宽度通常设置为较宽显示器分辨率，如1920px、1600px或1440px。网页主体宽度则基于较小显示器分辨率（如800px、1024px、1280px）并减去滚动条宽度（IE中约为21px）。
字体排版规范 最佳易读性规范 行宽 传统图书排版每行最佳字符数是55—75，实际在网页上每行字符75—85更流行。
月薪过万的UI设计师常用的网页设计规范
1、网页规范网页宽度与高度：网页宽度通常设定为1920px，高度不限。有效可视区宽度一般在950px~1200px之间，具体尺寸需根据项目需求、客户要求以及用户群体来决定。首屏高度：首屏高度约为700-750px，主体内容区域宽度为1200px。文档建立：文件宽度设定为1920px，高度不限。采用RGB颜色模式，分辨率为72。
2、颜色规范 主体色：根据品牌或网站主题确定主体色，确保整个网站色调统和谐。辅助色：用于点缀或突出某些元素，增强视觉效果。背景色：选择柔和、不刺眼的颜色作为背景色，以确保文字的可读性。颜色搭配：注意颜色之间的搭配和对比，避免过于刺眼或混乱的颜色组合。
3、网页基础规格：- 网页宽度通常设为1920px，高度可自适应，视区宽度为950px至1200px，具体尺寸需依据项目需求、客户意见及用户特性调整。- 首屏高度推荐在700-750px，主体内容区域宽度保持在1200px。 文档设置：- 创建文档时，应以1920px宽度，高度不限，采用RGB颜色模式，分辨率为72dpi。
B端设计规范(一):字体
1、B端设计规范（一）：字体 在B端设计中，字体选择与应用至关重要，它不仅影响视觉效果，还关乎用户体验与系统专业性。以下从字体类型、主字号、字重、字色、文本样式及排版属性等方面，详细阐述B端设计规范。
2、在B端产品设计中，规范的使用是确保产品一致性、提升用户体验的关键。以下是一套详细的B端实战使用规范，涵盖了文字、间距、图标、文案、颜色、阴影、圆角、盒子模型、栅格、组件库以及页面模板等方面的规范。
3、在B端设计中，建议将每段文本独立成一个文本框，以便在更新迭代过程中更高效地修改文本内容。综上所述，B端设计中的字体规范需综合考虑字体选择、字号、字重、字色以及文本样式和排版属性等多个方面。通过制定合理的字体规范，可以提升界面的易读性、专业性和用户体验。
4、B端设计——设计尺寸规范篇 常见的屏幕尺寸与设计选择 在B端设计中，常见的PC屏幕分辨率包括1280×800、1600×900、1440×900、1366×761920×1080以及2560×1440等。其中，排名前三的分辨率为1920×1080、1366×768和1440×900。