作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.
迈卡·鲍尔斯的头像

弥迦书鲍尔斯

Micah通过品牌、插图和设计帮助企业打造有意义的参与.

专业知识

分享

听听这篇文章的音频版本

尽管标题 用户界面设计师 暗示着对传统的背离 平面设计师UI设计仍然是历史传统的一部分 视觉设计 纪律.

每一个动作或媒介, 该学科引入了新的图形语言, 布局, 设计过程. 两代人之间, 设计师跨越了从印刷机到施乐的过渡, 或者纸张到像素. 跨越这些世代, 平面设计承担了代表每个时代的视觉语言的责任.

As 用户界面设计 过渡到婴儿期,我们可以期待什么样的图形世界的发展? 根据目前的发展轨迹,未来看起来很黯淡. 今天的许多UI设计已经标准化和可重复. 在线设计讨论专注于学习规则,以使设计安全工作,而不是挑战极限或想象新事物.

UI设计师诉诸模式和趋势的趋势不仅创造了一个平淡无奇的视觉环境, 但这也削弱了设计师的价值,因为过程变得越来越公式化.

当我们回顾UI最佳实践和常见错误时, 最紧迫的问题不是技术熟练程度,而是避免重复和视觉无聊设计的冲击.

最常见的五大UI设计错误是:

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

界面设计的最佳实践

常见错误1:UI设计师过于痴迷规则

平面设计的世界总是遵循一套规则和标准. 在设计学科中, 常见的错误与被打破的标准规则密切相关. 从这个角度来看,设计规则似乎是值得信赖的指南.

然而, 在每一个设计学科中, 新的运动和创造性的创新产生于有意识地打破规则. 这是可能的,因为设计是有条件的,需要设计师的判断力. 设计不是一个答案有限的过程. 因此,设计规则应该被视为指导方针,而不是冷冰冰的事实. 经验丰富的设计师了解并尊重规则手册,足以打破常规.

在线讨论设计的方式通常围绕着“该做什么”和“不该做什么”展开. 掌握完美设计的10个简单步骤! 不幸的是,设计需要对原则和趋势有更扎实的理解. 通往优秀设计的道路并不是通过系统地遵守清单.

有趣的是,如果设计师停止打破规则,那么就不会有创造性的突破. 如果UI设计师只培养遵循指导方针的能力,而不是磨练他们的决策能力, 他们可能很快就会变得无关紧要. 不然我们怎么能证明我们的工作比现成的模板更有价值呢?

警惕“十大”设计规则

在当今的UI设计世界中,设计规则的问题在于它们的丰富. 如果设计师需要解决问题, 他们可以简单地看看现有的UI社区和他们的解决方案. 然而,这些指南和规则的大量存在削弱了它们的可信度.

在谷歌上搜索“顶级UI设计错误”会得到50万个结果. 如果有的话,这些作者中的大多数意见一致的几率有多大? 提供的每个设计技巧与读者的设计问题准确吻合的可能性有多大?

经常, 在线教育文章讨论的是尖锐的问题,而不是问题背后的指导设计原则. 结果是新的 设计师 永远不要去了解设计为什么是这样的. 相反,他们变得依赖于之前发生的事情. 这些文章很少鼓励设计实验或体验,这难道不令人担忧吗?

设计师应该借鉴指导原则的工具包,而不是一本预先确定的规则和设计模板的书. 按x表示视差滚动,按y表示旋转木马. 在选择之前,请参考有关导航工具流行趋势的最新博客文章.“B-o-r-i-n-g -!

潮流对设计师来说就像垃圾食品. 遵循它们会产生廉价的解决方案,提供一些初始回报,但从长远来看几乎没有价值. 紧跟潮流的设计师们约会很快. 遵循他人设计路径的奖励? 职业上的空虚感折磨着我.

的确,努力创造你自己的 风格和系统 虽然很辛苦,但绝对值得一试. 每天的收获和突破都是你自己的. 抄袭似乎永远无法满足设计师的灵魂.

常见错误2:网格限制了UI设计师的创作过程

尽管我反对规则,但这里有一个:没有网格,UI设计师是不可能工作的. Web和移动界面基本上是基于逐像素的组织——没有别的办法.

然而,这并不意味着UI设计师应该只追求以网格为中心的外观. 同样,没有理由让所有与设计相关的决策都基于网格.

