【下载Infragistics Ultimate最新版本】
无论UI/UX设计人员亲自动手的软件项目类型:金融科技,区块链或电子商务的应用程序,几乎所有项目共享一个共同的屏幕。在这种情况下,我们谈论的是包含用户个人信息的应用程序的一部分———他的个人资料。我们资料应该包括图像,名称,密码和保存按钮,以及各种选项设置,但这种简单性仅适用于普通方案。当深入研究软件产品的具体业务案例时,用户配置文件屏幕可能会变得有点复杂。从内层到计费和验证 – 当涉及到个人资料屏幕时。
具体操作:
准备开始使用Sketch:当我们使用Indigo.Design UI Kits时,我们不需要浪费时间考虑如何从空白画板开始,因为我们可以简单地插入一个最接近我们设计概念的模式。


下一步是根据我们的特定要求配置现有的用户配置文件模式。我将保留修改后的模式旁边的初始模式以跟踪更改:

这是选择不同的配置文件图像表示后的结果。

从位于“Avatar”下的选项中,我们可以快速定义右下角图标的背景颜色,图标类型,文本颜色,占位符文本等。

如您所见,初始模式提供了几个输入,第一个输入在焦点状态中表示,而其余输入处于填充状态。当然,如果我们想要改变状态,可以通过State选项轻松完成。

对于当前示例,我选择了空闲状态,因此我收到了该结果。在指定输入时,有用的是清楚地描述其行为。例如,注意密码是否输入错误或成功。这可以通过State下拉菜单再次设置。选择我们想要的状态后,输入完全垂直分布。

如果我们想要更改输入的布局以显示框而不是行,该怎么办用担心,只需改变它……

并且您会收到完美像素的盒装输入。毋庸置疑,如果您更喜欢这种布局,最好坚持使用所有其他输入。


然后,您可以看到如何使用前缀和后缀图标获取输入。



由于模式已经分离,我建议在添加另一个选项后删除输入,以将其用作对齐的基点。

精确对齐后,您可以拉伸开关组件以适应偏移。


如果配置文件设置更复杂,我们可能需要添加一个项目,将用户导航到另一个屏幕或更深层次。如果我们遇到这种情况,我建议使用列表项。
首先,我们将它作为库中的组件添加,然后我们将它放在屏幕上的任何位置,并简单地调整其宽度以固定屏幕大小。最后,不要忘记更改标签。

我想补充一个重要的注意事项:不要在“替换”菜单中添加组件。我知道它非常诱人,因为它位于组件列表的顶部,但最好首先添加组件的初始形式,而不是从右侧选项面板配置它。


购买infragistic正版授权的朋友可以点击”咨询在线客服”哦~~~
标签:.NETUI界面infragistics
声明:本站部分文章及图片源自用户投稿,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!