渲染单色

重点 (Top highlight)

Do you like minimalism? Do you think that it’s something we should achieve when we design the next big thing? You are probably right, and as a designer — because of the same reason — sometimes it can hurt to expand your palette with new colors, but even if it feels right to go forward with one main tone you should probably rethink the main direction.

你喜欢简约? 您认为这是我们在设计下一件大事时应该实现的目标吗? 您可能是正确的,并且由于相同的原因,作为一名设计师,有时使用新的颜色扩展调色板可能会受到伤害,但是即使觉得以一种主要色调前进是正确的,您也可能应该重新考虑主要方向。

The problem is not with aesthetics. The issue is mainly our cognition, how our brain detects and uses information well.

问题不在于美学。 问题主要是我们的认知,即我们的大脑如何很好地检测和使用信息。

最佳工作记忆 (Working memory at its best)

First of all, we all have special skills that we use daily to filter out unnecessary information and try to keep the important ones. To find out what these are, we have a strategy to store and recall items, which can be easily got under a blockade because of the limitations of our working memory. This, by chance, can store a maximum of 7 items up to 30 seconds and after this magical time limit, your recalling performance getting worse and worse until the information won’t reach the level of consciousness anymore (so yes, you forgot the given thing).

首先,我们每个人都有特殊的技能,我们每天都会使用这些技能来过滤掉不必要的信息并设法保留重要的信息。 为了找出这些是什么,我们有一种存储和调用项目的策略,由于工作记忆的局限性,可以很容易地对其进行封锁。 偶然地,这最多可以存储7个项目,最多30秒,并且在这个不可思议的时间限制后,您的召回性能会越来越差,直到信息不再达到意识水平为止(是的,您忘记了给定的事情)。

It doesn’t mean that everyone in this world has a horrible memory, it means that even when we consciously try to learn something, we will forget the information because of our already limited capacity. But, of course, several factors can enhance or decrease our memorization even more, but we should always keep in mind this ground rule to help the users’ information processes. We shouldn’t forget either that in the case of a landing page or application content they won’t be motivated to memorize the given information.

这并不意味着这个世界上的每个人都有可怕的记忆,这意味着 即使我们有意识地尝试学习一些东西,由于我们本已有限的能力,我们也会忘记信息 。 但是,当然,有几个因素可以进一步增强或减少我们的记忆力,但是我们应始终牢记这一基本原则,以帮助用户进行信息处理。 我们不应忘记,在登录页面或应用程序内容的情况下,他们不会被动机记住给定的信息。

Will anyone try to learn our site or application content on purpose? Probably not.

有人会试图故意学习我们的网站或应用程序内容吗? 可能不是。

We are starting in a worse position to get across a great deal of information. When you show a very simple design with poorly separated UI elements you share more information all the time than the users can handle. But –and this is the good news for all of us– when you show the same amount of data in groups, it will equal more items that can be recalled successfully.

我们开始处于劣势,无法获得大量信息。 当您显示一个非常简单的设计且UI元素分离不良时,您始终共享比用户处理更多的信息。 但是,这对我们所有人都是一个好消息,当您在组中显示相同数量的数据时,它将等于可以成功调用的更多项目。

“A” is a great example of showing 7 different items (which represent information) to the users that will reach their cognitive limitations, while “B” demonstrates well how you can successfully present much more information in three groups for better recall (with many mistakes for sure, but with a better result)
“ A”是一个很好的示例,向用户显示7种不同的项目(代表信息),这些项目将达到他们的认知极限,而“ B”很好地展示了您如何成功地在三组中展示更多的信息,以便更好地进行回忆(其中许多错误,但结果更好)

通过“块”进行信息检测 (Information detection by “chunks”)

To avoid interference between data it is probably the best method to organize them in different sections. A few years ago every landing page was designed that way with a bold background color (that was usually followed by white) to be distinguished from the rest of the content. While UI design polished a lot from that time, we‘ve (unfortunately) left this segmentation behind to move forward with a better, brighter, cleaner design direction.