避免使用网格作为一个时髦的工具

一般来说,顺应趋势的设计会导致糟糕的设计. 在最好的情况下, 趋势带来令人满意的结果, 但总体影响几乎肯定不会令人印象深刻. 时髦就是平凡.

因此, 在设计中使用网格时, 理解网格作为一种工具必须提供什么,以及它可能传达什么. 网格通常代表中立性,因为在网格的约束下,所有东西看起来都是平等的.

网格还允许无偏见的导航体验. 用户可以从一个项目跳到另一个项目,而不受设计师的干预. 与其他导航结构, 设计师可以更有意地对内容进行分组并建立所需的序列.

UI设计的最佳实践和技巧

不要将网格默认为工作流

迪伦Fracareta, 他是罗德岛设计学院(RISD)的教授,也是《欧博体育app下载》杂志的主编, 他指出:“大多数人一开始都使用12列的网格,因为你可以从中得到3列和4列.“这里的危险在于,设计师会立即预先决定他们的工作.

为了防止这种情况, Fracareta只使用固定数量的移动工具, 而不是把东西放在网格线上. 这具有建立秩序和为意想不到的结果开辟可能性的双重效果.

过去,为浏览器设计意味着我们输入代码,然后等着看会发生什么. 现在, 网页设计与传统的布局设计相似, 这个过程“更像是调整两张透明的纸?.“我们怎么能呢? 设计师,从这个过程中受益?

尽管网格可能是限制性的,但它们是我们最传统的组织形式之一. 网格是直观的. 网格是中性和低调的. 网格允许内容为自己说话,用户可以轻松地浏览界面. 尽管我警告过网格的局限性, 不同的阵列允许不同程度的引导或自由.

常见错误#3:UI设计已被模式标准化

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

然而, 一旦建筑师标准化了家具尺寸和扶手高度等常见元素, 人们开始对由此产生的米色物理环境表示不感兴趣.

UI架构最佳实践

不仅如此,标准化尺寸也被证明是无效的. 根据统计平均数,它们往往不能为大部分人口服务. 可重复的细节有其作用,但不应不加批判地使用它们.

设计师不应该把模式当成产品

许多UI设计师认为模式不仅仅是一个简单的节省时间的工具. 他们将它们视为复杂设计问题的现成解决方案. 模式旨在标准化重复出现的任务和工件,以便使设计人员的工作更容易. 令人遗憾的是, 某些图案,比如旋转木马, 分页, 和f模式已经成为我们许多界面的整个结构.

模式使用合理吗??

设计师告诉自己,f型的存在是人们在网上阅读方式的结果. 埃斯Brunborg 指出也许人们之所以会这样解读是因为我们过度使用f型. “如果网页设计师所做的一切都是按照配方来做,那还有什么意义呢??布伦伯格问道.

常见错误#4:字体被悲剧地误解了

许多“快速提示”设计列表为字体提供了硬性规则. 每条规则都被虔诚地喊着:“只有一个字体系列! 等宽 字体已死! 尽量避免细字体!“这只不过是空话.

唯一合法的类型规则, 文本, 字体的中心是加强易读性和传达适当的意思. 只要文本是易读的,就可能有机会使用各种字体. 的 用户界面设计师 必须承担起了解历史的责任吗, 使用, 以及在界面中实现的每种字体的设计意图.

字体易读性至高无上

字体传达意义,影响易读性. 所有关于设备易读性规则的讨论, 设计师们忘记了 类型设计 使有美感使一篇文章充满美感. 易读性是至关重要的——这是无可争议的——但它确实应该是一个明显的目标. 否则,为什么我们还需要Helvetica字体以外的东西 高速公路哥特式?

重要的是要记住,字体不仅仅是为不同的易读性环境而设计的. 它们对于传达意义和赋予文本微妙的情绪也是必不可少的.

UI设计技巧和排版技巧

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

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

一些设计师确信,细字体在不同设备之间不容易阅读或不可信. 合理的分. 然而,, 这代表了当前UI设计讨论中的一种情况,即字体仅被理解为与易读性相关的技术选择. 如果易读性是唯一需要考虑的设计问题,为什么不完全摒弃细字体呢?

一个更全面的方法是从理解为什么细字体可能是有利的开始, 在什么情况下. 粗体、粗体的文本实际上比细体文本更难阅读. 然而,, 因为粗体字体有更多的视觉重量, 它们更适合于标题或文字较少的内容.

