作者是各自领域的专家,并就其所展示经验的主题撰写文章. 我们所有的内容都由同一领域的顶级专家同行评审和验证.
迈卡·鲍尔斯的简介

Micah Bowers

弥迦通过品牌、插图和设计帮助企业实现有意义的参与.

Expertise

Share

Aunque el título diseñador de UI sugiere una desviación del 传统平面设计师UI设计仍然是该学科历史传统的一部分 diseño visual.

Con cada movimiento o medio, 该学科引入了新的图形语言, 设计及设计流程. 在几代人之间,设计师经历了从印刷到施乐,或从纸到像素的过渡. 通过这几代人, 平面设计承担了代表每个时代视觉语言的责任.

A medida que el 用户界面设计 从童年开始,我们可以期待发展什么样的图形世界? 根据目前的轨迹,未来看起来很黯淡. 今天的许多用户界面设计都是标准化和可重复的. 在线设计讨论的重点是学习规则,使设计安全工作,而不是走得更远或想象新的东西.

UI设计师转向模式和趋势的趋势不仅创造了一个孤立的视觉环境, 但它也降低了设计师的价值,因为过程变得越来越公式.

当我们回顾用户界面最佳实践和常见错误时, 最紧迫的问题不是技术能力,而是避免大量重复和视觉上无聊的设计.

5个最常见的ui设计错误是:

  1. UI设计师已经沉迷于规则.
  2. 网格限制了UI设计师的创作过程.
  3. 用户界面的设计已经标准化了模式.
  4. 字体被可悲地误解了.
  5. 对比不是设计的灵丹妙药.

用户界面设计的最佳实践

理解原则,在你的财产中发挥创造力. 下面的规则只会把你带到别人去过的地方.

Error común n.# 1:用户界面设计师沉迷于规则

平面设计的世界一直遵循着一套规则和标准. 在设计学科中, 常见的错误与一个被打破的标准规则非常吻合. 从这个角度来看,设计规则似乎是可靠的指南.

Sin embargo, 在所有设计学科中, 新的创造性运动和创新是有意识地打破规则的结果. 这是可能的,因为设计是有条件的,需要设计师的判断. 设计不是一个有有限答案的过程. 因此,设计规则应该被视为指导方针,而不是冷酷无情的事实. 有经验的设计师对规则手册有足够的了解和尊重,能够跳出框框.

在线讨论设计的方式通常围绕着列出什么应该做,什么不应该做. 掌握设计完美的10个简单步骤!! Desafortunadamente, 设计需要对原则和趋势有更扎实的理解. 通往良好设计的道路不是通过系统地遵守检查表来实现的.

Curiosamente, 如果设计师停止打破规则, 所以创造性的进步是不可能实现的. 如果UI设计师只是发展了遵循指导方针的能力,而不是完善他们的决策技能, 可能很快就会变得无关紧要. 我们还能怎么说我们的工作比现成的模板增加了更多的价值呢?

注意“十大”类型的设计规则

在当今的UI设计世界中,设计规则的问题在于它们的丰富. 如果设计师需要解决问题, 您可以简单地查看现有的UI社区及其解决方案集. 然而,这些指导方针和规则的丰富性削弱了它们的可信度.

谷歌搜索“顶级UI设计错误”会产生50万个结果. 这些作者中大多数人这样做的几率有多大 无论他们是否同意对方? 提供的每个设计建议与读者的设计问题精确匹配的概率是多少?

A menudo, 在线教育文章讨论尖锐的问题,而不是问题背后的设计指导原则. 其结果是,新的 diseñadores 他们永远不会知道为什么设计是这样工作的. 相反,他们变得依赖于之前发生的事情. 这些文章很少鼓励设计或游戏实验,这难道不令人担忧吗?

设计师应该使用一套指导原则工具,而不是一本包含默认规则和设计模板的书. “按x按视差滚动,按y按旋转木马滚动. Antes de elegir, 查看导航工具流行的最新博客文章". ¡A-b-u-r-r-i-d-o!

建议和“十大”列表遵循可预测的趋势

对设计师来说,潮流就像垃圾食品. 遵循它们会产生廉价的解决方案,提供初始回报,但长期价值很少. 紧跟潮流的设计师很快就会过时. 遵循别人设计道路的奖励是什么? 一种职业真空的磨擦感.

的确,发明自己的风格和系统是一项艰苦的工作, 但这是值得的努力. 每天的收入和进步都是你的. 有一些关于复制的东西似乎从来没有滋养过设计师的灵魂.

Error común n.# 2:网格限制了用户界面设计师的创作过程

