👽️ YingStudio
FAQ
︎
︎ ︎ ︎
︎
交互设计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 版权所有