赞助商
立即赞助

第三波!快速提升 UI 设计效果的 6 个小技巧

UI设计3年前 (2021)发布 流光
4.2K 0 0

编者按:行 UI 设的时候,很多小技巧能够恰到好处提升界面的设视觉效果、用户体验。这篇来自Mark Andrew 的章梳了 6 个实性很强的 UI 效果升小技巧,是系列章的第篇,原最早发布于 marcandrew.me 。

创建实用、可访问性良好且视觉效果颇出彩的 UI 界面的时候,我们多只需行限度的微调,即可达到颇不错的效果。之,我已撰写了很多实用的 UI & UX 优化小贴士(看完文章文末获取),这篇文章继续增加 6 条实用的建议,一起看看吧!

1、让视觉元素的设计特征保持一致

第三波!快速提升 UI 设计效果的 6 个小技巧

UI 设计师是习惯的创者 ,另一方面,户希望你的设计够符合预期。

换句话,UI 设师可能用一致的设归训用户,用户也可以通过一致的设构建起习惯预,所以,布局,图标,配色按钮将用户统一到一起,降低混乱度,改善用户体验。

2、大胆使用留白来布局

第三波!快速提升 UI 设计效果的 6 个小技巧

留白,或者说负空间,可是绝大多数的 UI 界面优的最佳工具。

很多 UI 界面只需当增加留白,就能够将整体的视觉效果拉高一截,它可以让元素元素之间的呼吸感强,整体感知加优精致。

3、优化开头段落样式

第三波!快速提升 UI 设计效果的 6 个小技巧

如果你要呈现的是长篇容,通开头的落会对全容进行总结性的引导,问题,引起户的注意,那么你需要它的功性更强一点。

实这一点,其实也不复杂,就针对这部分一些针对性的样式优化就可以了。

最简单,使用不体,或者增加,提高高,让这部分视觉量过其他部分即可。这样可以让用户更快注意到这部分,并留下更好印象,并增加内容信息层级。

4、为快速扫读进行段落优化

第三波!快速提升 UI 设计效果的 6 个小技巧

处理篇内的时候,短句短的段落会加契合当下用户的阅读习惯。尽可能使用简短力的分段,让用户可以消化内。

5、使用更富凝聚力的配色方案

第三波!快速提升 UI 设计效果的 6 个小技巧

是否心爱纲要创建更专的视觉格?那么你最好使一套预先定义好的配色方案。

色彩从都不多多益善,加集中的配色能够给用户加清晰明确的感知。

从开始创套强大而明确配色案,并坚持使用下去,这样可以避免麻烦,并增加个设计致性。

6、使用8pt 网格系统,均匀排布图标

第三波!快速提升 UI 设计效果的 6 个小技巧

会注意到绝多数的图标系统,使用的图标尺寸多数 8 的倍数,比如 16×16,24×24,32×32,所以当使用 8 pt 的网格系统,会很好同这些图标系统兼起。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

今天跟大家聊一聊如何制定iOS的系统图标栅格系统的那些事。众所周知,在图标设计中都会使用统一的系统图标栅格系统。那么iOS...
App图标
唱吧来到了2018年,已经积累了大量的各年龄层的用户。设计团队在之前的版本设计语言保持中性,以展示内容和功能为主。 作为...
App改版
Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则。它们被称为「启发式」,因为它们是广泛的经验法则,而不是特定的可用性...
交互设计
一、字体设计的价值 文字是图像记忆的一种衍生方式,人们为了简明地表达事情、物品、人物等情景画面,而演变出的简明的记载方...
产品设计规范
一、移动互联网开启了新金融时代 为了探索移动互联网的普及以及用户对金融服务的需求变化,在2017年腾讯用户研究与体验设计部...
服务设计
编者按:本文网易设计师用「FishDesign企业级UI组件库」项目为例,通过在网易七鱼产品中的应用,来介绍一个企业级 UI 组件库...
B端设计
照片是记录生活的重要手段,在智能手机如此普及的今天,谁的手机里面又没有几百上千张照片呢?这些记录关键时刻的图片,对于...
Tubik Studio
网易UEDC – 朱子健、蒋蕊遥 :良好的交互规范可以很好的帮助企业、团队提高产出,保证用户体验。 一. 规范很重要 规范和秩序...
交互规范