尽管我对规则大喊大叫, 这里有一个:UI设计师不可能在没有网格的情况下工作. Las interfaces web y móviles se basan fundamentalmente en la organización píxel por píxel; no hay forma de evitarlo.

Sin embargo, 这并不意味着UI设计师只追求网络外观. Del mismo modo, 没有理由让所有与设计相关的决策都基于网格.

避免使用网格作为时尚工具

一般来说,趋势响应设计会导致糟糕的设计. En el mejor de los casos, 趋势带来令人满意的结果, 但总体影响几乎肯定会令人失望。. 时尚就是平凡.

Por lo tanto, 当在设计中使用网格时, 了解网格作为一种工具提供了什么,以及它可以传达什么. 网格通常代表中立,因为网格约束内的一切看起来都是一样的.

网格也允许一个公正的导航体验. 用户可以从一个元素跳到另一个元素,而不受设计师策展手的干扰. 与其他导航结构, 设计师可以更有意地对内容进行分组,并设置所需的序列.

UI设计最佳实践,提示和技巧

虽然网络是一个有用的工具,但它对设计师来说是非常有限的.

不要预先确定网格作为一个工作流

Dylan Fracareta, 罗德岛设计学院(RISD)讲师,海报杂志总监, 他指出,“大多数人一开始都是12列网格……因为你可以从中得到3列和4列。”. 这里的危险在于,设计师会立即预先决定他们的工作.

Para evitar esto, Fracareta只使用固定数量的运动工具, 而不是把东西放在网格线上. 这具有建立秩序和打开意想不到结果的潜力的双重效果.

为浏览器设计过去意味着我们要输入代码,然后等待,看看会发生什么。. Hoy en día, 网页设计类似于传统的设计设计, 这个过程“更像调整两张透明纸”. 我们怎么能,作为 diseñadores,从这个过程中受益?

尽管网格可能是限制性的, 是我们最传统的组织形式之一吗. La grilla es intuitiva. 网格是中性和朴实的. 网格允许内容为自己说话,用户可以轻松地浏览界面. 尽管我警告要限制网格, 不同的矩阵允许不同程度的方向或自由度.

Error común n.°3:用户界面设计已经标准化了模式

标准化设计元素的概念早于用户界面设计. 几个世纪以来,建筑细节被重复并应用于类似的设计环境. 这种做法对于人们很少注意到的建筑部分是有意义的.

Sin embargo, 一旦建筑师标准化了家具尺寸和栏杆高度等常见元素, 人们开始对米色的物理环境表示不感兴趣.

用户界面架构最佳实践

一旦考虑了架构领域的最佳实践, 我们现在意识到,一排又一排标准化的办公家具创造了一个痛苦的工作环境.

不仅如此,标准化的维度也被证明是无效的. 根据统计平均数,它们往往不能满足大部分人口的需要. 可重复的细节是有一席之地的,但不应该不加批判地使用.

设计师不应该把图案作为产品

许多UI设计师认为模式不仅仅是一个节省时间的工具. 将它们视为复杂设计问题的现成解决方案. 模式旨在标准化重复的任务和工件,以促进设计师的工作. Lamentablemente, 某些模式,如旋转木马, 分页和F模式已经成为我们许多接口的完整结构.

使用模式是否合理?

设计师告诉自己,F模式的存在是人们在网上阅读的结果. Espen Brunborg 他指出,也许人们这样阅读是我们过度使用F模式的结果. “如果网页设计师所做的只是遵循食谱,那么他们有什么用呢?”?” Brunborg pregunta.

Error común n.# 4:字体被可悲地误解了

许多“快速提示”设计列表为字体提供了快速和严格的规则. 每条规则都虔诚地大喊:“只有一个喷泉家族!”! ¡Las fuentes monoespaciadas están muertas! 不惜一切代价避免薄字体!“这只是空话.

唯一合法的类型规则, 文本和字体的重点是确保可读性和传达适当的含义. 只要文本是可读的, 可能有机会使用各种字体. El diseñador de UI 必须承担了解历史的责任, 在接口中实现的每个源的使用和设计意图.

字体的易读性:至高无上的女王

字体传达意义并影响可读性. 所有关于设备可读性规则的讨论, los diseñadores olvidan que el tipo está diseñado 使文本主体具有审美敏感性. 可读性是基本的,这是不应该讨论的,但它真的应该是一个明显的目标. 否则,我们为什么需要Helvetica以外的东西呢? Highway Gothic?

重要的是要记住,字体不仅仅是为不同的易读上下文而设计的. 它们对于传达意义和赋予文本主体幽默的细微差别也是必不可少的.

