用户界面设计的7个小技巧,上元教育创办于2005年,14年一路走来,专注于学员学习效果,学平面设计到上元教育来自www.ganlv5.com。
我可能会假设我们中的大多数人都是从一开始就对UI设计一无所知,但是,尽管开始的时候我们遇到了困难,我们还是通过大量的设计书籍和文章来理解颜色、排版、布局等是如何工作的。
这是一个背后有一个“为什么”的过程,每当我们创建一个更大的文本,添加一个阴影,或者改变颜色,都必须有一个原因来解释为什么事情必须是这样的。
因此,在本文中,我将分享我从不同的公司、设计师、设计用户界面时学到的东西以及我在这一过程中发现的新发现!
一、这个文字很重要,让它更大?
当面对需要字体层次结构的内容时,使文本更大以给予重点和重要性通常不能解决问题,就像下面的问题一样:
字体层次结构不是小到大的字体大小,它是关于字体正确的大小,粗细和颜色的混合,创造对比,对比度越大越好。
那么,如何创建更好的对比度呢?
1.不要使用一种不同字体大小的权重来创建对比度和层次结构。
2.相反,主要内容使用粗体和深色样式,次要内容使用较小和较浅样式。
3.创建三种不同颜色的文本(见下面的示例)。
4.不要害怕在项目上应用大的字体间隙(即24px标题、16px正文文本、10pxmeta等)赶驴网www.ganlv5.com。间隙越大=对比度越好。
5.记住,对比度=字体大小+字体粗细+颜色
6.最后,一定要检查它的对比度。
二、不要使用纯黑色
我们都知道使用黑色文字颜色(#000)会给读者带来眼睛疲劳,因此我们的解决方案是创建深色变体作为替代方案。但是,我们可以使用具有不同不透明度的黑色作为解决方案,而不是选择3个或更多十六进制颜色值:
在上面的示例中,我使用黑色作为我的主颜色,并根据应用层次(即主内容、辅助内容等)降低其不透明度。
三、用公式学颜色
我们中的大多数人都不擅长选择正确的颜色组合,每当我们看到一个精心编排的调色板设计时,我们都会问自己“他们是如何做到的?”“(就像下面的那个一样):
直到我了解到,了解色彩并不仅仅是为了那些从一开始就有设计天赋的人,在Hue,饱和度,亮度(HSB)上进行简单的加法和减法就能发挥作用(我们将对这个公式使用HSB而不是RGB)。如下所示:
那么,HSB中的加减法在哪里出现呢?
实际上,我们可以采用两种方法,正如我们所见,这两种方法的基色都相同,但在文件夹和条带颜色方面有所不同。
当我们开始时,总是记住第一个数字对应于色调,然后是饱和度,最后是亮度g+a+n+l+v+5+c+o+m。
选项A
在选项A中,我们可以看到色调值123一直保持在形状(圆形、文件夹、条带)之外,而饱和度和亮度是发生变化的地方。
现在,当我们关注的是24的基底饱和度和96的亮度时,当我们为文件夹创建深绿色时,这两个值都发生了变化。
从24的饱和度变成40(增加+16),从96的亮度变成82(减少-14),这表明无论增加还是减少,饱和度的变化都需要与亮度成反比调整,以产生良好的对比度(反之亦然)。
同样的事情也发生在纸条上,以文件夹的饱和度和亮度为基值,我们从40移到44(增加+04),亮度从82减少到75(减少-07),由此得出公式:
较暗值=饱和度增加是亮度的降低
较亮值=饱和度降低是亮度的增加
每当我想知道在我的设计中应该使用什么颜色时,这个公式就帮助了我。
我了解到最好的开始点是有一个基色,从那里开始调整饱和度和亮度,同时保持色调值不变。
选项B
在选项B中,同样的原理仍然适用(我们上面的公式),但是色调值会改变。
RGB代表红色、绿色和蓝色,而CMY代表青色、洋红和黄色赶.驴.网。这些术语在我刚开始的时候并没有对我有任何重要性,直到我发现使用RGB和CMY进行颜色组合时。
现在在选项B中,如果我们想要基色的颜色有一个更暗的变化,我们需要做的就是将颜色选择器移动到调色板中最近的RGB所在的方向,或者将其移动到CMY的方向以获得更亮的变化。例如:
由于我们想要创建一个更暗的基础颜色b9f4bc(圆形背景),这将应用于我们的文件夹图标,我们需要移动我们的颜色选择器到最近的RGB所在的方向(在本例中是蓝色)。
但是如果我们想要一个更轻版本的文件夹,我们将把选择器移到左边,靠近CMY(在本例中是黄色)。
*更常见的是,RGB会导致较暗的变化,而CMY会导致较浅的变化。
将颜色选取器移动到所需的变体后,现在我们将在选项A中应用公式,这将导致我们具有此颜色组合:
红色、绿色、蓝色(RGB)+选项A公式=较暗的变化
青色、洋红、黄色(CMY)+选项A公式=较浅的变化
四、使用间距分隔组
除了在两个组之间添加一条线以显示分隔之外,在两组之间使用一个较大的空间是一个更好更容易的解决方案。
彼此接近或接近的物体往往被组合在一起
从上面的例子中,我的目标是通过在标题和它的作者之间使用一个24像素的大空间间隙来创建一个分离赶驴网www.ganlv5.com。
五、使用颜色分隔行
除了使用线条外,在行中添加颜色背景对用户阅读非常有帮助,而且对我们的设计师来说也会更享受。
六、使用品牌颜色作为强调
尽量保持我们界面的整洁。
七、注意对齐
最后,如果您要创建一个像上面这样的列表设计,请将项目符号、标志符号或数字放在空白处以突出显示列表。这将使用户的可读性流不间断,更清晰。
用户界面设计的7个小技巧,上元教育创办于2005年,14年一路走来,专注于学员学习效果,学平面设计到上元教育。

常州市《这里》回收冬虫夏草《同仁堂或其他品牌》价格高V136·991·22221话同号[地址:本市范围内一律登门面议。价格:按产地、品牌、质量、规格、日期、数量以质论价,一般回收克价在88元至238元

李姐回收冬虫夏草东阿阿胶微信号《13811337577》冬虫夏草 九朝贡胶 5X极草含片,近期东阿阿胶,老阿胶 回收冬虫夏草 qq 593889206 高价收购同仁堂总统牌70克90克礼盒燕窝,各种5A???6A级散装马来西亚燕窝。毛燕、燕条、燕碎、泰国洞燕。同仁堂虫草22.5克25克40克60克80克120克,专业回收山东东阿阿胶、北京同仁堂阿胶、福牌阿胶,价格面议。
周金天老师,北京工商大学学士,是一位有名的起名、环境选址布局、生辰测算的师傅,当代誉满乾坤的易学大师,当今名震天下的易学专家,一代易学巨擘。周金天老师立足于正统传承、秉持以实事求是的态度,以客户的实际
世和美艺纹发连锁,一家专注解决脱发形象再塑造的专业纹发机构。纹发,专业术语为SMP(ScalpMicroPingmentation),即头皮微色素着色技术,又称医疗性发际线纹绣技术,头皮纹绣技术,毛囊
桐庐县富春江镇兰香谷民宿,位于环境优美的富春江畔芦茨湾,依山傍水。与风景区严子陵钓台隔江相望。这里有清澈的溪水、清新的空气、如画的风景。久居喧闹城市,可以远离喧嚣,寻觅阒寂,走入带着泥土气息的农家田园
公司受理国际快递、国际空运、进出口代理、快件服务;代理DHL中外运敦豪、UPS、FedEx、EMS特快专递、日本佐川、港澳台专线、中东专线、欧美专线等!优质的服务,安全快速,让您在激烈的商业竟争中赢得
北京万物之始会计师事务所(普通合伙)作为一家具备相关条件和资质的审计机构,始终秉持着严谨、客观、公正的原则,以确保出具的审计报告准确可靠。正是基于这种专业、严谨的态度,得以获得客户的认可,与客户保持着
模具设计主要采用面授学习和实战分享,全程采用基本知识点+成功案例分享+差异化比较+互动的形式学习,锻炼学员考虑问题的角度,分析问题能力、动手能力和解决问题能力,使学员学会如何通过作品表达自己的设计思路
斑马快修防水补漏全国连锁是一家专业探测地下管道漏水,家庭暗管漏水检测,消防管道漏水检测,供水网水管漏水检测,管线走向普查探测,供水管道安装及维修的技术服务公司,彻底解决漏水根源。公司有国外先进的漏水相
价格: 150 元 闲置猫笼便宜出,黑色,三层。中间连接的楼梯在底下,没铺起来。
福为佳服装店专业批发男女高档服饰,现大量诚招微商代理,您可以是微商、可以是QQ商家、可以是实体店老板,您可以是全职销售,可以是兼职。您可以是待产妈妈,更可以是有充裕私人时间的上班族,甚至是学生,均可以
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au
芦茨湾农家乐,位于环境优美的富春江畔芦茨弯,是一家吃、住、娱一体的综合农家乐,为游客提供全方位服务。农家乐地理位置优越,交通方便。这里有清澈的溪水、清新的空气、如画的风景。如果你久居钢筋水泥的喧闹城市
河南鸿升文化公司,业务范围:展会设计搭建、展会会场、展会设备、展会庆典策划、展会用品制作等。本公司在全国范围内为客户提供一站式展览设计制作安装服务,业务遍布全国各地,拥有自己的运输车队、安装设备工人、
常州热水器维修服务部始终本着“至诚奉献、以质求信”的宗旨,秉持“诚信、专业、服务”的企业精神,向广大用户提供高质量的家电维修服务,赢得用户的一致好评。同时有来自家电行业高端服务技师与工程师的加入,加强
开锁,换锁,修锁,配汽车钥匙,配车库遥控器,车库蓝牙卡等,电梯卡,门禁卡,安装销售智能锁,门禁锁,换遥控器电池,外壳,配各类民用钥匙。
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au
雨虹防水公司是一家专注多年防水补漏工程团队,拥有丰富的防水经验,新旧楼房天面、卫生间、厨房、外墙防水、厂房车间、地下室防水、防渗、堵漏工程等。现场对建筑的的漏水、渗水的原因进行全面分析,找出漏水、渗水

常州市回收冬虫夏草 地点钟楼丶天宁丶戚墅堰丶新北区价格
本地开锁公司在本市全面落实了便民服务网点,24小时专人专车,在短的时间,以快的速度,为您服务。公司经工商注册,110联动备案,可开正规收据。本公司专业从事开防盗门、保险柜、汽车锁、文件柜、安装电子锁、

先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au...
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au...
1、 机械制图基础,这是是你画图的根本,这是办法,不管是用什么软件都要用这个,所以这个是会画图会看图的基础。 2、 模具专业常识 这个是设计模具的基础,设计什么模具,什么结构,什么原理。 3 、Aut...
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au...
常州常州室内设计培训常州室内设计培训班手把手教学上课时间:有白班和晚班,根据自己时间安排。 课程内容:效果图,施工图,全景图,预算,工艺。磁针教育让你举一反三,在案例中轻松掌握。这边有常州小区户型图,...
【教学目标】 通过在本次课程的学习,让学员能够了解相关的设计原理,熟练Solidworks的操作,如二维草图、装配、工程图、钣金建模等内容,更好的运用到实际生活和工作中。 【招生对象】 1.从事相关行...
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au...
课程设置: (1)Photoshop:图像处理、编辑、通道、图层、路径综合运用,图像色彩的校正,各种特 效滤镜的使用、特 效字的制作,图像输出与优化等;灵活运用图层风格、流体变形及褪底和蒙板,制作出千...

常州专业的设计师培训机构,开设有:平面设计、室内设计、UI设计、网页美工、电商美工、短视频剪辑、影视后期、PS、CAD、3dmax、PR、AE软件等课程培训.小班面授实战教学,培养社会需求的设计师人才...
先学好技术、技术是工作中的立足点和发展点,有技术到车间技术员或生产主管才容易、通过岗位上的扩大视野,才能有自己的发展和经营。 设置:培训UG建模、UG数控编程、4轴联动编程、UG后处理制作、UG或Au...