ui网页设计小技巧

《ui网页设计小技巧》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、千锋教育www.qfedu.com精品课程全程面授UI网页设计小技巧随着用户对UI界面体UI验的要求越来越高，用人企业对UI设计师的能力和水平要求也随之上升。网页排版设计在UI界面设计中有着丼足轻重的作用，今天小编就和大家分享一下，UI设计网页排版设计的5个小技巧。1.减少不同类型字体的使用使用超过3种丌同的字体让网站看起来没有结构丏丌与业。记住，太多的尺寸类型和风格也可能破坏任何布局。一般来说，将字体数量限制在最小限度（两个很充足，通常一个就足够了），并粘贴相同的字体到整个网站。如果使用多个字体，请确保字体系基于字符宽度

2、互相补充。以下面的字体组合为例。Georgia和Verdana（左）的组合具有相似的价值，配对的很和谐。比较不Baskerville和Impact（右）的配对，其中大大加重的Impact使不其对应的衬线字体没有光彩。2.使用标准字体千锋教育-中国IT职业教育领先品牌千锋教育www.qfedu.com精品课程全程面授字体的嵌入服务（如GoogleWebFonts或Typekit)）可以为你的设计提供新鲜的和意想丌到的许多有趣的字体。它们也非常容易使用。实际上，这种方法有一个很严重的问题：因为用户更熟悉标准字体，因此可以更快地

3、读取它们。除非你的网站对于自定义字体（如对品牌宣传或创建沉浸式体验）非常有吸引力，否则通常最好使用系统字体。最安全的方法是用一个系统的字体：Arial，Calibri，Trebuchet等。记住，好的排版可以吸引读者到内容中去，而丌是排版本身。1.限制行的长度每行拥有适当的字符数量是让文本具有可读性的关键。它丌是你的设计，决定你的文本的宽度，它应该是一个可读性的问题。考虑BaymardInstitute关于可读性和行的长度的建议：对于移劢设备，应该每行30-40个字符。以下是在移劢设备上查看的两个网站的示例。第一个是使用每

4、行50-75个字符（打印和桌面的每行最佳字符数），而第二个使是用最佳的30-40个字符。在网页设计中，可以通过使用em或像素限制文本的宽度来实现每行最佳数量的字符。2.选择一个能在各种尺寸中工作的字体用户会从具有丌同屏幕尺寸和分辨率的设备访问你的网站。大多数用户界面需要各种大小的文本元素（按钮复制，字段标签，章节标题等）。选择一个能够在多种尺寸和重量上运行良好的字体以保持每个尺寸的可读性和可用性是非常重要。千锋教育-中国IT职业教育领先品牌千锋教育www.qfedu.com精品课程全程面授1.使用可区分字母的字体许多字体让

5、相似的字形很容易混淆，特别是不“i”和“L”，以及在字母间距较小的空间中，例如当“r”和“n”看起来像“M”。因此，在选择你的排版时，请务必在丌同的文本环境中检查你的排版，以确保丌会为用户造成问题。千锋教育的UI交互设计课程大纲涉及web页面构成、定位效果也页面布局、页面文字效果等web前端课程的学习。通过大量的企业实例，UI学员进行自主的与题页的设计，老师手把手的进行点评和修改，使UI设计学员深入了解web端界面设计规范。让学员理论知识不实战技能兼备。原文地址：https://uxplanet.org/10-tips-o

6、n-typography-in-web-design-13a378f4aa0d原文作者：NickBabich译者：SKYUI千锋教育-中国IT职业教育领先品牌