细字体通常使用衬线,使它们适合正文. 怎么这么? 当快速连续查看时,衬线字符会一起流动, 让他们更适应长时间的阅读.

此外,选择细字体通常是因为它们传达优雅. 如果一个 设计师 被雇佣来为客户创建界面,而客户的要求是视觉上的精致, 很难找到一种更重的字体来完成这项工作.

字体需要变化来建立层次

一个常见的UI设计错误是没有在字体之间提供足够的变化. 更改字体是一个很好的导航工具,有助于在界面中建立视觉层次结构. 一般来说,最大的项目(或最粗的字体)是最重要的,具有最大的视觉重量. 视觉意义帮助用户识别内容标题和常用功能.

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

让每个字体选择都独一无二的问题, 特别是当一个界面包含许多字体时, 真的没什么特别的吗. 如果每种字体都不一样, 用户很难识别重要内容或建立视觉秩序感.

常见错误5:对比不是设计的万灵药

出现在许多“顶级错误”列表中的一个常见线索是鼓励UI设计师避免使用低对比度的界面. 的确,在很多情况下,低对比度的设计是难以辨认和无效的. 然而, 我担心, 类似于我对细字体的看法, 绝对语言的使用会导致同质化吗, 高反差设计文化.

默认为高对比度是粗心的

高对比度的视觉效果无疑是令人兴奋的. 然而,在人类的情感范围内,还有更多的状态值得传达. 视觉刺激也可能是视觉安全的.

以整个当代工业为例 科幻小说 电影. 似乎每一部电影都诉诸于黑色和霓虹蓝的视觉效果,以此来诱使观众兴奋. 将叙事与高对比度和低对比度的图像交织在一起,引发更广泛的情绪反应,难道不是更有效吗?

功能, 如果界面中的每个元素都与其他元素形成强烈对比, 然后什么都不突出. 这就削弱了对比作为分层工具的潜在价值. 将不同的设计动作视为工具, 而不是规则, 是避免停滞的关键吗, 时尚的设计.

结论

充其量,设计规则是指南. 它们为决策提供了安全保障,并提醒设计师注意轻率选择的危险.

相反,设计规则不是法律. 它们不是牢不可破的,当然也不值得我们毫无疑问地投降. 事实上, 设计规则, 当被鲁莽地跟踪时, 会成为严重的拐杖,削弱我们创造性地解决问题的能力.

设计师不是科学家. 我们并不一定要为我们所做的每一个美学决定提供经验证据. 的确,我们的职业是一个过程和深思熟虑的判断, 但直觉和创造力是有发挥空间的. 事实上, 我们帮助我们的客户在一个杂乱的时尚内容世界中脱颖而出的能力取决于我们想象新的可能性的意愿.

我们必须试验. 我们必须玩.

设计规则的存在是为了获得视觉优势. 它们可能会弯曲,甚至折断,但绝不能盲目地遵循.

了解基本知识

  • 什么是好的用户界面?

    一个好的用户界面有一个清晰的设计层次, 意思是信息按照重要性被清晰地组织起来,并且易于获取和理解. 另外, 一个好的用户界面体现了一种视觉情绪或审美,这对与之交互的人来说是有意义的.

  • 用户界面设计的原则是什么?

    用户界面设计的核心原则是清晰, 灵活性, 熟悉, 效率, 和一致性. 其中,清晰度是首要目标. 清晰的用户界面设计使用户能够自信地进行交互,并轻松找到他们正在寻找的信息.

  • 用户界面的功能是什么?

    虽然有不同程度的设计复杂性, 用户界面的主要功能是充当人与计算机系统交互的桥梁.

聘请Toptal这方面的专家.
现在雇佣
迈卡·鲍尔斯的头像
弥迦书鲍尔斯

位于 温哥华,华盛顿州,美国

成员自 2016年1月3日

作者简介

Micah通过品牌、插图和设计帮助企业打造有意义的参与.

Toptal作者都是各自领域经过审查的专家,并撰写他们有经验的主题. 我们所有的内容都经过同行评审,并由同一领域的Toptal专家验证.

专业知识

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

世界级的文章,每周发一次.

订阅意味着同意我们的 隐私政策

Toptal设计师

加入总冠军® 社区.