1.UI设计中的色彩运用

2.达内的UI设计培训怎么样,值不值得去?

3.UI设计培训课程是哪些

UI设计中的色彩运用

电脑ui设计是什么意思-电脑系统ui设计点评

UI设计中的色彩运用

 20世纪90年代,由日本SONY公司推出的智能化移动手持设备T86通^色彩绚丽的屏幕,漂亮的图形按钮以及流畅的操作刷新了用户对人机交互界面的体验。并在行业内引发了设计者对UI设计中风格、图形、色彩、操作体验等等方面的全新思索。经过二十多年的 发展。

 UI设计已经成为一门专门叉学科,通过对视觉思维、心理学、人体工程学等不同学科的研究,设计者从各个方面不断的改善用户的操作体验。早期的软件界面曾经通过“拟物化”设计(skeuomorphism)试图通过模拟真实物体的质感来让人机交互更趋向于人与现实世界的交互方式而“去虚拟化”;而21世纪以来,随着UI设计中对视觉传达规律的运用,“扁平化”设计(flat)成为更为主流的设计趋势。扁平化设计更为现代主义,通过简洁、单纯的色块的组合与运用帮助用户更好地理解与使用产品本身。

  1 UI设计中色彩的功能

 色彩作为视觉传达中非常重要的要素在UI设计中具有非常重要的作用,可以归纳为以下几个方面。

  1)显示界面的整体架构

 一个UI界面总是借助图形化的外观直接作用于客户的视觉系统。用户接触一个UI界面,看到的往往是一个由底色、其他几何色块、图标、按钮等元素构成的图形符号系统。用色彩可以非常直观的凸显出背景、导航栏、状态栏,按钮等构成元素,并显示出UI界面的逻辑架构。

  2)明确视觉层级关系

 UI设计中不同的内容属于不同的层级关系,如菜单于菜单间的同级关系、内容间的从属关系等等。用同色系色彩、不同色相色彩间的差距可以非常直观地区分内容的层级关系,还可以通过色彩间的强对比突出关键内容。

  3)营造界面整体风格

 UI界面虽然是个复杂的视觉图形系统,但通过主色调、辅助色、装饰色之间的对比调和关系会呈现出明显的风格倾向。用不同的色系或者同色系色彩之间的对比与调和关系,可以塑造出不同的界面风格。如适合男生的金属质感的黑色、灰色、蓝色系,女生喜欢的梦幻甜美色系、糖果色系。界面风格定位于品质已经成为用户体验中最重要的部分之一。

  4)基于人体工程学的色彩运用。

 由于色温会影响到光源显示的颜色,大于 6500K 就会偏冷(白蓝),小于 6500K 就会偏暖(黄红)。而蓝光大量存在于电脑显示器、荧光灯、手机、数码产品、显示屏、LED等光线中,由于蓝光是一种高能量的短波光线,因而会较为严重的伤害视力。基于人体工程学保护视力考虑,苹果手机Iphone7和iphone7plus手机背光显示设计了Night Shift 的屏幕去蓝光保护功能,开启后会在晚间自动将屏幕显示调成暖**调,减少视觉疲劳。

 此外,UI界面中,考虑到电子设备的显示特点。背景色要与图标色彩之间至少有5.38以上的对比差,才能够易于区分。而在此差值范围内的配色则会因为过于接近而在显示环境中对辨认造成困扰。

 还有一些特殊人群,如红绿色盲人群,由于特殊视觉需求而需要进行特别的配色设计。

 2 UI色彩设计方案

 在进行UI设计时,要通过对产品及用户体验的分析确定明确的色彩搭配反感,形成“标准色彩规范”,在这个基础上再进行具体界面、线框、图标等细节设计。标准色彩规范中要规定出最主要主色、辅助色、装饰色的色号,方便设计师的设计稿的色彩统一。

  1)主色调

 主色用量基本占据全部用色的75%,基本决定了整个界面的视觉风格。主色选择要符合产品本身的气质、诉求和色彩心理学规律,可在主色的基础上通过明度与纯度的变化衍生出同色系色调作为主色调范围。

 根据色彩在视觉中的能量值,一般主色倾向于选择饱和度高、明度低的色彩,往往会在在同一界面中占据较大的面积或明显的凸现于背景。

  2)辅助色

 辅助色起到辅助主色的作用,在全部用色中约占据20%。用与主色同色系色彩作为辅助色可以呈现柔和、整体、统一的视觉效果;而用主色邻近色作为辅助色可以让界面有丰富的变化,产生活泼感;用主色调对比色作为辅助色可以让主色更为突出。

  3)装饰色

 占全部色彩方案的5%的装饰色起到点缀、提醒的作用。并界面增加个性化、富于趣味的视觉元素。装饰色要与界面整体色调相区别,一般在明度、饱和度上要有明显差异,一般会用明度或饱和度高的`颜色。

  3 UI设计中对色彩三要素的运用

 色相、明度、饱和度是色彩的三要素,对这三个色彩要素的理解和运用体现在UI设计中整个色彩方案中。

 色相是色彩的首要特征,是不同色彩相区分的重要因素。色相也是色彩搭配中进行色彩对比的主要因素。对主色色相的选择往往决定了一个UI界面的整体风格与气质,或奔放活泼,或冷静深沉,或淡雅清新,或浓郁艳丽。其他辅助色则起到对比或调和的作用。因而一个UI界面的主色选择要符合产品本身的特质。以手机APP为例,淘宝、百度外卖、大众点评等许多电商类APP常常用容易让人兴奋、热烈的红色、橙色作为主色调;而主打探索与求知的“知乎”APP则使用理性、冷静的蓝色作为主色。

 色彩的明度是色彩的明亮程度,是对色彩进行调和的主要因素。同色相色彩的明度变化可以在同色系中呈现一种调和统一的变化关系,协调而具有层次感。常常用于配合主色进行图标、菜单、导航等设计。明度变和也会带来色彩性格上的差异,明度升高会让色彩变得明亮、呈现清凉感;而明度降低则会让色彩变得暗淡,呈现温暖感。

 饱和度是指色彩的鲜艳程度,也是色彩进行调和的主要因素。饱和度的改变同样会让色彩呈现从浓烈活泼到安静深沉等不同的“色彩性格”。此外饱和度的改变还会让色彩呈现不同的质感,如金属的不透明、坚硬、光泽感;糖果色的清新甜美感等等。

  4 UI设计中的色彩心理学运用

 色彩具有非常强的联想性。不同的色彩会在味觉、空间、冷暖、情绪等不同方面引发人们不同的综合感受。UI界面在主色调的选择中往往会利用人们对于色彩的联想习惯突出产品的定位。仍以ios系统手机APP为例;以介绍美食菜谱的“香哈”APP,主色采用最容易诱发食欲的红、橙色系;而具有丰富中国民俗传统的万年历APP则采用了充满中国传统文化涵义的中国红作为主色并配合这一气质采用篆书字体作为文字标识。

 综上所述,由于色彩的重要性,对色彩的理解和驾驭对整个UI界面的设计产生着巨大的影响。

;

达内的UI设计培训怎么样,值不值得去?

大品牌的UI设计培训都很不错,值得去培训。

很多人去学习UI设计都是三分钟热度,最好在学习之前先来做一个小测试

→→点击测试我适不适合学设计

在培训机构学习ui的好处是知识体系更加完善,专业程度明显高于自学者,更不用说操作技法和设计速度了。毕竟无论是理论还是实际操作,都被专业的讲师培训过了。培训机构还会带领学员实际操作,大型真实项目。

选择时尽量选口碑较好的大品牌,天琥采取线上+线下相结合的教学模式,线下面授教学,线上点评作品,线下讲师一对一辅导,让学员对重点难点理解得更加透彻,线上可以与全国78家校区同台竞技,增进学习积极性。天琥专注互联网视觉设计培训18年,积累了丰富的设计教育经验,还与6000余家企业达成合作提供岗前培训、推荐就业、名企内推等一系列服务,从学习到就业为学员全程保驾护航。

UI设计培训课程是哪些

设计概念(理论36课时、项目练习168课时)UI设计行业概述、UI概念发展历史及未来趋势、Photoshop软件基本操作、Photoshop软件使用与提高初识图标理论10课时、项目练习24课时)图标的概念、图标国际规范、图标设计要素与技法、图标创意思 想与方法、图标设计实例操作及点评图标设计与创作及输出理论45课时、项目练习144课时)图标造型考究、图标色彩搭配、图标纹理材质表现、图标创作设 计、各平台图标设计规范、图标组合案例设计操作、图标输出与多屏幕适配、图标设计趋势图形界面设计原理理论48课时、项目练习112课时)GUI界面的概念与发展设计理念、色彩构成与界面色彩搭配技巧、优秀GUI界面评析与体验、界面设计延续性原则、优秀UI界面评析及体验、吸收软件界面、移动终端设计(理论64课时、项目练习224课时)纹理与质感、界面与图标的关联性、播放器界面设计实践与辅导、 实战创意界面设计分析与讲解、移动设备界面设计案例讲解、 IPad、平板电脑界面设计与创作Web网页设计(理论48课时、项目练习112课时)认识Web页设计和发展趋势、简洁排版、大气网页制作实操、Web 页材质细节的处理、UI在产品中的作用品牌定义及整体视觉体验(理论48课时、项目练习168课时)图标与桌面logo的区别、产品logo的设计定位、认识用户体验和 UCD、同类产品分析吸收、开启负责多款项目之门、角色设定-了解我们的用户深度设计(理论32课时、项目练习112课时)名企UI委培定向班零基础入手在福州传立教育名企UI委培定向班学习的五个月中,学校将提供真实企业项目作为课程内容,充足理论课+海量项目实战,使一个零基础的参训学员,成为一个深入掌握UI设计和交互设计、在UI设计方面有鲜明优势的UI设计师。