可能毁了你内容的7个必知设计错误

所属分类: 平面设计 / 平面其它 阅读数: 442
收藏 0 赞 0 分享

设计上的错误是我们无法避免的,它可能发生在任何设计师的身上(即便是大师也一样)。也许你正在试图尝试快速的完成一个设计项目,或者你此刻正在为一个复杂的网站设计而日夜工作,只是其中有些需要注意的点被你给忽略了。但是,一旦你发现并注意到它们,你必须修复他们,立即。

一些设计错误可能会破坏你的内容,导致用户放弃继续停留在你的网站,或失去对你提供有用信息的信任感。如果你不及时修正可能很难恢复他们对你的信任。不过,今天你不用感到困惑,因为今天的每一个提示都有一个来自Design Shack图片集中的实际的设计例子,希望能够帮助你找到你现在应该避免的错误!

1.潦草的字体

在排版方面,最常见也是最广泛的“问题制造者”就是空间。行间距或首行缩进、文本包装中的空格量是常见的“违规者”。尽管在有时你会看到很多的排版上面已经有很大的空间预留了,但更常见的问题是文本却没有足够的呼吸空间,使设计会让人感觉很混乱,难以阅读。

对于大多数权重高的文本内容来说(试着想想主内容区的文本内容),常用的网格公共线间距约为刻字大小的百分之十二至百分之一百五十。对于那些更小的文本内容来说,你甚至可以在增加一些额外的行间距,以确保它在那些小屏设备上仍能保持高可读性,比如移动设备上。

这么做的诀窍在于,设计师需要充分考虑到用户如何才能在不同的媒介上获得最舒适的体验,其中文字需要容易阅读,并能够很自然的按顺序“自然流动”,而不会让眼睛感到疲劳。距离太远的文本可能与距离太近的文本在问题的处理上面临同样困难。

当谈到文本的设计包装时,请遵循相同的一般规则。对于包装的相关元素,请考虑使用镜像行间距规则。这样一来,一切都会有一致和统一的感觉,可以表明元素是相关的,同时也增加了文本的可读性。

正确示范:House of Khlebny

2.一切都保持相同的大小

所有放置图片、照片的区域大小相同、所有文字大小相同、所有按钮的大小相同,虽然这能够保持很好的一致性,但却使得你的网页设计整体变得单调且无聊。

尝试在你的网站设计中混合几种不同的元素类型、或大小和比例,这样,你可以在不丢失一致性的情况下,同时有助于吸引用户的注意力并创造视觉兴趣。

你能做的最好的事情之一就是考虑相框内的照片比例。每个页面上的主视觉标题可能会有相同的大小,但是如何将照片放在框架中可以是以不同的方式来实现的。通过缩放图像可以营造一种远近的感觉,看起来更小,产生更少的视觉重量,会让你觉得图片是在远离你的位置上;使用贴近距离的组合可以使事物看起更靠近以及更大。没有改变实际的大小(甚至未改变网站设计样式或模板),你已经创建了不同大小的东西。

正确示范:Brooke Promiitz

3.忘记层次

用户如预期一样来到你的网站来寻求他们需要的信息或具体的行动实践。你要做的是使你的网站设计能够让他们轻松地使用导致此操作的元素的不同层次结构。

网页设计中往往最大的元素应该是最重要的,并且设计师通过缩小不太重要的内容来突出这种对比。通过对信息的主次轻重进行排名和分组,使用户可以轻松阅读并理解。

然后,为了一致性,将你的层次结构转换为一组规则。这样一来,标题总是看起来像标题,按钮遵循相同的布局,大小和交互规则。所有这些小事情将使整个网站设计更容易让用户参与。

正确示范:Ragnar Theme

4.忽视基础

你有多少次遇到以下这种情况:访问一个网站,尝试点击一个链接,却什么反应也没有,什么也没有发生?有或者是找一个电子邮件地址或联系表单却在整个网站设计中找不到一个?

不要忘记在设计中照顾所有的最基本的元素,并确保它们能够被用户及时的找到。注意导航,搜索和页脚。

这些位置之所以如此重要,原因是这些领域包括更新的链接和信息,用户期望这些元素具有某种类型的体验,如果不存在,可能会很容易有受挫感。同时,它还为你的网站提供可信任度——破碎的链接或没有联系信息可能导致用户的不信任。

正确示范:Anagram Paris

5.太多“话”了

编辑你的文本内容,先将其放在一边,然后再次进行编辑。

许多网站设计面临的问题是它们使用太多的文本内容来解释简单的事情。一个好的、用户体验最佳的网站设计语言应该清晰简洁,以避免用户没有过多的注意力注意这些繁琐的内容。

尝试在你的网页设计中使用活跃的描述性词语与用户进行最佳的交谈。为可操作的项目提供明确的说明,告诉用户准确地操作以及接下来会发生什么。

这种清晰的书面形式将有助于让用户感兴趣并浏览文本内容。

正确示范:A is for Albert

6.分辨率差

应避免任何形式的低质量图片。随着科技以及显示设备的发展和更新,许多用户正在使用高分辨率的设备,当然,你的网页设计也成了需要经受考验的对象。从平板电脑上的“视网膜屏”技术到能显示每个像素细节的显示器。分辨率差的图像会摧毁任何的设计。

避免这种情况发生的诀窍在于,当你在进行你的网站设计时,你需要开始反思你对文件大小和压缩的了解。尽管这些事情是非常重要,但目前来看规则有所改变,更大的文件变得越来越标准,大多数互联网连接可以处理负载。

现实是这样的:如果你不能使用清晰,干净的图像的话,那么请尽量别使用图像。你的网页设计在视觉第一印象会告诉用户很多信息。一个糟糕的“门面”形象可能会让用户觉得——你不在乎,不可信,或者只是不考虑质量。确实,这些不是你希望用户在访问你的网站设计时想到的事情。

正确示范:Orsolina 28

7.太多技巧

过多的使用矢量插图,使用太多的照片和阴影效果或动态图标等一些常见的设计技巧,会导致分散用户在设计中的消息处理。任何以视觉原因存在的设计技术都可以被认为是一个技巧——不寻常的颜色,动画,奇怪的照片组合和插图都是设计技巧。

它们可以成为帮助创造兴趣和参与的有效工具。

当我们谨慎使用,仔细衡量的时候。

请尽量不要过度使用它们。例如,一个很好的矢量插图在网页设计中可以是一个很好的工具,但是如果插图的部分被切碎,并且在设计上到处都有插图,它可能会分散注意力。一个“大技巧”往往比许多“小技巧”更有效。

正确示范:Wokine

如果你犯了这些设计错误其中的一个,不要气馁。每个设计师都会发生这些大大小小的错误,重点在于你是否想到办法来补救你的网站设计,使其恢复良好,你的内容就是安全的。

这不需要通过重新设计来纠正这些错误。设计中的一些元素调整就足以清理和简化常见的设计错误。第一步是审核你的设计,以找到需要特别注意的地方。祝你好运

----图文来自:design shack

----由深圳网站建设公司-Clh翻译编辑整

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多