童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

时下流行的鲜艳配色方案,缺点和优点一样明显

3月27日 听风行投稿
  对于设计师而言,色彩是伟大的工具。但是和其他的工具一样,它是有优缺点的,明确了它的优缺点才能更好地完成设计工作。
  配色是每个设计师的必修课。无论是插画师,UI设计师还是网页设计师,配色是设计中绕不开的环节。随着MaterialDesign和扁平化设计的大范围普及,相关的色彩理论也成了设计师必须掌握的规则。
  近年来,在不同的数字产品当中,我们会发现大量鲜艳的色彩和不同的渐变效果,而这些产品的类型横跨主打趣味性和娱乐性的应用和相对严肃的功能性和商业性的产品。但是,鲜艳的色彩对于用户体验的影响,讨论依然很多。今天的文章,我们就一起来探讨一下这个问题。
  明艳的色彩是如何提升UI设计效果的?
  提升可读性和易读性
  在之前的《UI设计:配色方案的选取,是使用深色系较好,还是浅色系合适?》这篇文章当中,我们讨论过了影响配色方案选取的诸多因素。可读性和易读性是设计师选取配色时候需要考虑的基本因素。可读性是用户阅读文本内容的难易沉痼,易读性则涉及到特定字母文字之间的区分度。
  鲜艳的色彩能够提供足够好的对比度,有助于提升可读性和易读性,让布局中的各个元素之间的区分度变得明显。但是高对比度并不一定总是奏效的,如果文本和背景之间的对比度过大,可能会产生晕影从而导致难于阅读。这也是为什么需要设计师创造出相对温和、恰当的对比度,而高对比度在凸显展示性元素的时候是不错的选择。
  锐化导航并提升互动
  视觉层次几乎是所有的数字产品中创造导航和交互的核心元素。UI组件需要以层次分明的方式组织起来,用户的大脑才能通过层次所营造的差异区分对象,明白优先级。
  色彩是有层次的,但是这种层次是怎么样被理解,则和用户的思维有关系。红色和橙色是大胆鲜亮的色彩,乳白色和奶黄是柔和的色彩,明亮的色彩更容易被注意到,所以设计师会使用它们来表现他们觉得需要突出显示的元素。将同一种色彩运用在不同的元素上的时候,相同的色彩会使得它们产生在重要性或者功能上的关联。
  可识别性
  人类的大脑对于鲜艳大胆的色彩反映强烈,这也是为什么鲜艳的色彩更容易被记住。在数字产品当中,色彩相对更加鲜艳的UI会更容易脱颖而出。不过,通常而言,即便如此,色彩的选取也是要基于目标受众和市场调研的。
  如果一个企业的LOGO、产品和它们的网站都使用了高度统一的配色,那么这在一定程度上将品牌的识别度最大化了。通过这种方式,设计师借助高度一致的可视化解决方案,来提升品牌的知名度。
  营造氛围,传递情绪
  色彩是会影响人的情绪,并且能够营造氛围的。设计师是需要知道色彩是如何影响我们的情绪和行为的。我们的大脑对于不同的色彩有着不同的反映,但是通常都不会注意到这些反应。色彩心理学的研究表明,我们的眼睛感知到一种色彩的时候,大脑会向内分泌系统释放对应的激素,刺激不同的情绪的转变。
  选择正确的色彩有助于让用户处于正确的情绪当中,传递正确的信息。举个例子,如果想要创建自然或园艺相关的产品UI界面,采用绿色或者蓝色的配色能够很好的匹配这一主题,传递相应的感觉。
  时尚的外观和风格
  明亮鲜艳的色彩和渐变色在UI设计领域是最流行的趋势。现在越来越多的移动端应用和网站开始使用这样的配色来吸引人,尽管竞争激烈,但是确实很好的吸引了用户的注意力。
  在UI中使用明亮的色彩同样存在问题
  明亮的配色并不容易搭配
  首先配色方案并不是依靠纯粹的感觉来搭配出来的,这样做很容易出问题。如果你想穿凿协调的配色,色彩运用规律、配色的知识和技巧是必不可少的。
  然而,在UI界面当中,越是鲜艳的色彩,越是难为它搭配出优质的配色方案。为了让用户感到高兴和舒适,设计师需要让整个UI界面保持协调和平衡,协调的色彩才能让用户感到舒适,给用户留下良好的第一印象。通常而言,设计师配色会选用下面常见的几种方案:
  单色配色:同一色彩色系下不同明暗、饱和度色彩的搭配。
  类似色配色:色轮上彼此相邻的色彩构成的配色方案。
  互补色配色:色轮上处于相对位置的色彩的配色。
  拆分互补色配色:和互补色类似,但是色彩更多。它通常是色轮上一个色彩和相对位置相邻的两种色彩搭配起来的配色方案。比如蓝色和橙色是相对互补色,选取蓝色和橙色两边的黄色和红色,这三种色彩就是拆分互补色。
  三元色配色:色轮上互相处于120度角的三种色彩构成的配色方案。
  双互补色配色:两组互补色构成的四色配色方案。
  缺少风格和调性
  的确,明亮鲜艳的色彩能够让UI有调性和风格,但是如果太多明亮的色彩在一起,就毫无风格调性可言了。
  这也是为什么那么多设计师会推崇6:3:1的配色比例了。其中占据60的是主色调,30是次要的色调,只有10是鲜艳的色彩,用来提升整体调性的。这样的配色方案能够创造出协调而有层次的配色,也更加容易让人感知且感到愉悦。
  明亮的色彩并不适合所有的用户群体
  用户调研是产品设计的一个重要环节。界定和分析目标受众才能了解网站和APP的设计预期。年龄、性别和文化等因素都影响着潜在用户的偏好。比如孩子喜欢黄色和紫色,但是绝大多数的成年人并不会那么偏好这两种色彩。蓝色和绿色这样的冷色调几乎不分男女都喜欢,但是女性通常不如男性喜欢橙色,同时,男性绝大多数时候更加偏好黑白灰这样的中性色,女性则不然。
  鲜艳的色彩所面临的情况也是一样。即使你所设计的是娱乐性较强的应用或者网站,你同样需要考虑目标受众的具体情况。中年用户更喜欢轻量级的色彩和用户界面,明亮大胆的色彩并不在他们的偏好当中。
  鲜艳的色彩在移动端屏幕上会显得过于扎眼
  正如同我们在前面所说的,明亮的色彩会产生强烈的对比,有助于突出用户界面中的元素,并且提供良好的可读性和易读性。然而对比度这种东西也应该是适度就好,太过于强烈的对比所带来的效果你并不会喜欢,尤其是在空间有限、使用场景复杂的移动端界面上。
  在小屏幕上,过于明亮的字体会让眼睛不舒服,这也是为什么要控制对比度。想要让眼睛感到舒适,设计师经常需要反复调整对比度。
  色彩对于设计师而言是伟大的工具,但是和其他的工具一样,它是有优缺点的,明确了它的优缺点才能更好地完成设计工作。
  
  作者:TubikStudio
