首页 >知识讲堂 >设计知识>保姆式分享:提高UI质感的小技巧

保姆式分享:提高UI质感的小技巧

2020-11-26 13:42:58 阅读(164 评论(0)

在做UI界面时,我们经常需要看到很多产品进行竞争产品分析、市场研究,无论是交互逻辑还是设计细节,都占据了设计师的时间成本,这里我分析整理了一些常用的实际战斗设计技巧,帮助您节省一些收集数据的时间,希望帮助设计师提高设计质量和效率!1.在界面布局设计中,布局中的空间关系元素可以利用平面设计中的结构思维方法来理解UI界面中空间元素结构的分布对应性。以下是页面元素分析的新闻客户端为例。2.为了使阅读更有效,可以使用不同的标题规格、不同的排列比例或不同的颜色背景。3.模块化分割方法的线条分割和空间分割之间的差异,分割线给人一种压迫感,空间的分割给人一种更容易阅读的感觉。4.如何改变布局图的版本率和视觉空间的比例?让我们来看看qq音乐会员中心页面的设计。不同的等级对应不同的颜色卡片,使用颜色填充背景吸引用户增加界面的独家比例,并在账户切换视觉方面发挥指导作用,这是一个很好的设计理念。5.根据主题选择配图和配色方案。我们在设计时经常追求「高级灰」、「高逼格」亦或者是「独特性」,事实上,更重要的是,我们应该符合产品的基调和产品对象的人群,而不是盲目追求自我「设计追求」,例如,以下两个案例很好地表达了产品的调性,并清楚地告诉用户我在做什么产品,6.图片焦点表示图片中相对更突出的内容,使用户在浏览产品时能够第一视觉捕捉用户的注意力;焦点是相对的,可以是大页面的焦点,也可以是小模块的焦点页面的焦点,我们可以看到优酷的焦点「我的」页面信息以卡片的形式呈现,会员购买入口以色彩倾向的色彩设计表达其重要性;优酷首页选择的卡片中也有「全网独播」等角标的设计在每个模块中都非常引人注目,很容易捕捉到用户的视觉焦点;苹果手机以绝对焦点的方式向用户设计了当前日期的红色选择。界面平衡是指布局元素上下左右比例相对适中,给人一种稳定平衡的视觉感觉。界面平衡是指布局元素的上、下、左、右比例相对适中,给人一种稳定和平衡的视觉感觉。平衡的布局设计可以使图片稳定,不会产生上下比例失衡。平衡的比例构图令人愉悦,而不平衡的设计会导致不稳定的分散注意力。视觉平衡是指设计中负元素与正元素的比例相对合适,设计师的作用是发挥元素视觉重量的构图平衡。8.字体的选择。很多时候,一些设计师希望在制作界面时统一整个字体。最好的方法是嵌入文本包,但这增加了代码包的负担,所以我们需要选择。许多国内Android手机都有自己的系统字体。有必要调查真实机器的效果(如果差异不大,则必须嵌入字体)。苹果和Android的常用字体如下。9.有节奏感的布局设计有多种节奏感的设计表达形式。更常用的是在统一的风格节奏中穿插不同的模块,使页面的节奏感更加跳跃和灵活,比如Medium、网易云音乐的布局设计采用节奏感的设计方法。跳跃的节奏感给人一种活泼、时尚、现代的感觉,不会让画面单一枯燥地呈现给用户;灵活的节奏感也为许多付费内容提供了很好的呈现方式。10.不同行业的常用版本,内容信息和购物产品相对较小,许多图片、视频和音乐产品相对较大,我整理了常用参数,方便设计师查看和参考,不需要每次测量许多产品11。多端思维布局设计,根据平台特点的布局设计,我们发现很多产品的移动终端布局设计会不同于Web终端网页的Feeed流布局设计结构。如果是,你会这样排版吗?事实上,这种布局设计是有原因的。首先,移动终端通常使用文本标题来吸引人们的注意力,而图片在移动终端上显示较小,因此许多图片的清晰度和内容呈现不够清晰。第二,与移动终端不同,网页终端的图片很大,可以起到很好的作用,也正是因为网页终端的呈现空间很大,所以当标题相对较短时,如果仍然遵循移动终端的结构,然后标题和图片之间会有空白,导致视觉浏览不连贯,这就是为什么不同平台的布局不同。12.布局中色彩的对比应用主要包括经典的三种——纯度对比、色相对比、明暗对比。如果界面设计师掌握了这三种常用的对比技术,他们可以在界面设计中灵活自如地创造出良好的色彩对比纯度对比。我们可以看到,在这种情况下,进度条采用低纯度蓝色和高纯度蓝色和绿色制作色彩对比,形成层次对比。使图片非常有活力的明暗对比图片的主要背景颜色左侧为白色,右侧调整为黑色,通过色彩亮度对比可以显示整个界面的层次感,使整体感觉呈现简单和高质量的风格(现在许多产品适合深色模式,可以向用户展示两种用户体验)如何使用五个步骤,快速设计优秀的深色模式?深色主题是应用界面设计的最新趋势。阅读文章>>不难看出,与整个界面的主色调相比,颜色是以绿色为基础的。橙色在绿色中的应用非常鲜明,形成了强烈的对比,让用户清楚地知道这是一个强大的引导入口。13.图片布局率的有效利用。当我们在网上购物时,我们通过图片的第一印象获得更多的产品,因此,图片在购物网站上的比例可以尽可能适合自己的产品特征,使布局设计更好;常见的图片尺寸为16:9、4:3、3:2、1:1、2:1、1:0.618(黄金比例),如淘宝、京东的产品图片,在有限的空间内,正方形比例的呈现是最大的空间展示;优酷采用16:9的比例更符合人眼浏览视频的习惯。14.界面设计中布局设计的软硬关系,以突出功能或布局「活跃性」必要时,必须添加一些元素来衬托,此时不妨尝试以下软硬搭配方法,能起到很好的效果。曲线和圆角使界面通过曲线和圆角变得更加「柔和」,例如,在以下产品顶部位置的背景层处理中,通过使用柔和的弧线,整个画面不那么僵硬。在界面设计中,我们经常在图片上添加icon,因为我们确保界面元素的存在,而不失去质量,此时,通过增加过渡蒙古层的效果,可以增加icon,这不仅可以保证功能,还可以保证美观。线性浮层通过线性设计技术风格图片和功能入口,是一种清晰的界限「生硬」设计方法,让界面感觉刚硬强烈15.「高级感」布局设计有一种高级感的布局设计,采用大留白和大卡片的布局设计,突出整个产品的气质,使产品独特,如以下三种产品,使用卡模块化设计,内容突出少量文本使用颜色重量对比和修改句子,再加上高质量的图片,使整个界面非常先进。16.差异化布局设计方法设计工作,常用的方法,主要目的是实现同类功能入口,发挥脱颖而出的效果,典型的代表是增加动画效果或角标等装饰设计。例如,在品多多的入口中增加了icon的动态效果和角标的动态效果设计。红包的表现手法特别用于新人专属场所,使元素移动;在蘑菇街的入口处,直播入口的头像被动态设计,增加了视觉引导。以上是我在实战中为您整理的常用布局设计技巧,希望对大家有所帮助,提高自己的设计能力和水平。这里还是希望同学们对文章进行点赞和关注,留言区评论。在这里,我仍然希望学生们能表扬和关注这篇文章,并在留言区发表评论。让文章中的知识点从更多的角度融入到实际工作中。

以上就是关于保姆式分享:提高UI质感的小技巧的相关介绍,更多保姆式分享:提高UI质感的小技巧相关内容可以咨询我们或者浏览页面上的推荐内容。我们将让你对保姆式分享:提高UI质感的小技巧有更深的了解和认识。

内容来源:网络,以上内容来源于网络,不代表本站观点,如有侵权,请联系删除。

推荐阅读

青岛财务软件哪家好?这4款精品轻松解决账务烦恼

由于工作的压力和强度,财务管理板块可以说是企业中最复杂和混乱的一块,也是非常难攻破的磐石,财务软件也是企业内部会计必不可少的工具,青岛财务软件哪家好?以下这4款精品软件轻松解决账务烦恼。  1. 用友青岛财务软...查看详情

1tb是多少g内存

1tb等于多少个g?1tb理论上是1024gb我们买到的标注1tb硬盘或者标注1tb容量的存储设备的实际容量约为931G。一、存储器中所包含存储单元的数量称为存储容量,其计量基本单位是字节,单位是Byte,简称B,8个二进制位(bit)称为...查看详情

2021六大客户档案管理系统排行榜单推荐

客户档案管理系统才能出不起,评判一个系统好坏的标准也不一样,有些系统看似操作简单,实际功能扩展性不行,有些软件复杂,但胜在扩展性能好,如果你想为企业挑选一个适合的系统,那么这份2021六大客户档案管理系统排行榜单可收藏…查看详情

团队管理软件是什么?团队管理软件核心功能介绍

在现在的市场经济的大环境下,越来越多的人士逐渐认识到用计算机技术进行各类管理,交流的便捷,其中最突出的要算企事业单位的人事工资管理了,为了提高人事工资管理效率,减轻劳动强度,提高信息处理速度和准确性,对团队管理软…查看详情

多人视频聊天哪个好 什么软件支持多人视频聊天

现在多人视频通话是很多社交软件的主流,下面万商云集小编给大家来盘点下多人视频聊天软甲这方面的内容。希望大家能喜欢。   TikTok抖音国际版  基本信息:TikTokapp可以说是抖音短视频国际版,TikTok抖音海外版为海外用户提供的短...查看详情

好用的杀毒软件有哪些 杀毒软件排行榜

  现在整个网络环境是非常的糟糕的,很多病毒都入侵别人的电脑,下面万商云集小编给大家来详细介绍一下好用的杀毒软件有哪些 杀毒软件排行榜这一块的内容,今天给大家分享5个杀毒神器,让你的电脑干干净净,建议收藏起来哟!…查看详情

功能全的服装收银系统有哪些?服装门店收银全靠它

对于服装店面经营者来说,店面收银系统却不仅仅是每天卖了多少件衣服,收银系统还需要与会员机制、进货与库存总量、销售额与净盈利核算等内容紧密衔接。那么满足以上需求的功能全的服装收银系统有哪些呢?今天介绍几个好评不断的…查看详情

任务管理器快捷键是什么

  任务管理器是在Windows操作系统中管理计算机中正在运行的进程,服务和应用程序的一种工具。使用任务管理器可以结束不响应的应用程序,检查系统资源使用情况,以及诊断其他计算机的问题。在Windows中,有几种任务管理器可供选择:传…查看详情

好看到爆炸的安卓壁纸软件,用完不后悔

不知道有没有人和小编我一样,换一个手机壁纸,就感觉好像换了一台新手机?如果你也有和我一样的感觉,千万不要错过我这次的文章,这次的文章,小编将给大家推荐几款好看到爆炸的安卓壁纸软件,下面就由我来带大家介绍。1.4KWallpaper4…查看详情

windows自动关机怎么设置

  Windows自动关机怎么设置?  在Windows系统中,我们可以通过“任务计划程序”来设置自动关机,具体操作如下:  1.打开计算机的“控制面板”,然后点击“管理工具”中的“任务计划程序”进入任务计划程序窗口。  2.在任务计划…查看详情

charger是什么充电器

CHARGER是什么牌子的充电器电瓶车的?charger是SHOI品牌充电器,名字叫概率充电器。著名的电子产品品牌SHOI刚刚发布了引领世界潮流的下一代电子产品——概率充电器(charger)。SHOI概率充电器由n-1条导线连通了n个充电...查看详情

国美商城网上店铺怎么开?

在家开网店的详细步骤?开网店的详细步骤包括:1.选择并注册一个品牌名称。2.选择要销售的产品类别。3.准备好产品图片、价格信息和购买须知。4.搭建一个完整的电子商务网站或者使用市场上的电子商务解决方案。5.选择支付方式,如PayPal、…查看详情

服务器硬件防火墙是什么?

  优质答案(1)  不一样,首先要看自己的财力,安装高级别防火墙,需要大资金,一般的容易被攻开,每道防火墙都有自己的定律,没有千篇一样的  优质答案(2)  防火墙是不一样的,不通用。防火墙可以采取多种形式,从专用设备,到…查看详情

适合女人9个小生意

  1、美容美发  美容美发行业一直是女性创业者的重点,小到开个小小的美发店,大到开一条整合了美容美发、SPA等多种服务的综合美容店都是很受追捧的。  2、网络销售  利用互联网开设网店,销售当地特产或一些女性用品比较适…查看详情

从crm系统排名看,哪家是最优选择

在现今产品已无太大差异的市场中,企业都已经在靠着谁的服务更好来提升企业核心竞争力,crm系统的出现便正好满足了企业的需求。今天小万就来聊聊市场中都有哪些crm系统品牌,crm系统排名不分先后。图片来自网络crm系统排名顺序随机,…查看详情

首页

产品

万商学院

客户服务

会员中心

当前站点

h

选择站点

全国站成都

一 客户顾问-张三

已为0个客户提供专业互联网服务咨询
  • 手机号码
  • 验证码图形验证码换一张
  • 短信校验码

    电话咨询

    在线咨询