UI用户界面设计的7个小技巧
用户界面设计的7个小技巧,上元教育创办于2005年,14年一路走来,专注于学员学习效果,学平面设计到上元教育www.bdsh5.com。
我可能会假设我们中的大多数人都是从一开始就对UI设计一无所知,但是,尽管开始的时候我们遇到了困难,我们还是通过大量的设计书籍和文章来理解颜色、排版、布局等是如何工作的。
这是一个背后有一个"为什么"的过程,每当我们创建一个更大的文本,添加一个阴影,或者改变颜色,都必须有一个原因来解释为什么事情必须是这样的。
因此,在本文中,我将分享我从不同的公司、设计师、设计用户界面时学到的东西以及我在这一过程中发现的新发现!
一、这个文字很重要,让它更大?
当面对需要字体层次结构的内容时,使文本更大以给予重点和重要性通常不能解决问题,就像下面的问题一样:
字体层次结构不是小到大的字体大小,它是关于字体正确的大小,粗细和颜色的混合,创造对比,对比度越大越好。
那么,如何创建更好的对比度呢?
1.不要使用一种不同字体大小的权重来创建对比度和层次结构。
2.相反,主要内容使用粗体和深色样式,次要内容使用较小和较浅样式。
3.创建三种不同颜色的文本(见下面的示例)。
4.不要害怕在项目上应用大的字体间隙(即24px标题、16px正文文本、10pxmeta等)b~d~s~h~5~c~o~m。间隙越大=对比度越好。
5.记住,对比度=字体大小+字体粗细+颜色
6.最后,一定要检查它的对比度。
二、不要使用纯黑色
我们都知道使用黑色文字颜色(#000)会给读者带来眼睛疲劳,因此我们的解决方案是创建深色变体作为替代方案。但是,我们可以使用具有不同不透明度的黑色作为解决方案,而不是选择3个或更多十六进制颜色值:
在上面的示例中,我使用黑色作为我的主颜色,并根据应用层次(即主内容、辅助内容等)降低其不透明度。
三、用公式学颜色
我们中的大多数人都不擅长选择正确的颜色组合,每当我们看到一个精心编排的调色板设计时,我们都会问自己"他们是如何做到的?""(就像下面的那个一样):
直到我了解到,了解色彩并不仅仅是为了那些从一开始就有设计天赋的人,在Hue,饱和度,亮度(HSB)上进行简单的加法和减法就能发挥作用(我们将对这个公式使用HSB而不是RGB)。如下所示:
那么,HSB中的加减法在哪里出现呢?
实际上,我们可以采用两种方法,正如我们所见,这两种方法的基色都相同,但在文件夹和条带颜色方面有所不同。
当我们开始时,总是记住第一个数字对应于色调,然后是饱和度,最后是亮度原文www.bdsh5.com。
选项A
在选项A中,我们可以看到色调值123一直保持在形状(圆形、文件夹、条带)之外,而饱和度和亮度是发生变化的地方。
现在,当我们关注的是24的基底饱和度和96的亮度时,当我们为文件夹创建深绿色时,这两个值都发生了变化。
从24的饱和度变成40(增加+16),从96的亮度变成82(减少-14),这表明无论增加还是减少,饱和度的变化都需要与亮度成反比调整,以产生良好的对比度(反之亦然)。
同样的事情也发生在纸条上,以文件夹的饱和度和亮度为基值,我们从40移到44(增加+04),亮度从82减少到75(减少-07),由此得出公式:
较暗值=饱和度增加是亮度的降低
较亮值=饱和度降低是亮度的增加
每当我想知道在我的设计中应该使用什么颜色时,这个公式就帮助了我。
我了解到最好的开始点是有一个基色,从那里开始调整饱和度和亮度,同时保持色调值不变。
选项B
在选项B中,同样的原理仍然适用(我们上面的公式),但是色调值会改变。
RGB代表红色、绿色和蓝色,而CMY代表青色、洋红和黄色原文www.bdsh5.com。这些术语在我刚开始的时候并没有对我有任何重要性,直到我发现使用RGB和CMY进行颜色组合时。
现在在选项B中,如果我们想要基色的颜色有一个更暗的变化,我们需要做的就是将颜色选择器移动到调色板中最近的RGB所在的方向,或者将其移动到CMY的方向以获得更亮的变化。例如:
由于我们想要创建一个更暗的基础颜色b9f4bc(圆形背景),这将应用于我们的文件夹图标,我们需要移动我们的颜色选择器到最近的RGB所在的方向(在本例中是蓝色)。
但是如果我们想要一个更轻版本的文件夹,我们将把选择器移到左边,靠近CMY(在本例中是黄色)。
*更常见的是,RGB会导致较暗的变化,而CMY会导致较浅的变化。
将颜色选取器移动到所需的变体后,现在我们将在选项A中应用公式,这将导致我们具有此颜色组合:
红色、绿色、蓝色(RGB)+选项A公式=较暗的变化
青色、洋红、黄色(CMY)+选项A公式=较浅的变化
四、使用间距分隔组
除了在两个组之间添加一条线以显示分隔之外,在两组之间使用一个较大的空间是一个更好更容易的解决方案。
彼此接近或接近的物体往往被组合在一起
从上面的例子中,我的目标是通过在标题和它的作者之间使用一个24像素的大空间间隙来创建一个分离EVD。
五、使用颜色分隔行
除了使用线条外,在行中添加颜色背景对用户阅读非常有帮助,而且对我们的设计师来说也会更享受。
六、使用品牌颜色作为强调
尽量保持我们界面的整洁。
七、注意对齐
最后,如果您要创建一个像上面这样的列表设计,请将项目符号、标志符号或数字放在空白处以突出显示列表。这将使用户的可读性流不间断,更清晰。
用户界面设计的7个小技巧,上元教育创办于2005年,14年一路走来,专注于学员学习效果,学平面设计到上元教育。
庄河市搬家服务厢式货车居民搬家大小型搬家家具拆装长短途搬家钢琴搬运货物装卸空调拆装货车出租24小时服务全市低价
庄河吉祥搬家:主要承接居民搬家,大小型搬家,大小企业搬迁及单位、长途运输、长短途搬家、家具拆装、空调移机、货物装卸、货车出租、长短途物运输等业务,认真负责确保24小时及时、周到、安全的为您服务。专业的
大巴中巴车包车,班车,长途,机场火车站接送,青岛崂山一日游
客车包车,班车,长途,机场火车站接送,青岛崂山一日游
二十多年的厨房烟道清洗队伍,消防备案企业,原消协会员单位,为企事业单位、学校、幼儿园提供最优质高效的清洗服务,提供增值税专用发票,出具消防认可的清洗报告和施工照片对比。我们从事厨房吸排烟系统清洗20年,培养了一支优秀的厨房烟道清洗队伍,为机关、企业、学校 酒店等大型厨房提供优质完善的排烟系统清洗服务。
十五年专业清洗青岛烟道清洗 大型厨房油烟机清洗 油烟罩风机清洗。清洗完成后,出具消防认可的清洗报告和增值税发票。
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
广州个人租车(9座)包车带司机,13005128965,出游省内省外休闲旅游,同学,工友,知几AA出游,9座商务车,高速路费一类车收费,费用低,适用出行出游。商务接送,机场接送,回乡出行,旅游包车,度
广州个人租(9座)包车带司机,13005128965,出游省内省外休闲旅游,同学,工友,知几AA出游,9座商务车,高速路费一类车收费,费用低,适用出行出游。商务接送,机场接送,回乡出行,旅游包车,度假
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
西门子助听器纬五路店纬五路41-2(纬五路经三路口西南角)二十余年专注听力行业初心不变,服务听障人士用专业的验配技术,有保障的产品品质规范的验配流程强大的技术团队优质的售后服务欢迎预约体验试听
西嘉助听器(原西门子助听器)听金声连锁第一家助听器专业验配中心省医附近,交通方便电话0371-65938033
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
性别:女。姓名:钟琳(好像)。生日:1971年9月30日,益阳市第一中学毕业,曾经在益阳市田径队训练。40年未见了,不知是否在益阳生活。
成都汽车贷款;电话:15228888062(微信同号)1.全国牌,车龄10年以内,月利息0.66%起;2.按揭车装二次三次gps开走不押车 利息一份 期数灵活3非本人车 父母车夫妻车 可装gps开走不押车 利息一分4.押车;非本人车 朋友车 亲属车 以租代购车 各种疑难杂症车辆见车拿钱;
学校采用理论与实践相结合的教学模式,培养符合行业要求的设计人才。开设课程有:UI设计、商业插画、平面设计、UXD全链路设计、网页设计、电商设计、创意广告设计、C4D三维设计、影视后期包装、短视频剪辑制...
在当今社会,插画艺术作为一种重要的视觉传达形式存在着。遍布的领域非常多面。插画在表现形式上为了与审美与实用相统一的原则相呼应,形式上通过运用图形来着重表现其特点。在线条,形态的塑造以及制作过程中尽可能...
景观设计在我国还是一个新兴的专业,近几年来随着房地产业、建筑业的蓬勃发展,目前对景观园林设计师的培养,还远远不能满足社会需要。大写艺景观设计课程,志在培养更多有眼界、有艺术涵养的景观设计师 行业前景 ...
AIGC时代,你的职业未来正在被改写,上海学AI绘画、商业插画、游戏动画、UI设计等专业学校,线下面授,线上网课等多种学习方式,欢迎来电咨询了解更多课程培训详情。 上海AI绘画、AIGC商业设计培训 ...
学校依靠强大的项目优势与行业积累,采用作品驱动式案例教学方法,为学员提供专业的就业培训教育。开设课程有:电视栏目包装设计、PR视频剪辑、影视后期包装制作、AE、虚幻引擎UE5培训、3D游戏建模游戏开发...
学习时间:全日制、业余制,线下面授实战教学+线上网课培训。 UI设计培训课程以UI市场动态为教学导向,由浅入深地学习电脑端、端的界面,图标等视觉元素设计,打造功底扎实的学员,独特的UI宏观思维训练及真...
课程安排: 1、预科:美术设计(素描、水粉、透是原理)、构成设计、色彩配色、审美观念 2、创意思维:平面构成、立体构成、色彩构成设计,实现审美、创意、提升设计理念 3、平面广告:PS、AI、PS高级创...
平面设计已经完全的融入到了我们的生活中,各行各业都离不开平面设计,平面设计培训学校认为在这种形势下,学习平面设计的人数越来越多,但是还是远远满足不了市场的需求,而对于平面设计专业来说,软件是设计师重要...
课程内容: 1、美学设计:设计素描、水粉、速写的原理及实践,光和影的写实手法,投影、视图、透视,灯光表现,写生 2、室内手绘表现:透视原理:一点、两点、三点透视,色彩配色原理,效果图速写,快速草图绘制...
开设:影视后期、PR视频剪辑、C4D二维包装、AE特效、影视动画、商业插画设计培训、动漫角色设计、UI设计、室内设计、平面设计、手绘培训、三维设计培训。来电预约或发送姓名+课程+城市至老师可免费体验试...