投诉 评论 转载

iPhoneX:全新的交互革新尽管用滑动手势替换过去的Home键会产生一些困难,但我们终将通过更大的屏幕获得更好的体验。十年前,第一代iPhone横空出世重新定义了手机,到今天它不仅提供了更多的多样性……如何输出一份会表达的交互文档不同的公司会有不同的工作流程,根据项目、流程等实际情况来设计适合自己的交互设计文档。在项目设计中,交互设计师与上游的产品经理,下游的视觉设计师,开发工程师和测试等岗位的工……APP界面:如何打造情感化设计?以ofo小黄车为例本文是ofo小黄车体验设计部在情感化设计方向的思考和尝试,并进行了一次总结,在此分享给大家。enjoy大家好先做一个自我介绍,我叫可风,现在是ofo小黄车体验设计部(OX……对齐在APP中不易被察觉的3点对齐是设计中老生常谈的话题,大家也都很清楚对齐带来的优点。本文作者主要分享其在界面设计中窥视到的另外一层难以被察觉的3个小点,enjoy显然对齐是任何设计中都老生常谈的一……做节日闪屏,你需要知道这些节日闪屏的呈现虽然只有一个画面,但了解设计背后的来龙去脉,才能让设计有根可寻。一。节日闪屏是什么?1。定义节日闪屏属于闪屏的一部分。闪屏出现在APP启动……自嗨设计中存在的危险让人愉快的设计也可能是有风险的,但这并不意味着你应该完全避免它。最困难的部分就是搞清楚什么时候该令人愉快。提起愉快当你想到令人愉快的事情时,你可能会想到那些让你内心感到温……iOS解锁功能的交互设计前段时间在知乎上看到有关于iPhone解锁功能的几个观点,觉得颇有意思,也想说说自己的观点和看法。原观点们如下:1、我观察3岁的小孩用iPhone很容易上手。……Forever21首页分析:从交互和体验上来聊一聊本文作者将从交互和体验上来聊一聊Forever21这个网站的首页,enjoyForever21(以下简称F21)成立于1984年,在全球都有连锁店,在04年的时候销售额就……一种功能模块设计方法榜单页面回顾了一下以前的文章,发现很多都是在讨论某个功能模块的设计方法,包括搜索、passport、应援等,目前按照后续的安排,还会继续输出一些具体功能模块的设计方法,力求更加接地气,……从“免费试用”模块设计,反思UI的设计思路在App大版本的迭代中,免费试用作为小模块,交互逻辑不变,仅做视觉层面的优化。然而在视觉优化过程中,免费试用的体验问题浮出水面,此时对免费试用的设计从表层进入相对深的层面。设计……时下流行的鲜艳配色方案,缺点和优点一样明显对于设计师而言,色彩是伟大的工具。但是和其他的工具一样,它是有优缺点的,明确了它的优缺点才能更好地完成设计工作。配色是每个设计师的必修课。无论是插画师,UI设计师还是网页……她说,最难的是设计的分寸总的来说,设计的分寸真的很重要。做了多年的设计之后,我与刚开始时已经有了很大的不同。正如《我做设计这七年里的心态变化》里描绘的,最开始的兴奋、努力,甚至激进,在经历各种学……
Axure新技能:利用github上传原型并将原型放进手机我想要的原型注解方式是这样的。。Axure8。0实例随机双色球,开讲了用Axure8。0打造自定义比例计算器中继器的创新应用:微信公众号自动回复高级PM教你定制APP通用元件库矩形框:深度理解和应用元件样式(二)Axure教程:限制输入框输入字数Axure原型设计:Axure原型加流程图功能的高效结合Axure教程:怎样做低保真轨迹追踪与回放矩形框:深度理解和应用元件样式(一)Axure教程:微信聊天列表原型制作(二)中考英语写作满分必备过渡词最美丽的行星工作简历自我介绍范文邀请同学聚会的邀请函鼻炎有什么(鼻炎怎么治能除根)什么颜色的头发显年轻显肤色白?记住这3个颜色就行眼睛小戴美瞳能显大吗为什么戴美瞳眼睛会大非法集资开庭后再报案可以吗外星醉汉pk地球神(怪诞背后的颠覆)绩效管理四部曲,你get到了吗?这也会过去地中海风格色彩搭配经典地中海色彩搭配

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界