改进 UI、UX 设计的 7 个快速技巧

想要成为资深的 UI 设计师需要很长的时间去锻炼,你应该对整个设计过程有很好的导向,了解整体 UX 和 UI 设计原则,成为 Figma 等原型设计工具的大师等等。另一方面,从快速提示中学习是获得行业标准启发和引导的有效方法,让我们从七个快速技巧开始吧!

空白间距

不仅仅是在卡片内部,你还应该设置适当的间距,以便提供更好的定位和清晰的设计外观。最常见的间距方法是 8 点网格系统,它定义了所有间隔都应为 8 的倍数。请确保遵循这一原则,不要将间距设置得太小,以避免界面给人一种拥挤感。

单选按钮

在某些情况下,你可以尝试使用其他解决方案进行选择,而不仅仅是简单的单选按钮。例如,使用图标使其更具视觉吸引力。

行长度

这个技巧真的很重要,为了提高可读性,单行文本应包含 70-80 个字符。

安全区域

请确保按照官方指南尊重安全区域。对于 iOS 产品,你可以在人机界面指南中找到它们。你的设计不应与这些区域重叠!检查下图中的 iOS - iPhone 11 Pro / X 示例。

底部导航滚动

移动应用程序的底部导航最多应有 5 个按钮,这也意味着用户无法水平滚动菜单。

主按钮

始终尝试传达按钮的层次结构,放置太多没有任何区别的主要按钮,将使用户的决策过程变得更加复杂和具有挑战性。

字体

对于大多数界面,你应该使用无衬线系列的字体。另外,保持界面内的字体数量较少,我不会在一个平台上使用两种以上的字体。

相关推荐
zhougl9963 分钟前
html处理Base文件流
linux·前端·html
花花鱼7 分钟前
node-modules-inspector 可视化node_modules
前端·javascript·vue.js
HBR666_10 分钟前
marked库(高效将 Markdown 转换为 HTML 的利器)
前端·markdown
careybobo2 小时前
海康摄像头通过Web插件进行预览播放和控制
前端
TDengine (老段)2 小时前
TDengine 中的关联查询
大数据·javascript·网络·物联网·时序数据库·tdengine·iotdb
杉之3 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
喝拿铁写前端3 小时前
字段聚类,到底有什么用?——从系统混乱到结构认知的第一步
前端
再学一点就睡3 小时前
大文件上传之切片上传以及开发全流程之前端篇
前端·javascript
木木黄木木4 小时前
html5炫酷图片悬停效果实现详解
前端·html·html5
请来次降维打击!!!5 小时前
优选算法系列(5.位运算)
java·前端·c++·算法