为了避免数据之间的干扰,可能是在不同部分中组织数据的最佳方法。 几年前,每个着陆页都是以这种方式设计的,背景色为粗体(通常后跟白色),以区别于其余内容。 从那时起,UI设计大有作为,但我们(不幸地)将这一细分抛在了后面,以朝着更好,更明亮,更干净的设计方向前进。

From the given layout examples the version “D” provides the best information accessibility, because of the boldly designed segments and visible groups.
在给定的布局示例中,“ D”版本提供了最佳的信息可访问性,因为大胆设计了细分和可见的组。

To be honest I’m not a fan of this grouping thing either. It would be nice to have one white space with beautifully designed layouts and monochrome UI elements, but I’m well aware that with this direction I will twice the work for my future users — so I always change my mind and go with less information with better-organized sections with at least two dominant colors. If information processing is an important part of your design (and you are not just designing for the sake of aesthetics), it can be fruitful to start with eliminating the most important pieces of information and separate them into larger chunks in your layout.

老实说,我也不喜欢这种分组方式。 拥有一个设计精美的布局和单色UI元素的空白将是很好的,但是我很清楚,在这个方向上,我将为未来的用户提供两倍的工作量-因此,我总是改变主意并减少信息获取具有至少两种主要颜色的组织得更好的部分。 如果信息处理是设计的重要组成部分(而不仅仅是为了美观而设计),那么从消除最重要的信息并将它们分成更大的布局中开始可能会富有成果。

好吧...那空白呢? (Ok… But what about white space?)

White space is our friend. It’s a blank, large canvas that turns into a beautiful artwork in the hands of a designer. The only thing that I would challenge is to use it as an actual canvas instead of treating it as the main part of your layout.

空白是我们的朋友。 它是一块空白的大画布,在设计师手中变成了精美的艺术品。 我唯一要挑战的是将其用作实际画布,而不是将其视为布局的主要部分。

White space is good for eliminating sections and it gives the users the feeling of a clean and tidy interface. Let’s start then to segment the information you need to show and organize them first. When you have the most important segments, the next step should be to fill those up with content and determine the “color profile” of these groups.

空格是消除部分的好方法,它给用户带来干净整洁的界面的感觉。 让我们开始然后对您需要显示的信息进行细分,并首先组织它们。 当您拥有最重要的细分时,下一步应该是用内容填充这些细分,并确定这些分组的“颜色配置文件”。

Of course, there are situations, when we need to work from a given identity. It can be a real struggle to add other colors to the design, but in these situations, there are tons of other options out there to achieve the main goal, like distributing the sections under a hierarchy or altering the layout with a super simple, but more useful design.

当然,在某些情况下,我们需要使用给定的身份进行工作。 在设计中添加其他颜色可能是一项艰巨的工作,但是在这种情况下,还有很多其他选择可以实现主要目标,例如在层次结构下分布各个部分或使用超级简单的方法更改布局,但是更实用的设计。

Even if you need to work with one dominant color (or only different shades are available) try to avoid aligning them on different sides when you compose the layout. In the given example the version “B” serves better information detection and recall.
即使您需要使用一种主要颜色(或只能使用不同的阴影),也要在撰写布局时避免在不同的侧面对齐它们。 在给定的示例中,版本“ B”可用于更好的信息检测和调用。

I’m not saying that a more homogenous UI can’t work pretty well, however, it makes it much harder to do a great design with this direction (from the users’ perspective at least). What I would recommend to you for your next landing page or application design is to use the power of groups (strengthened with complementary colors), since it will have a great effect on the attention curve.

我并不是说统一的UI不能很好地工作,但是,要朝这个方向进行出色的设计(至少从用户的角度来看)会变得更加困难。 对于下一个着陆页或应用程序设计,我建议您使用组的功能(用互补色增强),因为这会对注意力曲线产生很大影响。

