图片加载中...

图片加载中... 十六年IT教育机构

图片加载中... 软件定制开发

首页>新闻动态>UI设计技术文章

同样的UI设计风格,为啥别人的更好看?下篇

更新时间:2024-03-08

在移动APP设计中,同样的UI风格,同样的布局设计,但为什么别人的就比较好看呢?这通常是设计细节上出问题了,金源万博和你一起分享UI设计技巧,这些技巧不仅实用,还能提升UI视觉效果,我们来一起学习吧!

7、微调明度让文本更显轻盈

在长篇幅文本当中,如果文本字体使用「常规」的粗细,视觉上依然显得有点过于重,可以通过微调它的色彩,选择诸如 #4F4F4F 这样的色彩,让它对眼睛更加友好、舒适。

8、凸显菜单中最常用的功能和操作

在设计程序菜单的时候,优先级最高的功能和选项应该高亮显示,在屏幕上保持显眼,比如「上传图片」等等。

9、从产品图中提取背景色

基于你的核心产品图片的色彩来取色,用于背景、文本和其他的的视觉元素,然后合理地分别给不同的元素赋予不同的视觉效果。而这其中,背景色的一致性能够给整个视觉带来最直接、最直观的影响。

10、使用更大的可点击区域

在给移动端设计UI界面的时候,这些控件和可交互的元素要尽可能地大一点,确保用户的手指能够准确地点击到所看到的元素。使用按钮控件替代文本链接,结合指引性的图标,并且确保尺寸足够大。在iOS 中,最小的按钮尺寸为 44×44 pt,在 Android 当中,为 48×48 dp 。

11、确保浅色文本和图片之间的对比度

浅色文本和浅色图片之间的对比度可能会不足,这个时候,可以在文本底下增加一个深色的半透明叠加层,从而达到提升对比度的效果,并且这种设计的好处在于,当你更换背景的时候,前景文本可以不用进行调整。

12、给进度条增加更加清晰的信息指引

尽可能在进度条,尤其是下载进度条当中,提供更多的信息,比如下载的进度和百分比,并不复杂,但是这却是用户最想获得的信息。

分享到:

上一篇:同样的UI设计风格,为啥别人的更好看?上篇


下一篇:没有了

相关课程MORE>

图片加载中

WEB前端全栈开发就业班

前端开发就是利用各种Web技术进行产品的界面开发...

图片加载中

UI全栈设计就业班

让学生快速达到一名UI界面设计师的标准...

图片加载中

PHP高级架构开发就业班

广阔的发展空间,需要新型的技术人员...

图片加载中

Python大数据分析就业班

高层次的结合了解释性、编译性、互动性和面向对象的脚本语言。...

图片加载中

Linux云计算运维就业班

云服务器是一种简单高效、处理能力可弹性伸缩的计算服务。...

图片加载中TEL:010-83650488

图片加载中