字体的UI设计技巧和技巧

每种字体的设计都考虑到了它自己的用例. 不要允许狭窄的规则来限制对世界的探索.

不惜一切代价避免薄字体是不明智的

现在这种趋势来了又走, 一个常见的设计批评主张完全避免薄字体. 但我们需要更多的监管吗? 目标不应该是更深入地理解支持字体的设计原则吗?

一些设计师认为,细字体不可能读取,或者在设备之间不可靠. 然而,合法的观点, 这代表了当前用户界面设计讨论中的一种情况,即字体仅被理解为与可读性相关的技术选择。. 如果易读性是设计的唯一关注点, 为什么不完全排除薄源?

一个更全面的方法始于理解为什么薄源可能是有利的,以及在什么情况下. 粗体和厚的文本实际上比薄的文本更难阅读. Sin embargo, 因为粗体字体在视觉上更有分量, 它们更适合标题或文本较少的内容.

薄字体通常使用衬线,这使它们适合于正文. ¿Cómo es eso? 衬线字符在快速连续观看时一起流动, 是什么让他们在长时间阅读时更舒服.

此外,经常选择薄字体,因为它们传递优雅. Si un diseñador 它被委托为客户端创建一个界面,其任务是视觉复杂性, 很难找到更重的字体来完成这项工作.

字体需要变化来建立层次结构

一个常见的UI设计错误不能提供字体之间的适当差异. 切换字体是一个很好的导航工具,它有助于在界面中建立可视化层次结构. En general, 最大的文章(或最大胆的字体)是最重要的,具有最大的视觉权重. 视觉意义帮助用户识别经常使用的内容标题和功能.

太多的变化会破坏等级制度

使每个字体选择都是唯一的问题, 特别是当一个界面包含许多字体时, 没有什么是真正突出的. Si cada fuente es diferente, 用户很难识别重要内容或建立视觉秩序感.

Error común n.°5:对比不是设计的良药

在许多“主要错误”列表中出现的一个常见线程鼓励UI设计师避免低对比度的界面. 的确,在许多情况下,低对比度的设计是不可读和无效的. Sin embargo, mi preocupación, 类似于我关于薄字体的观点, 绝对语言的使用是否导致了同质和高对比度的设计文化.

高对比度预置是一种疏忽

高对比度的图像无疑是令人兴奋和刺激的. 然而,在人类的情感范围内,还有更多的状态值得传递. 视觉刺激在视觉上也很安全.

以整个当代电影产业为例 de ciencia ficción. 似乎所有的作品都诉诸于黑色和霓虹灯蓝色的图像,以欺骗观众的情感. 将叙事与高对比度和低对比度的图像交织在一起,引发更广泛的情感反应,不是更有效吗?

Funcionalmente, 如果一个界面中的每个元素与另一个元素的对比度都很高, entonces nada se destaca. 这挫败了对比度作为层次工具的潜在价值. 将不同的设计运动视为工具, en lugar de reglas, 避免停滞不前的现代设计是至关重要的.

Conclusión

在最好的情况下,设计规则是指导方针. 为决策提供确定性,并警告设计师轻率选择的危险.

相反,设计规则不是法律. 他们不是牢不可破的,当然不值得我们毫无疑问的投降. De hecho, las reglas de diseño, 当他们被轻率地遵循, 它们会成为严重的拐杖,削弱我们创造性解决问题的能力.

设计师不是科学家. 我们不需要为我们做出的每一个美学决定提供经验证据. 的确,我们的职业是一个深思熟虑的判断和过程, 但也有本能和智慧的空间. De hecho, 我们帮助客户在时尚内容的混乱世界中脱颖而出的能力,取决于我们想象新的可能性的意愿.

我们必须体验,我们必须玩.

设计规则的存在是为了视觉上的优势. 它们可以弯曲,甚至断裂,但绝不能盲目追随.

就这个问题咨询作者或专家.
Schedule a call
迈卡·鲍尔斯的简介
Micah Bowers

Located in 美国华盛顿州温哥华

Member since January 3, 2016

About the author

弥迦通过品牌、插图和设计帮助企业实现有意义的参与.

Toptal作者是各自领域的专家,并就其所展示经验的主题撰写文章. 我们所有的内容都由同一领域的顶级专家同行评审和验证.

Expertise

世界级的文章,每周交付.

订阅意味着同意我们的 privacy policy

世界级的文章,每周交付.

订阅意味着同意我们的 privacy policy

Toptal Designers

Join the Toptal® community.