网页制作中可能破坏您内容的设计错误
设计错误可能发生在任何人身上。也许你试图快速完成一个项目,或者你正在开发一个复杂的网站设计,其中的东西只是被忽略了。但是,当问题发生时,你必须立即解决它们!
某些设计错误可能会破坏您的内容,导致用户放弃您的网站,或者失去对您提供的信息的信任。如果不进行修正,可能很难恢复。因此,您不会感到困惑,今天的每个提示都附带了一个设计示例,这些设计都可以直接从coolsite360中完成!
1.糟糕的排版
最大的排版犯罪者是太多空。行间距或行距以及文本换行中的空间量是常见的违规行为。虽然有时你会看到太多空间,但更常见的问题是文本没有足够的呼吸空间,使设计感觉混乱且难以阅读。
对于大多数重磅复制 - 想想正文的段落 - 网络的法线间距约为字母大小的120%到150%。对于较小的文本,例如在移动设备上进行渲染,您甚至可以在一点额外行间距的情况下犯错,以确保可读性。
诀窍在于快乐的媒介,文本易于阅读并具有自然流动,但不会让人感到疲倦。太过分隔的文本可能与太靠近的文本一样难以处理。
说到文本换行,请遵循相同的一般规则。对于包装的相关元素,请考虑镜像行间距规则。这样一切都会有一致的感觉,显示元素相似,但提高了可读性。
成功案例:coolsite360
简洁的排版必不可少
2.相同尺寸一切
所有相框都是相同的尺寸。所有文字大小相同。所有按钮大小相同。虽然一致性很好,但所有的单调都很无聊。
将它与每种元素类型的几个尺寸和比例选项混合使用。通过这种方式,您可以保持一致性,同时也有助于吸引眼球并创造视觉兴趣。
你可以做的最好的事情之一是考虑帧内的照片比例。每页上的英雄标题可能大小相同,但您在框架中放置照片的方式可能会有所不同。缩小图像以获得较远的感觉,看起来更小,视觉重量更轻; 使用紧密的作物使事物看起来更接近,更突出。在不改变实际尺寸 - 甚至改变您的网站样式或模板的情况下 - 您已经创建了看起来大小不同的东西。
成功案例:Brooke Promiitz
3.忘记层次结构
用户访问期望找到或做某事的网站。通过导致此操作的不同元素层次结构,使它们变得容易。
设计中最重要的事情应该是最重要的,并缩小到不太重要的项目。将信息排序并分组为可扫描位,便于用户一目了然地理解并理解。
然后将您的层次结构转换为一组规则以保持一致性。这样,标题总是看起来像标题,按钮遵循相同的放置,大小和交互规则。所有这些小事情都将使整个集合更容易让用户参与其中。
成功案例:拉格纳主题
请输入图片描述
4.忽视基础知识
你有多少次遇到一个网站,点击一个链接,什么都没发生?或者只是找不到一个电子邮件地址或联系表单?
不要忘记在设计中照顾所有的管家元素,并确保它们被填写,易于查找和准确。密切关注导航,搜索和页脚。
这些领域包括更新的链接和信息非常重要。用户希望从这些元素中获得某种类型的体验,如果它们不存在,可能会很容易受挫。它还为您的网站提供合法性 - 断开链接或没有联系信息可能导致用户不信任。
成功案例:Anagram Paris
5.太多的话
编辑副本,将其放在一边,然后再次编辑。
许多网站的问题是他们使用太多的副本来解释简单的事情。语言应该清晰简洁,因为注意力很短。
使用有效的描述性词语与设计中的用户进行最佳对话。为可操作的项目提供明确的说明,告诉用户具体做什么以及接下来会发生什么。
书面的清晰度将有助于让用户保持兴趣并浏览副本。
成功案例:AN ALPHABETICAL
6.解决方案不好
应该避免任何形式的坏图像。许多用户正在高分辨率设备上查看您的设计,从平板电脑上的视网膜启用屏幕到显示每个像素细节的显示器。分辨率不佳的图像会破坏任何设计。
诀窍是重新思考你对文件大小和压缩的了解。虽然这些事情非常重要,但规则有所改变。较大的文件正变得越来越标准,大多数互联网连接都可以处理负载。
实际情况是:如果您无法使用清晰,清晰的图像,请不要使用图像。您的视觉第一印象会告诉用户很多关于您的信息。糟糕的形象表明你不在乎,不可信或只是不考虑质量。确实,这些不是您希望用户在访问您的网站设计时想到的内容。
成功案例:Orsolina 28
7.太多技巧
过多的插图,使用过多的照片和阴影或跳舞太过分的图标是一些常见的设计技巧,可能会分散用户对设计中信息的注意力。任何因视觉原因而存在的设计技术都可以被认为是一种技巧 - 不寻常的颜色,动画,奇怪的照片组合和插图都是设计技巧。
它们可以成为帮助创造兴趣和参与的有效工具。
少量使用时。
将技巧限制在一个让你的设计与众不同的地方。并尽量不要过度。例如,一个很好的例子可以是一个很好的工具,但如果插图的一部分被切碎并且整个设计都有插图,那么它可能会分散注意力。一个“大技巧”更好,通常比大量的小技巧更有效。
成功案例:Wokine
结论
如果你犯了这些设计错误之一,就不要气馁。它可能会发生在每个人身上。耐心修复,您的内容将是优秀的。它也不需要重新设计来纠正这些错误。对设计元素进行一些调整就足以清理和简化常见的设计错误。第一步是审核您的设计,找到可能需要特别注意的地方。祝你好运
意派Coolsite360交互式线网页编辑系统
“创意不该受技术束缚,交互可以变得简单有趣”