自适应色板的整个概念源于我们在Adobe的设计系统Spectrum中解决颜色问题的经验。在做这项工作的时候,我们支持六种不同的颜色主题,所有颜色主题都需要与美学相关,与背景颜色具有相似的感知对比度,并遵循统一的可访问性指南。
某些网站和服务允许您通过上传图片,更改背景颜色或设计的其他方面来自定义您的个人资料。作为客户,此个性化将Web应用程序转换为您存储数据的小窝。作为设计师,让您的客户自由地控制布局和设计是一个可怕的前景。那么设计用于漂亮的白色背景的所有股票文本和图像会发生什么?即便是Mac也只允许您选择OS,蓝色或石墨两种颜色!除非您灵活并了解如何找到最大色彩对比,否则开放自定义网站配色方案的能力可能会导致灾难。
作为目前最主流的设计风格和主题规范之一,Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范,有着相当严密的内部逻辑,在 Material Design 的内在隐喻逻辑的推动下,严格遵循国际通行的可用性原则来确保深色主题的可用性和合理性。
快来免费体验ChatGpt plus版本的,我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群,一起找bug,另外新版作图神器已上线 https://cube.waixingyun.cn/home
静电说:iOS 13已经发布了半个月时间。很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。在这里静电结合WWDC 2019的官方视频与苹果官方资料,花了一整天的时间翻译整理,为大家带来最全面细致的iOS 13交互设计指南及规范解析。赶紧转发收藏吧!
开关按钮似乎是开发人员和设计师最喜欢的展示他们的动画、设计和双关语技能的方式。甚至还有一个专门用于开关按钮的Codepen集合。
设计师有机会保持事物的同质化;字体、元素、布局和大小都可以保持一致,世界不会结束。
本周工作中遇到类似颜色主题的问题,在查资料的时候,看到这个视频,觉得讲得很清楚,而且趣味性丰富,所以想拿出来讲讲这个很有意思的主题。
一款设计良好的产品可供所有能力的用户使用,包括视力低下、失明、听力障碍、认知障碍或运动障碍的用户。改进产品的无障碍功能可以增强所有用户的可用性,这是非常值得做的事情。
点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源
在本指南中,我将逐步解释为iOS应用设计暗模式的过程。本文将重新设计WhatsApp,基于Apple的人机界面指南。
iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。 本文是iOS设计规范系列第7篇,介绍视觉设计(Visual Design)。
静电说:在今年苹果的开发者大会设计分会场中,苹果设计师在演讲中就提到了色彩可用性的问题,过小的,不便于阅读的配色没有可用性低下,反之则可用性高。本文来自Nate Baldwin ,由静电翻译。来听听他如何探讨如何在多变设计环境中运用自适应颜色来解决问题。这一系列三篇的文章稍显晦涩,但却用一种严谨的方式来阐述了这个问题,非常值得设计师进阶阅读。
苹果在2019年6月发布的iOS13中增加了“黑暗模式”,用户打开“黑暗模式”后,应用界面将会变为深色,随后Google Android 10的发布同样搭载“黑暗模式”。为了适配系统,不少APP纷纷推出了深色模式。
网站设计是一件很有趣的事情。它就像构建一个全新的小世界,其按照我们所期望的方式运行。但是,尽管喜爱这种创造性的挑战,但是我们还需遵循特定的规则,你的网站不仅仅符合个人的喜好,也要受访问站点的人们欢迎。为了帮助你避免网站创造者经常陷入的困境,我们汇集了十条常见的网站设计错误,且我们应该怎么处理它们。
当我们评价一款app时,配色应该是仅次于其功能性的另一主要因素。现如今人机交互主要通过GUI来实现,色彩在交互过程中扮演着重要的角色。良好的色彩搭配会帮助用户发现页面中的重点,找到他们急于寻找的元素,更好的了解app的操作流程。每款app都会有一套其独有的配色方案。建立一套app的配色方案是件很困难的事情,因为理论上说你有无数种的组合方式。App中的色彩应用究竟有哪些重点呢?配色方案的建立又有着哪些套路呢? 色彩的数目 在app的界面中,尽量不要使用过多的颜色。诚然,过少的颜色搭配很难第一眼就能吸引住用户。但是你的app毕竟不是一锤子买卖,把用户吸引来就完事了。特别现在很多app都是偏工具类的,用户会经常使用app,那么页面中过多的颜色会让用户抓不到重点,影响用户体验。 多伦多大学曾经做过一项调查,发现大部分用户都倾向于一个app页面中只有2—3款颜色。 配色原则 好吧,我们已经知道了用户只喜欢2到3款颜色。那么我们怎么才能正确的挑出那2到3款颜色呢?色轮可以帮助我们。
我们在制作PPT的时候常常需要用到图片,图片能更好的辅助我们传达信息,也能让PPT更加赏心悦目。但我们常常只是把图片放到PPT里就完事儿了,忽略了对图片的细节处理。殊不知,未加处理的图片可能会让你精心制作的PPT大大减分。今天,我们就来讲讲如何处理PPT中的图片!
导语 | 白纸黑字是用户一贯的阅读习惯。在实际的使用场景中,黑底白字和白底黑字哪一种阅读体验会更好?对于我们的眼睛来说,哪一种搭配方式又会更舒适呢? 在人们的日常生活中,接触最多的书本、网页大部分都是白底黑字,这种方式已经成为一种阅读习惯。但是部分网站黑色背景浅色字体的搭配又让人们觉得体验很好、极具吸引力。那么就会有一些疑问:我们的眼睛更喜欢白底黑字还是黑底白字呢?哪一种搭配的可读性更高呢? 针对这个问题,可以从生理感知和心理感知两个方面来探讨 一、生理感知 从人类眼睛的生理机制来研究。人类视力是由光线进
导语 | 白纸黑字是用户一贯的阅读习惯。在实际的使用场景中,黑底白字和白底黑字哪一种阅读体验会更好?对于我们的眼睛来说,哪一种搭配方式又会更舒适呢? 在人们的日常生活中,接触最多的书本、网页大部分都
有很多方法可以测试你的网站是否具有可访问性。服务、软件包,甚至是人工测试公司。他们都有自己的位置,通常最好是对真实的人进行测试。然而,对于一个快速的初步测试,你无需安装任何东西或支付服务费用。浏览器内置了开发者工具,这些工具具有出色的可访问性测试特性。以下是微软Edge和谷歌Chrome等浏览器的开发者工具。
通过这篇文章,我将向大家介绍下关于设计的一些基本知识,让广大开发者在平时的开发中,可以更好的和设计、产品合作(撕逼)。
本文将向大家介绍 Chrome 87 开始支持的 CSS Overview Panel,并且介绍如何更好地利用这个面板。通过 CSS Overview Panel,可能可以帮助我们:
本文主要探讨了在白色背景、黑色背景和白色文字、黑色文字之间的颜色搭配问题,以及其与可读性、视觉疲劳和长时间阅读的影响。作者认为,白色背景、黑色背景和白色文字、黑色文字可以让人眼在阅读时更舒适,减少视觉疲劳,同时可以突出关键信息,提高信息传递的效率。在选择颜色搭配时,需要考虑使用场景、目标读者和阅读环境等因素。
粗野主义是 1950 年代的建筑趋势,它放弃了所有的装饰,并创造了由混凝土制成的简单粗暴的建筑。建筑师们表明他们对现状感到厌烦并尝试不同的东西。这感觉与当前对 UI 趋势接管设计非常相似。
如果想成为一名优秀的 UI 设计师,必须学会如何以一种吸引人的方式将文本放置于图像之上。每个优秀的 UI 设计师在这个方面都能做得很好,相反的糟糕的 UI 设计师都处理的很差,或者根本不处理。不管你是优秀还是平庸的设计师,阅读这篇文章后,多多少少对你都有帮助。
同样的组织也需要应用于数字和纸上的页面布局。这可以通过将层次结构应用于您的设计元素来完成。坚持视觉层次结构只是说信息从最重要到最不重要的组织方式的一种奇特方式。
这就是为什么我们创建了所谓的“自适应调色板”。这些调色板遵循系统设计方法,其中设计者定义了具体的颜色范畴,而非创建静态颜色样本。颜色是根据其感知要求和关系定义的,并且样本是基于最小的用户输入生成的。
英文 | https://uxplanet.org/10-easy-tricks-to-improve-your-website-design-part-2-fde7f4ef41cd
“色彩是我们感知世界的重要媒介,对于信息传达有着重要的作用,能使人们能够更有效的感知设计的意图和内涵,使传达更高效。且人对色彩的视觉感知与想象能力,能够指导人做出预测、理解和决策。” ——lyft kevyn arnott 随着世界的数字化转型进程大爆发,科技把每一张有形的办公桌移到了云端,用户沉浸在数字构建的世界中。腾讯文档作为先进的生产力工具,产品生态越来越多元丰富,多品类多终端的复杂环境展现在我们面前,开始真正的朝复杂庞大的大规模设计迈进。我们希望能以更加专业、高效的设计姿态迎接腾讯文档的未来挑
作者简介 周源,携程技术平台研发中心高级研发经理,从事软件开发10余年。2012年加入携程,先后参与支付、营销、客服、用户中心的设计和研发。 本文从计算机视觉的前世今生,到证件全文本OCR的实践,带你了解人工智能、计算机视觉、深度学习、卷积神经网络等技术。无论是计算机视觉的入门者还是从业者,希望都可以有所收获。 1、什么是OCR 光学字符识别(英语:Optical Character Recognition, OCR),是指对文本资料的图像文件进行分析识别处理,获取文字及版面信息的过程。 一般的识别过程包
作者简介:Jesse Hausler,Salesfoce无障碍设计专家。旨在通过教育大家「通用设计」来实现为所有用户而设计。
我们日常所看到的网页设计大多是浅色系和亮色系,作为神秘色系的黑色总给人一种严肃的感觉,它可以很低调,也可以很奢华,但永不过时。
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。 原文地址 用户体验设计涉及很多流程,需要足够的深思熟虑才能设计出符合用户需求的UI界面。虽然听起来不太复杂,但每个细节都需要设计师反复推敲。 用户界面创建过程中耗时最长的阶段便是颜色选择,设计师往往可能要花上几个小时才能挑选到合适的颜色。在本文中,我们将介绍六个实用的配色技巧,帮助设计师为界面选择最适合的颜色,并使选择过程更加轻松,更高效! 技巧1:掌握60-30-10原则 这一原则或者说技巧源于室内设计,
最近几年 CSS 界的大事之一是每年年底的 《State Of CSS》,也就是 CSS 现状调查,去年年底发布了《State Of CSS 2021》。其中关于特性这一章,会列出一些比较新的 CSS 特性在当年的使用情况概览:
在广告中,广告牌属于户外广告 (OOH) 类别。OOH是与电视、广播、杂志和报纸一起的五个传统媒体平台之一,而数字广告是非传统的。
OpenCV中去除水印最常用的方法是inpaint,通过图像修复的方法来去除水印,最终效果也要根据实际图像来看(时好时坏)。有些图像并不适用inpaint方法来去除水印,比如下面的这种包含文本的图像中的水印,即便提供了水印的mask图,修复后也会丢失文字信息,这并不是我们想要的。
R中的ggplot2是一个非常强大灵活的数据可视化包,熟悉其绘图规则后便可以自由地生成各种可视化图像,但其默认的色彩和样式在很多时候难免有些过于朴素,本文将要介绍的ggthemr包专门针对原生ggplot2图像进行美化,掌握它之后你就可以创作出更具特色和美感的数据可视化作品。
静电说:要培养对颜色的敏感度,你必须要了解色彩的原理。在这个基础上去感悟,久而久之,色彩会在你手中变的游刃有余。下面这篇终极色彩指南非常值得一看~让我们不妨再系统梳理一下你的配色技巧吧!
互联网发展到今天,对于我们的前端而言,我们的关注点不应该仅仅是我们产出的页面能不能用,也需要更多的去关注我们的页面好不好用,有没有照顾到更多的用户群体?
你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方
|导语 我们正处于以互联网为代表的现代科技发展迅猛的时代,各种智能化服务都得到了广泛的应用。同时我国老龄化人口的数量又有快速的增长,基数庞大的年长者面临“数字鸿沟”的问题日益凸显,怎样降低老人的互联网接触门槛、帮助他们融入科技生活是我们在设计中应该关注的一个重点方向。本文章通过电子健康码项目中的适老化设计,讲述了在政务行业中我们是如何帮助互联网时代的老年人消除数字鸿沟,让互联网产品更好地“适老”,不让老人“掉队”的。 老年人的数字之困 因为突如其来的疫情的关系,健康码针对于防控疫情已经展现出了它强大的
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。
色彩几乎是所有设计体系中不可忽略的组成部分,而在网页设计中,色彩本身所发挥的作用并不单一,除了最基本的着色构成色彩搭配的作用之外,色彩能够通过对比创造视觉焦点,构建信息层次,影响用户情绪,甚至引导访客
网络是向所有人开放的,作为一个测试者(也是人),我们有责任检查它是否对所有用户开放。反过来,这将为业务的成功做出很大贡献,因为我们努力让每个用户都能访问应用程序。
我们正处于以互联网为代表的现代科技发展迅猛的时代,各种智能化服务都得到了广泛的应用。同时我国老龄化人口的数量又有快速的增长,基数庞大的年长者面临“数字鸿沟”的问题日益凸显,怎样降低老人的互联网接触门槛、帮助他们融入科技生活是我们在设计中应该关注的一个重点方向。本文章通过电子健康码项目中的适老化设计,讲述了在政务行业中我们是如何帮助互联网时代的老年人消除数字鸿沟,让互联网产品更好地“适老”,不让老人“掉队”的。 老年人的数字之困 因为突如其来的疫情的关系,健康码针对于防控疫情已经展现出了它强大的威力。防疫健康
鼠标发明人Douglas Engelbart曾经针对人工智能的简称AI提出了另一个理念——Augmented Intelligence,即增强智能。在他看来,人已经足够聪明,我们无需再去复制人类,而是可以从更加实用的角度,将人类的智能进一步延伸,让机器去增强人的智能。 OCR (Optical Character Recognition,光学字符识别)就是这样的一项技术,它的本质上是利用光学设备去捕获图像并识别文字,将人眼的能力延伸到机器上。本文将介绍OCR技术在移动环境下面临的新挑战,以及在自然场景图像下
领取专属 10元无门槛券
手把手带您无忧上云