改善UI / UX设计的最基本技巧

2020/10/16

|

Medium

|

A Smith

一个网站不仅仅是一个链接页面。您看到的项目是个人,公司或团体相互交流和相互影响的空间。这种互动为访客创造了一种体验。作为一名 Web 设计师,确保良好的体验。



以下是一些技巧,以确保您为客户提供出色的 UI / UX 设计和开发服务。

定义人们如何使用界面

在设计界面之前,一定要定义人们的使用方式,这一点很重要。基于触摸的设备的普及率越来越高,这是您可能想到的更为关键的问题。

设定基本期望

与网站或应用程序的多次交互会产生后果或影响:例如,单击按钮可能意味着花钱,删除网站或对某人的目的地婚礼发表贬低的评论。随之而来的是焦虑。
因此,必须确保让用户知道单击特定按钮后会发生什么。您可以通过精心设计来做到这一点。

注意留白

为了使UI设计合理,请确保您添加了很多呼吸空间。B&W设计迫使设计师在考虑颜色之前考虑间距和布局,这是一件好事。如果作为设计师,您曾经从头编写过HTML代码,那么您应该熟悉默认情况下HTML在页面上的布局方式。
从用户的角度来看,在设计页面时有必要提供最佳的空白空间,以使页面看起来不混乱。

整齐地放置元素

根据菲茨定律,这是人机交互的基本原理,“获得目标的时间取决于目标的距离和大小。
换句话说,越靠近或放大元素,将光标或手指放在上面的速度就越快。出于明显的原因,这对于交互和用户界面设计技术具有各种含义。
首先,您应该使按钮和其他“单击目标”(例如图标和文本链接)足够大,以便于查看和单击。这对于排版,菜单和其他链接列表非常重要,因为留出的空间不足会使人们一次又一次地点击错误的链接。
您应该使最常见操作的按钮更大,更突出。重要的是,保留导航和其他此类常见的交互式视觉元素,例如屏幕边缘或角落的搜索栏。尽管它看起来似乎违反直觉,但它之所以有效,是因为它减少了对准确性的需求:用户无需担心过高的点击目标。
遵循元素放置和大小的思路,确保牢记交互模型。如果网站需要水平滚动而不是垂直滚动,则应考虑在何处以及如何引导用户使用这种异常的交互类型。

从优秀设计师那里学习并汲取灵感

借鉴也是灵感的来源,是创作家数百年来一直使用的极为有效的方法!借鉴只是为了尽可能提高UI / UX设计技能的逆向工程或创新工作。重新设计超出我们当前水平的作品可以极大地帮助您移出舒适区域,然后您将扩展视觉设计技能。
在这个世界上,没有什么是完全的。我们知道,每个新想法通常只是一个或多个以前使用过的想法的混合。创新者学会如何使用和应用这种技术到实际项目中。

黑白稿

在添加颜色之前进行灰度设计的过程简化了视觉设计中最复杂的元素。不仅如此,它还迫使您专注于间距和布局元素。
如今,UX设计师开始设计移动优先体验。这说明您需要考虑一下页面和交互如何在电话上工作,然后才能在数百万像素的显示器上显示它们。
这样的约束是值得称赞的。这样的过程澄清了思想。您要做的是先解决一个较难的问题,然后对较简单的问题采用解决方案。
另一个类似的约束是您应该先设计黑白稿。您可以从更艰苦的问题开始,即以各种方式使应用程序美观和可用,而无需借助颜色。最后,有目的地添加颜色。

结论

UI / UX设计和开发服务是网站的基础。作为设计师,您有责任为您的访客和客户提供最无缝的体验。UI和UX设计并没有陡峭的学习曲线,但确实有很长很长的曲线,您越深入,学习就越多,成长就越多。