cargo:1996643
#eye #eye
︎  ︎  ︎  ︎  ︎   
Activities Action Inter-Action
︎欢迎来到YingStudio的交互设计Lab,我们将在这里为你打造专属的交互设计项目。服务将从深度调研开始,通过逻辑和创新思维制定设计策略,最后以精美的视觉设计完美呈现。确保项目不仅符合学术要求,还满足你的个性和需求。
UI/UX








交互设计IxD是一种专注于创造有意义的对话和互动体验的设计学科,涉及用户界面UI和用户体验UX设计的所有方面,在YingStudio的交互设计Lab,我们将从这两个方面一同探索交互设计的魔力,以及其是如何影响我们生活中的每一个触摸点的。


UI

User Interface——没错,这就是UI,如果说UX的工作部分是在为交互设计产品编写剧本,那么UI的工作部分则是通过布景、道具和特效,让这部剧本生动起来。

从颜色和字体选择,到布局和视觉流动性,再到触摸和点击反馈,这些细节组合在一起,塑造了用户对产品或服务的整体感知。

这一切决定了我们的交互产品如何呈现给用户,以及用户如何与其互动。

在YingStudio,我们认为UI设计就像玩乐高一样:

有规则,有创意,又充满乐趣。


就像你的衣服一样,每个APP或网页都有它自己的风格。你一定有自己的想法,即便你没有,我们也会指导你如何挑选图标、配色和字体,让你的设计与众不同。
在我们开始之前,不妨先领略一下他们的风格:

拿出说明书


UI设计涉及到一系列的元素和组件,这些元素需要有逻辑性的组织并以一种直观且美观的方式呈现出来,这就用到了我们精心杜撰的UX剧本,根据剧本的设定,我们将每个用户场景的道具和媒介形式具体化,从而使得用户得以像我们剧本中设想的一样优雅的使用我们的产品。


铸造零件


为了实现上述的交互功能,我们需要设计一些组件来帮助用户完成操作,这就像是一个大型乐高上的传动轴或车轮之类的小组件一样,我们需要先将它们组合好,才能最终完成整个积木。

组成一个界面的零件将包括颜色、字体、图标、按钮、滑块、文本框等等:


💡

*你可以试着把这些乱七八糟的东西拖到上方︎的原型框架中去来浅浅体验一下UI设计的乐趣。


接下来...

字体&颜色

很容易被低估,因为实际上整个屏幕都被它们填满了,就好像某种视觉漏失效应,颜色与字体为我们的创意空间奠定了基调,它们的选用产生的影响远比单独看起来要大得多。

下面是这个网站设计中所使用的字体与颜色:

Welcome to YingStudio!

Welcome to YingStudio!

Welcome to YingStudio!

Welcome to YingStudio!
Welcome to YingStudio!


#000
#fff
Giallo
#454545
#e0e0e0
#ffaf60

组装


铸造上面这些漂亮的零件一定难不倒你们这些美术天才,但是如何组合这些积木才是重点,在一个合格交互设计产品的UI设计中,我们得让它们看起来既有意义又和谐——也就是把各个设计元素有机地结合在一起,形成一个整体的用户界面。这就是我们所说的原型图。

我们会一起学习如何使用一些酷炫的工具,像Adobe XD和Figma,来把你的想象呈现出来。别担心,无论你是画鬼画符,还是一手好字,我们都能帮你变成设计大师。



精致活泼的红蓝黄三维插图来自BamDesign许可详见
古灵精怪的纤细图标出自@Webalys笔下,许可详见
妙趣横生的黑体图标来自FontAwesome许可详见
©2023 Copyright YingStudio 版权所有

©2023 Copyright YingStudio 版权所有