主页 > 网站运维 > 改善文字的层级关系

改善文字的层级关系

时间:2023-01-19 | 标签: | 作者:Q8 | 来源:网络

小提示：您能找到这篇{改善文字的层级关系}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的改善文字的层级关系内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

文字层级经常在交互设计中被忽视。无论如何，要建立一套成功的用户流程，在项目流程之初就得将文字纳入考虑。

文字层级在沟通中扮演着重要角色，将用户引向期望中的结果，还能改善用户体验。网页应用总有繁复的文字层级，区分不够鲜明。各级文字相互较劲，使用户不知所措、迷失其中。

新闻头条应用就是个很好的例子，反映了不清晰的文字层级如何影响用户体验。在中，新闻逐条展示。每条包含了7个文字层级（下图）。分类名（1）、合肥舆情监测标题（2）、标题链接（3）、正文链接（4）、正文（5）、网站链接（6）、发布时间（7），由于没有被清晰地区分开，它们全都在争相吸引用户注意。这种模棱两可的层级，使每则故事都不易阅读，阻滞了用户交互流程。

假如花更多心思在文字层级上，Inside.com会受益良多

为了更好地区分文字的层级，你需要对用户希望如何剖析信息有所了解。在缺乏可用性测试的情况下，我可以假设用户第一眼会看到标题，然后阅读正文，接下来如果他们感兴趣，则会点击网站链接。

很快，我重新设计了第一篇文章，优化了文字的层级。增大了标题的字号，将它剥离出正文，把正文改为中灰色，将网站链接放在正文下方，并加大了行高，增加易读性。

快速重设计

这些改变有助于区分文字层级，随后便提升了用户体验。

前后对比



从结构的角度看，还能使整体层级更加清晰。记住文字只是一种元素（尽管通常是最重要的），对导航条、图片位置、文章排列进行重新设计，也能提升用户体验。

 

原文地址：

#专栏作家#

可乐橙，微信上海广告屏价位公众号：可乐橙（colachangreen）。专栏作家，UI/UX设计师，关注互联网，关注科技。现居杭州，与小伙伴们正在创业途中。或许不是一名优秀的设计师，至少是个快乐的设计师。



转载请保留上述作者信息并附带本文链接

改善文字的层级关系

上一篇：互联网最新兴交互方式探析
下一篇：用户界面设计原则


版权声明：以上主题为“改善文字的层级关系"的内容可能是本站网友自行发布，或者来至于网络。如有侵权欢迎联系我们客服QQ处理，谢谢。
相关内容
推荐内容
小编精选
扫码咨询
    改善文字的层级关系
    打开微信扫码或长按识别二维码

小提示：您应该对本页介绍的“改善文字的层级关系”相关内容感兴趣，若您有相关需求欢迎拨打我们的服务热线或留言咨询，我们尽快与您联系沟通改善文字的层级关系的相关事宜。

关键词：文字, 设计,

关于 | 业务 | 案例 | 免责 | 隐私
客服邮箱：545321@QQ.com
电话：400-021-1330 | 客服QQ：545321
沪ICP备12034177号 | 沪公网安备31010702002418号