3.糟糕的图片搭配处理

有时,当我带着期待打开某些网站时,它们的存在就是一场设计灾难!相信我,当你看到它们时你也会生气。从莫名的链接丢失到可用性差,本文将分享一些可以让人瞬间发疯的设计错误。注意力!不要让您的用户遇到与以下相同的问题。

1.缺乏对比

网页上的文字和图像需要具有高度可读性,而最简单的方法是使它们具有高对比度。但是很多设计师经常忽略这条规则。

图片背景与文字的对比度太差,使文字模糊不清,用户不仅错过了这一段,也错过了你想要传达的重要内容。

您必须确保每个元素与其周围的其他元素不同,牢记颜色、空间和大小的这些基本方法。明智地使用它们,让您的每一个元素都清晰可见!

上图中的两个对比问题 白色文字与浅色图像颜色过于相似网页制作门户网站图片展现中的1234滚动播放,字体太小网页制作门户网站图片展现中的1234滚动播放,导致此文字的可读性极差。

2.糟糕的导航和工作流程

当我第一次登陆该页面时,您必须让我知道下一步该做什么。点击按钮和信息需要放在显眼的位置。这就是导航栏和菜单栏往往位于页面顶部的原因。

导航的标签内容和操作必须清晰直观。当你尝试使用水平滚动条或其他一些不寻常的动作设计时,给用户一个提示,让他们知道你的页面是如何工作的!过于复杂的设计会让用户感到不知所措并放弃您的网站。

3.形象搭配不佳

没有什么比伟大的形象被其他设计所掩盖更糟糕的了。如果您花时间将您的网站与精美图片配对,为什么要让它被其他设计元素覆盖?一行简单的文字就可以了!这就是为什么透明按钮是新的热潮。

设计师在追随潮流时,往往会陷入这种误解。顶栏很有趣,滚动也很棒,但是当您将它们与文本配对时,它很容易变得不那么和谐。页面上的每张图片都需要与文字配对,这样每一个字都可读,图片上的每一个设计元素都清晰可见。

不要用文字或按钮覆盖图像的任何重要部分。当您认为您的页面设计处于这种情况时,最好换成更简洁的背景,并将您的这张图片放在其他地方。

当你第一次看到上面的图片时,你会被它粗略的风格所吸引。但仔细看,人物的脸都被文字遮住了,赞美的话语让整个人看起来很乱。

4.无网格

在网页设计中,一些杂乱的东西可以让人赏心悦目,不对称就是其中之一,不使用网格绝对不是!

网格的使用是区分设计好坏的专业指标之一。网格使一切保持清晰和有条理 通过保持元素的一致性和适当的间距,您知道将元素放置在何处以及如何放置。网格可帮助您确定元素的大小、文本的大小和空间,以及通过比例确定内容的焦点。

5. 没有响应

使用响应式设计框架!使用响应式设计框架!使用响应式设计框架!三件重要的事!您的网页可能需要在手机上运行,​​它必须像在计算机上一样流畅。

我总是遇到在我的手机上加载为整个页面的网站。这些网站的设计目的不是响应式的,至少不是移动版本的视图,因此用户无法使用它们。 (虽然非常罕见,但仅提供移动视图的网站非常令人沮丧。)

可能很多用户都和我一样,如果我在手机上不能流畅使用你们的网站,那我就不会在电脑上打开它。

6.链接丢失

断开的链接是网络上最烦人的事情之一。养成每年检查链接的习惯!您可以手动检查或使用网站链接检查器等工具。

如果您的徽标没有链接到您的主页,我也会感到惊讶。徽标链接到网站的主页。 (并且不要在主页上禁用后退按钮。)

考虑链接可用性。确保您的链接,尤其是文本中的链接,足够明显且易于点击而不会出错。不要在文本中放置大量文本链接,尤其是在移动设备的小屏幕上,用户很难点击正确的链接。

7. 自动播放音乐

向网页添加声音可能会很戏剧化,但在没有用户提示的情况下切勿播放音乐。

您应该为用户提供一个按钮来打开/关闭音乐,并且默认情况下它应该是关闭的。音乐可能会让用户感到惊奇,但当用户处于工作环境或心情不好时,它可能会适得其反。用户需要完全控制您的网页,而自动播放音乐则相反。我需要网络音乐,但必须经过我的同意才能播放,如果我找不到关闭自动播放音乐的按钮,我可以关闭网页。

但在广告中使用它是个好主意。如果您有必须播放的声音内容,请考虑放置一个大的弹出式静音按钮。用户倾向于接受几秒钟的广告时间并阅读内容。虽然这不是一个理想的方法,但它是一个更好的解决方案。

看上面的页面,它会自动播放音乐但应该静音。让我们看看您是否一眼就能找到切换按钮。按钮太小了,尤其是和其他元素相比,比较难找。

更严重的罪行

没有最坏的,只有更糟的,下面的一些设计错误会被我扔掉。不要让自己成为这些粗心错误的牺牲品。

没有搜索功能

语法或拼写错误

没有调用函数

文本中的链接过多

连字符的文本

超小按钮

排版和可读性差

每个人都容易出现这些设计错误(而且您还会在整体设计出色的网站上发现这些潜在问题)。通过在设计和开发过程中注意这些小细节,您可以成功避免这些错误。不要让你的用户生气(真的)!

*请认真填写所需信息,我们将在24小时内与您联系。

© 版权声明
THE END
喜欢就支持一下吧
点赞281 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片