别让这7个常犯的错误毁了你的设计

一个成功的项目是一个好的设计、拍案叫绝的内容和一点点运气的结合。很多时候，一个简单的用户体验失误导致了设计的偏离正轨，从而破坏了内容框架甚至混乱了用户界面的预期行为设定。用户很容易不知道自己是怎么进到这个页面的，接下来应该要做什么。值得庆幸的是，许多这些类型的设计错误是比较容易识别和纠正的。（作为奖励，这篇文章中所举的例子使用了正确的解决方式，用这种作为指导吧～）

1.难以辨认的字体
曾经有一小段时间流行使用新颖的字体。使用新颖的字体本身并不是一个问题，但当它产生阅读困的时候，就是一个问题了。(OS:如果用户看不清文字，还要文字来干嘛>o在选择使用新颖的字体的时候，要注意这些字体组合成你要词组（句子）的呈现效果。某些特定的字体组合有时候会比其他字体要好。注意使用字距和字符数，特别是新颖的字体。（是说字符少的字体显示效果通常更好更专业。）你是怎么知道阅读起来有困难呢？警惕极端倾斜、笔画紧密、花饰极为复杂和连体字等的字体扎堆在一起形成一种怪异的形状。撸起袖子修改吧：把阅读性不高的字体换成笔画疏密有致、更常见的字体吧。你不一定要把所有的字体都改成Helvetica，但可以去寻找一些可读和有趣的字体。尝试从Google字体集开始吧。

2.糟糕的对齐方式
左对齐、右对齐、居中对齐、全部对齐？我们不会在这里争论的排列类型的优点。重要的是：统一一致的对齐才是最重要的。字体和元素应放置在网格里让人看起来舒服的位置。锯齿边缘应当避免。对齐不严谨产生的问题是它会破坏视觉流程，使得用户很难在设计中从一个页面元素跳转到到下一个。他们可能会一头雾水，甚至会错过最重要的内容。撸起袖子修改吧：设置元素的对齐样式。图片要居中吗，还是与文字左对齐呢？创建一套指导方针，调整设计，坚持规则前进。

3.不合适的图像
不恰当的图像是内容杀手。它会造成视觉与文字的不连贯性或让用户直抓头。虽然正赶上“看图便知“的热潮，这里仍然有几个提醒需要在项目中注意。愚蠢的或用力过度的图片：如果照片看起来很假（西装小哥证件式微笑）或如果你对其他类似的网站已经看过它，尽量避免使用。劣质的图片：如果照片是失焦，曝光不足或构图诡异，不要使用它。不放照片比劣质的照片来的有用。低分辨率的图像：一个渣像素的图像通常都很差。由于高分辨率屏幕的优势和受欢迎程度，几年前作为设计工作流程的一部分的许多照片规则终于可以修订了。绒毛图像并不会拔高内容：不要卡在一张图片里只是因为你可以用，哪怕和内容没有任何关系。图像应该增强内容，而不是拘泥。撸起袖子修改吧：对照片进行审核。浏览你的设计，把以上所提到的图像移除掉。如果你没有适当的东西，你不需要替换一个图像。

4.忽略移动端的细节
众所周知，网站应该设计在响应框架上。很难找到一个设计师或开发去道出个所以然。但响应模板不是“一站式”的解决方案。设计必须调整不同的屏幕尺寸。很多时候会忽略掉细节。网站在移动设备上运行，文字太过小，或者由于图像的尺寸是响应式成比例的用在不同尺寸的移动设备没有得到调整。这些细节都可能会严重影响用户。撸起袖子修改吧：花点时间在您的移动端页面设计上。记下那些超出位置或让人烦恼的细节。检查文本大小，图像，加载时间，按钮位置，并作出必要的调整，以提供一个更完美的经验。

5.疯狂的颜色
一个无聊的设计师会创造出一个脱节的设计。常见的方式之一就是使用这些疯狂的颜色和缺乏考究的调色板。太多的颜色会分散注意力，并且往往有给人一种业余的感觉。1000个用彩虹调色板的项目中就有999个是失败的，除非你的品牌指南要求使用那种配色方案，否则要避免使用。（如果您的品牌有这样的指导方针，鼓励重塑。）现在修理它：创建一个固定的调色板。从一个主色调或两个次选色调开始吃。如果您需要更多的差异，请使用该调色板中的相似色（并为其创建规则）。不要开始添加更多的颜色。

6.把用户能做的不能做的都做了
想象一下，在一个美丽的网页上登陆，然后不知道下一步该怎么做。你是要滚动滚页面吗？你点击了吗？有没有下一步去查看更多的内容？是应该有的。一个好的网站设计应该是发生的动作，互动使之从一个页面到另一个页面的。目标是让访问者在尽可能多的内容的路径上进行所需的操作。修复它现在：设计中的每一页都应该包含一个号召性用语。用户应该知道每个页面的目标是什么，想要点击按钮，填写表单，玩游戏或购买产品。设计结构应包括粗体用户界面元素，以鼓励从按钮样式到可操作的指令的点击或敲击。

7 .少即是多
不要过度使用你的“狂拽炫酷”元素。有一个很好的插图？用它。甚至放大再放大。但是，请勿将其与许多其他插图混淆，从而稀释插图本身的意义。图标或任何其他技术吸引用户也是一样的道理。你想让他们想要更多，不对庞大的安装包容量敬而远之。这听起来很简单，但实际上可能很难。（想想你买的那个图标包，感觉需要通过使用每个项目才能物有所值。）修复它现在：物尽其用是更加明智的决策。仅使用您需要的元素来增强内容。不要过度它。审阅一下目前的设计，把每个页面的元素取走，他是否是必要的，能否以更好的设计替代？

小结：
每个设计师都会或多或少的犯错误。（我们中的一些人犯的错误比我们想承认的更多）但你是否能辨正你的错误并改正它呢。有了这个错误列表和纠正方法，你应该在这方面有一个良好的开端了。当你犯了设计的错，不要感到羞耻，调整并继续前进吧～

本文来自UI中国译文翻译作者Captain_Brian
原作者CARRIE COUSINS
大连中钰睿泓与你分享精品文章

别让这7个常犯的错误毁了你的设计相关推荐

java list top_Java程序员最常犯的错误盘点之Top 10
原标题:Java程序员最常犯的错误盘点之Top 10 人非圣贤,孰能无过.都说Java语言是一门简单的编程语言,基于C++演化而来,剔除了很多C++中的复杂特性,但这并不能保证Java程序员不会犯错. ...
十个Python初学者常犯的错误
下面10个Python初学者常犯的错误,并不是真正的代码错误,代码照样可以运行,但是不够Pythonic,因为Python有自己的语言哲学,在代码的处理上有传统语言无法比拟的简洁性和便捷性. 1. ...
《小乌龟投资智慧：如何在投资中以弱胜强》书中的精髓：认清投资中常犯的错误，开启智慧投资之路。
<小乌龟投资智慧:如何在投资中以弱胜强>书中的精髓:认清投资中常犯的错误,开启智慧投资之路. 如今,投资理财已经成为了一个绕不开的话题,我们一边想着通过投资赶超通货膨胀率,不要让自己辛苦攒 ...
网站设计中常犯的错误
平面 | 包装 | 广告 | 环艺 | 工业 | 网页 | 服装 | 数码 | 摄影 | 绘画 | 人才 | 论坛 | 沙龙 | 字体首页网页资讯网页作品酷站欣赏设计文章网页沙龙我的空间 ...
python编程新手常犯的错误_初学者开发人员都会犯的7个Python错误
这篇文章主要介绍了七个初学者常犯的Python调试错误,并告诉大家如何去避免这些错误. 1.具有副作用的功能由于Python不是像Haskell这样的纯函数式语言,因此会产生副作用. 严格来说,这不 ...
SV学习笔记—变量及数组随机化约束常犯的错误
目录 1.有符号变量导致的随机化错误 2.变量溢出导致的随机化错误 3.数组的约束 3.1约束数组的size函数 3.2约束数组的sum函数 4.数组约束常犯错误 4.1有符号变量导致的错误 4.2溢 ...
[Vs提示:不允许使用不完整类型]使用结构体常犯的错误
浪费您各位一点时间这是关于一个在使用结构体时常犯的错误,错误很简单改正对于初学者来说,很容易犯,很难发现首先给出代码,请未来的大佬垂阅 #include <iostream> usi ...
数据分析中会常犯哪些错误，如何解决的？
错把相关性当成因果性 correlation vs. causation 经典的冰淇凌销量和游泳溺水人数成正比的数据,这并不能说明冰淇凌销量的增加会导致更多的人溺水,而只能说明二者相关,比如因为天热所 ...
matlab使用常犯的错误
总是在最后关掉的时候忘了保存工作空间 save... 我用的版本R2013a 每次要setpath...!!!!!!!!!!

别让这7个常犯的错误毁了你的设计

别让这7个常犯的错误毁了你的设计相关推荐

最新文章

热门文章