服务热线:
18971120504
图文展示
衍果视觉设计培训学校

UI设计小技巧快速提升你的设计水平面

设计软件都学会了,但是你的界面设计能力为什么总是没法得到提高呢?来看看这五个步骤吧!帮你轻松改善UI设计技能



UI设计小技巧快速提升你的设计水平面



1.学会在界面设计中使用人类感知法则
您的设计是否遵循人类感知的规则?很好地了解它们是一件好事,因为没有这些知识,您将无法真正解释你这么做设计的背后的原因是什么。下面这些是你最应该知道的几个法则:


邻近法则
如果存在多个元素,则彼此接近的元素将被视为一个组(即使它们看起来不同)。


这就是为什么在元素和部分之间保持正确的距离和边距如此重要的原因。不要不敢用留白—确保留白大约占设计的50%。它使UI看起来干净整洁,并有助于保持元素的正确层次结构。


UI设计小技巧快速提升你的设计水平面



雅各布定律
“用户将大部分时间都花在了其他站点上”。您肯定以前听说过,对吧?通常,所有这些都是关于使UI元素看起来对用户熟悉的。在许多情况下,过于创意的UI设计可能会让人不知所措。


我们都不喜欢我们不了解的东西。如果您必须在标准和不寻常的视觉解决方案之间进行选择,请选择标准,易于理解且众所周知的解决方案。


隔离效果
也称为冯·斯特罗夫效应(Von Restroff Effect),它表示当它们存在很多元素时,不同的元素会引起最多的关注,并且更容易记住。例如:这就是为什么在设计CTA按钮时,必须确保其颜色突出!


UI设计小技巧快速提升你的设计水平面



2.尝试不同的设计风格和趋势
您的客户可能想要你为他们做一种不同风格的UI界面,这种事情经常发生,也许你可能不喜欢目前正在流行的设计风格或趋势,但最好至少尝试一次,看看自己是否适合您,并学习如何以防万一。


UI设计小技巧快速提升你的设计水平面



3.简化字体使用
设计师通常会在设计中使版式复杂化,并在设计稿中使用过多的字体。但事实是,简单的,少量的字体即可创建令人惊叹且有用的UI。


比如:2或3个无衬线字体,1个衬线和1个装饰性字体(手写,但足够简单以至于易于阅读-有时可能会派上用场)。(译者注:对于中文来说,也一样,我们大部分时候只要使用系统默认字体即可达到很好的效果。)



图片


4.了解认知负荷并尝试将其最小化
可可·香奈儿(Coco Chanel)曾经说过“离开家之前,照镜子并卸下一个配件”。我相信它也可以应用于UI设计。


当同一个界面有太多元素时,用户很难专注于最重要的元素。在进行最终设计之前,请尝试删除最不必要的内容


也许按钮不需要这些复杂的效果?也许背景可能更简单?也许您可以减少字体大小和样式的数量?


UI设计小技巧快速提升你的设计水平面


5.检查UI元素的可访问性
我鼓励您更多地了解用户界面中的辅助功能,并制作自己的辅助功能清单。每次设计界面时,请遍历清单以确保界面遵循规则。这里是其中的一些:


· 元素之间的对比正确吗?尝试使用“ 对比度检查器”工具。· 是否每个可点击元素都具有正确的触摸目标?(最小值约为44x44px)。· 文字是否足够可读?(最小字体应为12pt)。


确保UI的可访问性和可读性经常被设计师忽略-有所作为,设计简单友好的产品,让每个人都可以轻松使用!这才是优秀设计师最应该做的。


UI设计小技巧快速提升你的设计水平面



联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504