How can you test it? Show the result to a group of people and ask them to recall what they’ve read. You will realize that only strongly highlighted contents will be remarkable for them to remember.

您如何测试呢? 将结果显示给一群人,并要求他们回忆起已阅读的内容。 您将意识到,只有突出显示的内容才能让他们记住。

资料来源 (Sources)

  • Miller, G. A. (1956). The magical number seven, plus or minus two: Some limits on our capacity for processing information. Psychological Review, 63(2), 81.

    乔治亚州米勒(1956)。 神奇的数字七,加上或减去两个:我们处理信息的能力受到一些限制。 心理评论63 (2),81。

  • Cowan, N. (2001). The magical number 4 in short-term memory: A reconsideration of mental storage capacity. Behavioral and brain sciences, 24(1), 87–114.

    Cowan,N。(2001)。 短期记忆中的神奇数字4:对精神存储容量的重新考虑。 行为与脑科学24 (1),87–114。

  • Süß, H. M., Oberauer, K., Wittmann, W. W., Wilhelm, O., & Schulze, R. (2002). Working-memory capacity explains reasoning ability — and a little bit more. Intelligence, 30(3), 261–288.

    Süß,HM,Oberauer,K.,Wittmann,WW,Wilhelm,O.&Schulze,R.(2002)。 工作记忆能力解释了推理能力-还有更多。 情报30 (3),261–288。

翻译自: https://uxdesign.cc/whats-the-matter-with-the-homogenous-monochromatic-ui-design-cc279e29d83a

渲染单色


http://www.taodudu.cc/news/show-3071245.html

相关文章:

  • 浏览器历史大事记和JavaScript的诞生
  • 移动GPU渲染原理的流派——IMR、TBR及TBDR
  • 为什么颤振不是下一件大事
  • 为什么说 Flutter 可能不是下一件大事?
  • 淘宝大事记
  • 2018年网络安全大事记
  • 『前端大事记』之「几件大事」
  • 微软 2018 开源大事记
  • 面试总结 - 大量数据分批渲染(requestAnimationFrame)6.js
  • FinClip 2021 年 12 月产品大事记
  • 渲染吃CPU还是显卡呢?未来是否新睿云的云渲染会大行其道呢?
  • 渲大师携手向日葵,远控赋能云渲染及GPU算力服务
  • 浏览器渲染类型2d 3d_Google在浏览器中提供3D渲染
  • 2022 年 2 月产品大事记
  • 【游戏引擎开发必问】 渲染管线的剖析
  • 前端大事记之几件大事
  • vue渲染动态渲染图片_动态/动态渲染视频和音频
  • Demo的卡通渲染方案
  • 投资理财书籍
  • 理财入门书籍
  • 理财5-理财书籍
  • 天基实业做好投资理财规划
  • 芝村乡大学生投资理财
  • 笨小孩投资理财-价值投资该看的书籍
  • 留良乡投资理财只需做到这五点
  • 招沿实业学习投资理财知识
  • 如果想赚钱,先学理财吧,那么入门书籍有哪些?富爸爸穷爸爸 名副其实NO1
  • 投资理财入门18本经典书籍
  • 百度人脸识别接入
  • 让Excel也像百度搜索框一样,录入时逐步提示

渲染单色_均质单色ui设计有什么问题相关推荐

  1. ui设计基础_我不知道的UI设计的9个重要基础

    ui设计基础 重点 (Top highlight) After listening to Craig Federighi's talk on how to be a better software e ...

  2. 时间轴ui设计_我应该在UI设计上花更多时间吗?

    时间轴ui设计 Let's start with an example of communication skills: they are important for any profession, ...

  3. ui设计和python哪个容易学_软件开发和ui设计那个容易学?

    感谢邀请,以下是我的一些亲身经历,想和大家分享. 真心的!建议哪怕是念完一个普通高中,也比现在直接去学那些职业技能要好,学历高一点,你面对的选择.能做的选择也会更多一些,能够拓宽你未来的职业路. 初中 ...

  4. 人机交互界面设计大作业_为什么说大多数UI设计、大数据、人工智能等培训班不靠谱?...

    搜索框中输入UI设计.大数据.人工智能等字,排在最前面的往往是培训班广告,各类网页中更是层出不穷,我要说的是这玩意不靠谱,你说你培训个Javaphthon等还说得过去,这些刚开设不久的新兴热门专业你就 ...

  5. ui设计移动端字体适配_移动端字体ui设计 移动端界面设计规范

    做字体设计和图标设计,应该攻读什么专业? UI设计需要学习几个月能找工作? 您好:关于需要学习几个月才能找到一份工作,我的理解和建议如下: 1?由于UI只是设计者手中的一个工具,它是表达内部设计思想的 ...

  6. 零基础学cad要多久_零基础学UI设计要学多久?能学会吗?

    完全没有基础学习UI设计的你,是不是很想知道有没有什么速成的方法呢?想尽快成为UI设计师?零基础学UI设计要学多久?怎么学好?这些都是小白们十分关心的问题. 其实学习是没有什么速成方法的,只有适合自己 ...

  7. java 美工_为您解读UI设计和美工的区别

    美工和UI设计的区别在什么地方?在前两年这个概念还是很难严格区分开来.美工只是视觉设计的一分部,UI还有操作逻辑.用户体体验方面的内容.比如在开发Android界面设计时,我们会使用到Android ...

  8. xd可以用ui动效效果吗_通过动画使UI设计栩栩如生:Adobe XD和After Effects

    xd可以用ui动效效果吗 Note - If you don't fancy splashing out on an Adobe license, you can trial their produc ...

  9. 平面设计和ui设计_美丽的平面UI设计展示

    Web和用户界面设计师的一种新趋势(或风格)正在掀起平面设计之风,从而席卷着UI和网站设计领域. 这是设计网站和UI的一种简约方法和风格,我们可以退后一步,去掉所有3D元素,渐变,阴影和效果,以保留所 ...

最新文章

  1. Vim 命令、操作、快捷键全集
  2. pandas.io.data 获得金融数据失败
  3. 求两个有序数组的中位数或者第k小元素
  4. JRuby:使Java和Ruby成为一家人
  5. Kubernetes集群的部署方式及详细步骤
  6. Java输入输出流和文件操作
  7. 混合多云架构_使用混合多云每个人都应避免的3个陷阱(第3部分)
  8. 用Java写数据到POST请求
  9. Android Studio 3.4升级后的运行问题解决办法
  10. Not enough space in file systems for the current software selection. An additional XXXX MiB is neede
  11. iOS开发快速入门javascript
  12. 机器学习十大算法原理总结
  13. SPSS之单样本的T检验
  14. 软考计算机中级网络工程师,计算机软考中级哪个最有用
  15. win10修改dns服务器命令,Win10怎么更改首选DNS服务器地址?
  16. 利用Python脚本计算基因组测序数据Nx0
  17. python mysqldb 安装_python MySQLdb在windows环境下的快速安装、问题解决方式
  18. web实现小说阅读器的水平滑动翻页
  19. 1.神奇的字符串之快速求和
  20. MemBrain2.0_论文

热门文章

  1. Delphi 10.4 Sidney / Interbase 布尔值字段Boolean数值总是false的严重BUG及解决方法
  2. 1.2 行列式的性质和计算
  3. 新版本微信如何解绑手机号?
  4. nao机器人python库安装_NAO机器人学习笔记(1)
  5. FeelTheBase(进制转换工具)v1.2.0.1版本更新
  6. git的了解和开发安装 以及分支合集
  7. LIBSVM实验-在matlab中使用heart_scale数据集
  8. 【Planning】R3 PTF and firm mapped with APO
  9. 通量数据处理(Python)——NC格式转为CSV格式
  10. 关于linux系统密码策略的设置