开课信息 行业资讯 媒体报导 优秀学员

设计过程中如何打造用户体验的排版规则??

2020-07-01 10:06:18

1.可读性原则:
网页必须使用无衬线字体的想法已经过时,但这种说法背后的核心思想并没有过时:文本必须易于阅读。为了选择易读的字体,应尽可能避免手写字体、哥特式字体和过于新颖的字体。当然,如果一个场景需要艺术字体来装饰,那就是另一回事了。可读性很好的字体也有很好的可识别性,而且通常不会特别“显眼”。这些字体应该是“透明的”,这样用户就可以毫无障碍地下意识地接受它们。这就是他们的工作方式。
2.确保行间距足够宽:
行距是影响用户阅读体验的关键因素之一。如果它太密集,它将使阅读变得困难,如果它是呼吸,它将是迷人的。尤其是现在,大量用户在手机和平板电脑上阅读,相对较宽的行距可以缓解大量内容的阅读。控制行距涉及几个变量:字体大小、段落长度、字体样式和屏幕宽度。不幸的是,没有固定的转换公式可以帮助你做到这一切,但是你可以做到:对于大多数网站来说,最好的行距应该是字体高度的125%。对于大多数移动设备,最佳行距是字体高度的150%。松散的行距(如直接保留一行作为行距)可以使内容更容易识别和扫描。控制行距的松紧,用双眼浏览段落进行测试,并根据感觉进行调整。
3.选择有字母含有大圆角的字体:

对于西方字体,带有大圆角和空白的字体更容易阅读。明显的圆角使字体(如B和R)易于识别,而内部空间是字母(如O和Q)的符号。紧凑和密集的字体使眼睛难以识别,而曾经在纸质媒体中流行的较宽的标题字体具有相当好的识别度,因为当字体变宽时,不同字母之间的差异变得更加明显。圆角较大的字体看起来更接近儿童设计,的字体,而童年时对字体的审美认知将伴随一个人的一生。

平面设计设计过程中如何打造用户体验的排版规则??

4.让字体更大一点:
毫无疑问,字体的适当放大会让人感觉更舒服。当然,字体大小通常取决于你的实际需要,当处理大块文本时,你应该注意它。虽然不同的设计老师对文字处理有不同的看法,但人们通常认为每行的字符数应该控制在45到60之间(在中文里也有一个常规的数字),而在移动端,这个数字通常需要减半才能看起来足够舒服。
5.找x高度较高的字体:
与中文字体不同,西方字体有一个向上扩展区和一个向下扩展区,小写字母x的高度就是这组字体的x高度。小写字母的总体比例将直接影响阅读体验。x高度较大的字体更容易阅读,换句话说,小写字母更接近大写字母。理想情况下,字体的x高度应该在大写字母高度的三分之二到四分之三之间。
6.显示字体的字距调整:

仔细调整间距可以创造出好的排版效果。课文内容太多,所以仔细调整所有字母之间的间距是不现实的,也没有必要。但是,对于标题字体和显示字体,有必要调整单词间距。不同的字母有不同的笔画角度,所以每对字母之间的距离应该适当调整,使它们看起来像自然的一对。这样的细节可以使你的设计在许多网站和设计中脱颖而出。事实上,字距微调技术也用于中文和日文字体的排版。在日本,特别使用平假名和片假名,字距调整经常用于标题和显示字体的排版,以确保整体视觉体验。】

7.仔细思考比例:
当你为一个项目选择一种字体样式时,对于后来的设计来说,清晰地思考不同部分的大小比例是非常有帮助的。听起来似乎有很多计算工作要做,但这并不一定麻烦,它将对你的整个项目有很大的帮助。前面提到的行距设置是要考虑的比率之一。此外,如何设置标题、字幕和文本的字体大小比例,以及如何设置大小,可以创造一种视觉和谐的感觉。在开始控制这个比例的时候,可能不会有太多的跟进,但是图坦卡蒙有一个很好的教程来帮助你理解这个问题。
8.笔画统一的字体最理想:
从字体笔画风格来看,笔画宽度无疑是最重要的。由于缺乏对比,超精细的笔画很难识别,而笔画太粗的字体可能会有同样的问题,并且会耗费眼睛去阅读。如果字体的粗细部分之间的对比度太强太突然,也可能导致某些显示问题。事实上,解决方案并不困难。最好选择笔画粗细适中且笔画相对一致的字体。这种类型的字体可以兼容更多的背景,并且相对更易读和更适用。
9.克制地使用字体:
仅使用两种字体。同样,只能使用两种字体。控制字体类型的数量应该是每个项目的目标。太多的用户喜欢疯狂地将各种字体塞进一个界面,这对眼睛来说是灾难性的,难以阅读,甚至让用户感到厌烦。您可以选择两种字体系列作为常用字体——,最多选择一种艺术字体用于显示——,然后坚持使用这些字体。想知道何时何地使用每种字体,包括字体的颜色、大小和位置。此外,字体的使用应该在不同的页面和不同的设备上保持一致。
10.提升对比度:

设计,有很多时尚的网页,可以减少背景和文字的对比,创造出酷和融合的效果,但是内容识别度很低,对用户不友好。你的内容是网站的核心之一,所以它的重要性是毋庸置疑的。内容和背景之间的对比度得到改善,从而每个单词都可以在屏幕上被清楚地识别,并且用户可以容易地获得信息。网站包含的文本越多,设计的排版就变得越重要。舒适稳定的排版结构,明显和谐的对比,安全的色彩使用都是你必须做的事情。



姓名:电话:

QQ:邮箱:

留言: