艺考网
当前位置:艺考网 > 经验技巧

UI改版技巧,首先调整一下行高

作者:王秋霜 发布时间:2024-01-23 18:00:54 来源:艺考网 标签:设计

1、适当留白,调整行高,提升用户的易读性。

2、将大块文本分离成更小部分,方便用户掌握、消化。

3、文本信息与背景相融合时,为图像添加一个渐变叠加。

4、使用圆角卡片时,对末元素使用双倍距离,对头像使用24px填充,并将图标间距加倍。

5、使用具有圆角元素时,在较大形状上使用两倍大圆角半径,头像使用18px圆角,卡片使用36px圆角。

UI改版技巧,首先调整一下行高

一、UI改版技巧

1、首先第一个是文本行高

使用排版的时候,我们应该适当的留白,文本越小,行高越大,文本越大行高就越小,所以我们应该适当的去调整一下行高,提升用户的易读性。

2、第二个是亲密层级

我们可以将大块的文本分别成更小的部分,这样可以让我们的用户掌握和消化,也是利用了就近原则老对彼此相关的相似信息进行去分组。

3、第三个是渐变蒙版

文本信息与背景相融合的时候,为图像添加一个简单的渐变叠加,使文本更易于阅读,可读性较高。

UI改版技巧,首先调整一下行高

4、第四个是双倍距离

使用圆角卡片的时候,对末元素使用双倍距离,UI看起来会更加平衡,对头像使用24px的填充,并将图标的间距加倍可以让视觉上的感受更加舒适。

5、双边框圆角半径

使用具有圆角的元素时,在较大的形状上使用两倍大的圆角半径,头像使用了18px的圆角,卡片使用36px的圆角。

6、给头像描边

在复杂背景使用时,头像往往会融入背景,为了防止混合给头像添加白色描边更加容易区分。

UI改版技巧,首先调整一下行高

二、什么是UI设计中的网格系统

1、网格系统是由一系列水平和垂直交叉参考线构成,将页面分割成若干个有规律的列或格子。

UI改版技巧,首先调整一下行高

2、再以这些格子为基准,控制页面元素之间的对齐和比例关系,从而搭建出一个具有高度秩序性的页面框架。

本文由作者上传并发布(或网友转载),本站仅提供信息发布平台,文章仅代表作者个人观点。
如何让设计更加规范,内容的表达方法必须达标
设计规范本身的质量:设计规范自身的质量必须达标,这种质量既体现在内容上,也包含内容的表达方法。内容严谨、有依据:设计规范的内容要准确,要有依据和来源,经得起考验和质疑。建议引用业内认可的原则和法则来证实自己的规范。表达精简、客观:客观用语、
UI的切图规范,切图尺寸为偶数
图标最小点击区域:ios系统中最小可点击尺寸是44×44px,切图时要大于该区域,并确保图标的大小相同。切图尺寸为偶数:对于750×1334px的设计图,前端在以单倍数375×667开发时,尺寸会除以2,若为奇数,则会导致小数点不清晰。压缩
UI设计中的图标类型,常见的有表意图标、互动图标等
UI设计中的图标类型包括表意图标、互动图标、装饰性和娱乐性图标、应用图标、Favicon等。表意图标:指解释特定功能、划分内容类别的视觉标记,使用时常搭配符合其意义的文案,以便人们能更好地识别、理解它要表达的含义。互动图标:可直接参与交互过
怎么优化NFT界面,首先要注意界面头部的设计
注意界面头部的设计,需要将信息进行归类分层展示并在分类标签中加入图标。若拍卖模块的指示器偏小,可直接露出右侧卡片,提升用户的滑动欲。于下方放置广告图,并注意底图的颜色配合。必要时,可适当倾斜底图,并添加一层与背景色相同的遮罩。注意卡片长度,
黄金分割logo法是什么,以下2种方法均可
方法一:黄金比例即1:0.618。首先画圆,然后双击比例缩放工具将比例值设为61.85,然后点击复制,按住快捷键ctrl+d重复复制,即可得到多个黄金比例的正圆。方法二:画一个正方形,原地复制一个并拉圆形,然后按照一个大的方形等于两者之和的
游戏UI好还是游戏原画好,二者的工作内容不同难以比较
游戏UI设计和游戏原画设计各有优点。游戏UI设计:主要负责游戏用户界面,要求绘画功底及沟通能力好、创新能力强。游戏原画设计:主要负责角色原画和场景原画设计,对于绘画技术、创造力、想象力的要求比较高。
游戏动画设计需要学多长时间,3-6个月左右
不同培训机构开设课程的学习时间有所不同,但大多数在3-6个月左右不等。如果是零基础且以就业为目的,推荐选择学习时间约6个月的培训机构进行全方面系统学习。先掌握路径动画、目标注视动画、方向控制动画以及游戏特效动画和场景动画的制作,然后学习关键
工业设计专业学什么,主要课程有哪些
工业设计专业需要学习的内容包括产品的市场调研、设计构思、结构设计、形态设计、交互设计以及包装、装潢、广告和展示设计等,主干课程:美术基础、设计手绘、设计概论、设计形态与表现、工业设计方法学、工业设计史、设计心理学、人机工程学、产品创新设计、
设计字体的方法,笔画一定要有粗细变化
替换法:在保证字体识别度的前提下用适当的图形或符号来替换字体当中相应的部分。共用笔划法:即一个笔划同时被2个或2个以上的字体所使用,从而实现整体视觉连贯性。卷叶法:适合用于柔软女性产品,因视觉上有如叶片一般卷曲,可很好的表现出动感。断肢法:
场景设计包括什么内容,包括主题设定、场景风格确定、场景设计构图等
场景设计可分为主题设定、场景风格确定、场景设计构图、场景色彩、光影氛围、场景细节添加等。主题设定:明确游戏发生的时间、地点等背景,布局构建出场景的基础骨架,常见主题有科幻、剑侠、中世纪、魔幻等。场景风格确定:确定场景风格,分为写实与非写实类