短短两小时内创建令人惊叹的旅行应用界面
2024 年 2 月 20 日

作为一名初学者UI设计师,我挑战自己在短短两个小时内创建一个简单而功能性的旅行应用界面;其中包括15分钟学习基本的Figma知识。目标是为用户提供沉浸式体验,让他们浏览应用的引导、登录/注册、发现和详情页面。

嗨,我将讲述我在短短两个小时内使用Figma的冒险故事,并为旅行体验创建一个令人惊叹的移动应用界面。

第一章:开始使用Figma #

Figma是一个强大的设计工具,可以帮助您创建交互式和视觉上吸引人的用户界面。它是基于云的、协作性强、用户友好的,是各个级别设计师的理想选择。

在15分钟内掌握基础知识 #

为了开始,我花了前15分钟熟悉Figma的界面。探索工具、图层和画板。观看一个快速教程,掌握基本概念和快捷键。

第二章:打造引导体验 #

在熟悉Figma之后,我通过创建引导屏幕开始了我的UI设计之旅。将引导视为用户对您的应用的第一印象 — 让其引人入胜并充满信息。

颜色、字体和组件 #

我选择了一个反映旅行冒险精神的色彩搭配,顺便说一下,我喜欢海滩,所以我选择了海滩主题。我选择了易于阅读但捕捉探索精髓的字体。幸运的是,Figma允许您创建和重复使用组件,使设计过程更高效。

通过画板讲故事 #

创建一系列引导用户完成引导流程的画板。使用图片和简短的文本片段讲故事。不要忘记添加一个呼吁用户继续前进的行动按钮。

第三章:登录或注册 — 您进入应用的通行证 #

接下来是登录/注册页面。我设计了一个干净简洁的界面,鼓励用户轻松登录或注册。Figma的布局网格和对齐工具将成为您的好朋友。

移动设备的响应式设计 #

确保您的设计对移动设备响应。Figma可以让您实时预览您的工作,利用这一功能查看您的设计在不同屏幕大小下的表现。

第四章:探索旅行世界 #

打造发现页面

现在,让我们深入我们旅行应用的核心 — 发现页面。利用Figma强大的设计功能,创建视觉上引人注目的卡片展示不同的旅行目的地。尝试阴影、渐变和图片。 实现用户友好的导航系统,让用户能够无缝地探索应用程序。 Figma的原型功能使您可以在页面之间创建交互式过渡,预览应用程序的流程。

深入细节

他们说魔鬼就在细节中,对于UI设计来说,这是真实的。花时间完善应用程序界面的细节。调整间距,微调颜色,并确保每个按钮和元素都完美对齐。

结论:一次征程

在短短两个小时内,我试图探索Figma的广阔领域,并为旅行体验创建了一个移动应用程序UI。在UI设计中取得成功的关键是实践和反复,所以不要犹豫继续实验并完善您的技能。在您继续旅程的过程中,请记住,每一次伟大的设计都始于一次单一的步伐—或者,在这种情况下,是在Figma中点击。愉快设计!

感谢您阅读到这里,我感谢您抽出时间阅读我的UI设计案例研究。

请随时在LinkedIn上与我联系,给我发电子邮件nadilasetiabudiarto@weimproovi.com,或访问我的网站nadilasetiabudiarto.com。如果您有任何问题、反馈或想要在项目上进行合作,请随时联系我!