当前位置: 首页 > 科技观察

第一波!设计师必须注意的 12 个 UI 设计小技巧

时间:2023-03-19 02:22:16 科技观察

第一波!12个UI设计技巧设计师必须注意的Tips,这些技巧虽然零散,但是很好的总结了UI设计中的一些常见问题。将这些技巧与对您的设计的快速检查相结合,将使您能够找到并修复许多常见的故障。1、尽量避免使用轮播指标。大多数用户只会向下滚动页面。大多数时候,用户不会滚动浏览水平翻页的轮播。轮播往往很难快速引起用户的兴趣。如果您可以尝试删除此功能,或使用其他选项控件来替换它。2.使用方向性按钮标签文本按钮标签文本内容应该始终指向一个明确的动作,告诉用户点击按钮后会发生什么。避免使用“下一步”、“好的”和其他模棱两可的动作名称。避免像“确定”或“下一步”这样含糊的动作。按钮的标签文本需要清楚地说明将要发生的事情。3、按钮文字也需要层次结构。当UI界面有多个按钮时,应该始终显示哪些操作是主要的,哪些是次要的。避免使对应于两个操作的按钮在视觉上完全相同,因为这会花费用户更长的时间来区分并且可能会造成混淆。清楚地显示哪些操作是主要的1,哪些是次要的2。避免使两个操作按钮在视觉上看起来相同4.避免笔画太细的字体。笔划太细的字体可能难以阅读,尤其是在正常字体大小下,并且会使文本看起来模糊。不重要。常规、半粗体和粗体字体更易于阅读并且具有更好的可访问性。避免在项目中使用细笔画的字体。5.icon风格要一致混合不同类型的icon(比如strokestylevsfillstyle)会让设计感觉混乱,尤其是触发很多icon的时候,会从strokestyle切换到fillstyles,不同的风格混在一起同样的状态,可能会与用户的认知预期相违背,导致混淆。所有图标都应该具有完全相同的风格、感觉和形式。不要混合填充图标和轮廓图标。6.按钮中留有足够的空白。缺少足够空白控件的按钮非常难看。一方面会让信息难以阅读,另一方面也会让设计显得不足。更安全的做法是文本距离边缘至少一个“x高度”,最好是两倍。避免在文本标签周围留有太少空白的按钮。7.避免使用红色星号来标识必填字段如今的移动表单设计往往不使用红色星号来强调必填字段,而是尽量只为用户提供必填字段,而错误的字段顺序会使填写表单非常耗时。如果可能,请更改文本以指示“可选”或完全删除这些字段。避免使用红色星号表示必填字段,尽量只让用户填写必填字段。8、避免使用多列表多列表虽然空间利用率较高,但体验和易用性并不好。使用排列在一栏中的表格将更清晰、更易于阅读和更易于填写。将表格保留为一栏以便快速阅读和填写。尽可能避免使用多列表格!9.尽量避免使用下划线来标??识表单中的字段。使用下划线表示需要填写的表格。要填写的表格。用户需要更长的时间才能将带下划线的字段理解为要填写的表格。输入字段具有清晰可见的边界并且易于理解。10、消息通知的属性、颜色、符号保持一致。对于信息不明确或自相矛盾的通知,很容易让用户产生混淆,主要是因为其含义(肯定或否定)和相应的视觉标志(如颜色、图标、符号)要相互匹配,否则用户很难理解以确定此信息的准确性。避免使用相互矛盾的信息和传达不明确的信息。清楚地告诉用户发生了什么以及接下来要做什么。11.避免使用太小的点击区域太小的点击区域会降低用户的舒适度,并且在移动和桌面UI上常常令人困惑。较大的控件尺寸更易于在桌面上使用。即使在桌面上,也尽量避免点击区域较小。12、尽量避免在表单输入框中使用圆边。圆形的表单输入框在视觉上不好处理。即使文本和输入框对齐,在视觉上也会很奇怪。