发布时间:2022-03-15 08:42:30来源:转载
在进行 UI 设计的时候,很多小技巧能够恰到好处地提升界面的设计视觉效果、用户体验。在创建实用、可访问性良好且视觉效果颇为出彩的 UI 界面的时候,我们大多只需要进行有限度的微调,即可达到颇为不错的效果。这篇文章继续增加几条实用的建议,一起来看看吧!
UI设计效果提升小技巧
1. 少用点色彩一样可以让视觉充满凝聚力
如果你的设计项目可以让你在颜色选择方面有更多的自由,不要总是倾向于用花哨的彩虹色来包装它。
如果你沿着彩虹系的配色走下去,你可能会很快发现你所选取的色彩总会在视觉上显得不那么协调。
实际上,你只需要基础的色彩,然后基于这个颜色,借助微调明度和饱和度来拓展配色方案,就能够得到更加均匀、更加具有凝聚力和专业感的外观了,不需要闪亮的彩虹色和复杂的配色技巧,同样能够拿出好设计。
当然,基于基础的颜色搭建出配色。
2.抓住用户的注意力的技巧
UI 可以是干净简约又直观的,但可用性和易用性更重要,不能以牺牲用户体验为代价。对于关键信息,UI元素需要有足够的对比度,以抓住用户的注意力。
对于像选项菜单这样简单的东西,请确保用户在浏览的时候,能立刻注意到所选的项目。
相比于小巧的选框,使用彩色的背景来进行区分,会更加直觉,也更容易被用户所识别出来。
3. 使用细文本的时候加深颜色
当涉及到长篇文本内容的时候,如果字体是普通粗细,使用可读性有所保障的某种灰色是目前多数设计师的选择,它相比于黑色更加优雅,不会显得对比过于强烈导致视觉感知上的突兀。但是当字体文本非常细的时候,灰色的可读性可能就存在问题了。
这个时候,可以通过使文本变暗,让尽可能多的用户在阅读的时候不会出现可用性的问题。
4. 让界面上较重要的元素更加突出
在做 UI 设计的时候,你总会希望用户的眼睛每次都能、地被关键的元素所吸引,并且只需付出较少的认知努力,不会觉得费劲。
通过控制 字体大小、字重、颜色和布局等视觉层次,您可以轻松突出较重要的元素:重要的元素字体更大、字重更粗、颜色有差异、在排版的时候更加突出。
5. 打消用户的顾虑,让用户放心点击下一步
当用户在 UI 中需要进行重要操作的时候,尤其是面对某些带有号召性用语的按钮,请确保用户对于当前的局面有充分的了解,不会对接下来可能发生的事情一无所知。对于一些常见的、可能普遍存在于用户内心的顾虑,一定要提前考虑到,并提供说明。
改善用户体验的每一步,都不要让用户在交互的历程中的任何环节产生质疑。
6. 请对 CTA 元素的设计「更自私」一点
引导用户行为的 CTA 按钮必须是屏幕上较关键的元素之一,它理应得到较高的视觉优先级,换句话说,就是应该尽可能「自私」一点,将较吸引人注意力的颜色分配给它,让用户不会将它和其他的 UI 控件在优先级上出现混淆。
当然,你也可以在尺寸、形状等方面更进一步设计,但 CTA 按钮应该保持一种突出的颜色,仅此一项,就可以规避掉绝大部分的问题。
一级建造师 二级建造师 消防工程师 消防设施操作员 BIM 造价工程师 环评师 监理工程师 咨询工程师 安全工程师 建筑九大员 公路水运检测 通信工程 智慧消防工程师 装配工程师 一级注册建筑师 二级注册建筑师 注册电气工程师 智慧建造工程师 房地产估价师 EPC工程总承包 碳排放管理师 雅思 托福 GRE 托业 SAT GMAT A-Level ACT AP课程 OSSD 多邻国英语 考研英语 英语四六级 商务英语 青少儿英语 少儿英语 剑桥英语 职场英语 个人提升英语 旅游英语 英语口语 出国英语 初高中英语 学生英语 成人英语 公共英语 词库 经济师 初级会计师 中级会计师 注册会计师 基金从业 证券从业 薪税师 银行从业 CMA ACCA 会计实训 税务师 CFA 企业合规师 审计师 FRM 高级会计师 税务师 期货从业 CQF 真账实操技能 葡萄牙语 日语 德语 法语 韩语 西班牙 意大利 高考小语种 粤语 泰语 俄语 阿拉伯语 电商视觉设计 影视后期 剪辑包装 游戏设计 游戏程序 UI设计 室内设计 UXD全链路 平面设计 CAD设计制图 商业空间设计