当前位置:首页> 模板建站动态> 网站制作和设计中的七个误区

网站制作和设计中的七个误区

发布时间:2020-05-16 11:00:00

排版设计中存在一些问题,一是版面设计不合理。段落间距和行距是文本内容常用的空间控制变量。虽然有些排版会因间隙过大而松,但更常见的问题是排版过紧,缺乏呼吸感,可能会使设计看起来混乱,可读性低。

一般来说,对于文本的大段落,行距在文本高度的120%到150%之间。对于较小的文本,考虑到用户在移动端的使用场景,可能需要稍微增加行间距,以确保舒适的阅读体验。

然而,无论如何控制,其核心始终是保证阅读体验的愉悦和恰当。正确流畅的排版,视觉上很舒服。间距过大或过少都不合适。

另一方面,整个页面布局的行距比例要一致,这样可以使视觉更加统一,增强相似和相关元素的相关性,增加可读性。

所有元素大小相同

所有的图片都是一样的大小,所有的文字都是一样的大小,所有的按钮都是一样的风格,这个“一致”看起来不错,但实际上会显得更无聊。

网页中的许多元素可以相同,但不相同。这是两个概念。根据不同的要求,不同位置的按钮尺寸不能完全相同,但可以采用相同的样式,并设计几个相对固定的尺寸比例,这样也可以更好地控制整个视觉和体验。

事实上,在web框架中使用图像是的例子之一。不同页面的个图像大小相同。如果将图像应用到整个布局的其他位置,将直接按比例缩小,直接降低元素的视觉权重,降低信息传输的有效性。理想的情况是根据页面布局的需要对整个页面框架进行裁剪。

我们看到的大多数网页都需要通过一个组织良好的层次结构来呈现内容。毕竟,web内容也遵循80/20的规则,20%的内容往往可以具有80%的重要性。这也使得网页的层次结构变得如此重要。

网页中的不同内容有优先权,这种重要性可以根据设计需求或用户需求来判断和划分。同时,当用户快速浏览内容时,应将重要内容放置在便于浏览和查看的重要位置。

确定了重要性优先级后,基本确定了层次结构的设计思想。个图片、标题等元素是重要信息的载体,而CTA按钮、输入框等可以引导用户行为的元素可以在交互层面上增强内容的有效性。在设计web页面的层次结构时,应该系统地考虑所有这些因素。

网页的可用性总是先于易用性。我想我也有过这样的经历:等了很长时间,网页无法加载;点击一个按钮没有相应的反馈;想在网页后面找到所有者的联系方式,但是在aboutus页面上什么都没有。

所有这些基础工作都需要设计师做好。确保网页的基本功能能够顺利使用和正确反馈,这些基本的可用性问题经常出现在搜索框、导航、页脚甚至业务逻辑中。

在web页面中,不同类型的元素涉及不同类型的内容,甚至文本和图片通常都有链接,或者涉及特定的功能或交互,用户对这些功能有期望。可用的按钮、链接和其他基本功能可确保信息和功能的完整性。只有这样,用户才能信任网页本身。

很多网页在使用文案时,不够简洁,用户在浏览过程中很容易迷失。人们集中注意力的时间总是有限的,所以我们应该在交互和UI中尽量使用清晰准确的描述语言,引导用户,明确交互的结果。

简洁明了的语言文案是维护用户兴趣、促进互动的力量。

不够清晰的图像无疑是设计的硬伤。如今的高清屏幕随处可见,低分辨率图像在今天的屏幕上也无处藏身。

随着网络覆盖范围和带宽的扩大,大规模的图片和文件逐渐成为标准。当需要准确控制图像大小和屏幕分辨率时,也可以参考响应设计,借助断点来控制显示的大小。

当然,重要的是不要使用低分辨率的图片。

插图太多,特效复杂,设计趋势太多,当常见的设计技巧和效果堆积在网页上时,很容易稀释网页中真正重要的内容。不寻常的颜色,奇怪的动画,巨大的图片,这些真正吸引眼球的元素应该有针对性和有计划地使用。

它们确实是增强兴趣和吸引用户注意的重要手段,但也需要谨慎使用。

当你想使用特定的设计元素时,采用流行的设计趋势或技术,选择一种思维方式,并尝试区分主次。在许多情况下,一个设计趋势比三个趋势更有用。