首页
学习
活动
专区
工具
TVP
发布

好的界面设计

最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。 ? 2.放出礼品往往更具诱惑力 给用户一份精美小礼品这样的友好举动再好不过了。...在下图的例子中,我将点击操作的元素设置为蓝色,选中的当前元素为黑色。这样适当的设计可以让用户很方面地在产品的各模块间切换。但千万不要把这三种元素设计得混乱不堪。 ?...8.给出撤销操作来代替确定操作 假设你刚点击了一个连接或者按钮,撤销操作可以让操作流畅自然,这也符合人类的本能。而每次操作都弹一个确定框则好像是在质问用户你明白不明白这个操作会产生什么后果。...我还是更习惯假设用户每次操作都是正确的,其实只有极少数情况下才会发生误操作。所以,为了防止误操作而设计的确认窗口其实是不人性化的,用户每次操作都需要进行毫无意义的确定。...所以请考虑在你的产品里实现撤销操作来增加用户的操作友好度吧。 ? 9.指出产品适用人群而不是做成全年龄 你是想把产品做成大众化的呢还是有精确的适用人群?在产品定位上你需要更精确些。

1.2K60
您找到你想要的搜索结果了吗?
是的
没有找到

小程序界面设计指南

纠正示意: 避免并列过多操作让用户选择,在不得不并列多个操作时,需区分操作主次,减轻用户的选择难度。...结果反馈 对于页面局部的操作,可在操作区域予以直接反馈,对于页面级操作结果,可使用弹出式提示(Toast)、模态对话框或结果页面展示。 启动页加载 小程序启动页突出展示小程序品牌特征和加载状态。...05 — 页面状态 状态反馈 页面局部操作结果反馈 对于页面局部的操作,可在操作区域予以直接反馈。例如,点击多选控件前后状态如下图。...页面全局操作结果——模态对话框 对于需要用户明确知晓的操作结果状态,可通过模态对话框来提示,并可附带下一步操作指引。...页面全局操作结果—结果页 对于操作结果已经是当前流程的终结的情况,可使用操作结果页来反馈。这种方式最为强烈和明确的告知用户操作已经完成,并可根据实际情况给出下一步操作的指引。

4.3K70

深度学习能用于界面设计吗?

现在的深度学习能用于界面设计吗?能基于深度学习给出符合用户喜好与使用习惯的最佳解决方案吗?...5.不懂得面向编程的思维方式 简单点说,现在大部分的设计师就是业务方和程序员之间的桥梁,他们的任务就是将业务方的需求翻译成界面设计然后交给程序员。...如果将深度学习用于界面设计,会对上述问题产生影响吗?首先,什么是深度学习?...因为界面设计和室内不一样,室内设计生成的是一张布局图,但界面设计里需要考虑业务目标,同时还要考虑不同界面之间的关系,每一个界面的布局和流程都会影响下一个界面的设计,因此它要比室内设计复杂得多。...如果我们收集到的数据是普遍性的,那么产出物一定是具有普遍性的结论,例如大部分用户对于相同控件但不同样式的认知是怎样的、相同布局下用户的操作行为是怎样的。能不能通过不同产品的界面设计知道最佳设计是什么?

1.8K30

那些高效的界面设计工具

本文将回顾界面设计工具的发展历程,并着眼界面设计工具的发展趋势,为大家推荐一些新兴、高效的界面设计工具,涉及UI、动效设计领域,希望对大家有所帮助。...Part1 界面设计工具的发展历程 随着互联网行业的日益繁荣,界面设计领域逐渐走向成熟,界面设计工具也一直在以惊人的速度发展。界面设计工具的发展历经了三个阶段: 1....第一阶段是最早期界面设计领域刚刚起步,设计师普遍使用PS来制作界面。但PS是一个全面的而非专门针对界面设计的工具,因此界面设计师在界面的绘制、文件的交付上都存在一定不便。 2....Framer Web Framer Web是一款在线动效设计软件,于今年5月上线正式版,相比于Framer家族的前两款产品Framer classic、Framer X, Framer Web突破了其以代码为操作核心的理念...比如自带控件中的video,本身会有一些独特的交互行为如End、Pause、Play(播放、停止、暂停),当进行这些操作时,会触发相应的页面变化。 4)从设计到代码 代码一直是Framer的核心功能。

1.4K30

内部系统界面设计【上】 | 问题与挑战

本篇文章中,码匠将带您深入探讨内部系统 UI 设计,具体我们会介绍内部系统界面设计以及它所面临的挑战。企业内部系统界面设计有何不同首先,让我们看一下有效的内部系统界面在公司环境中扮演的角色。...从单一功能的微型应用程序,到大型 ERM/CRM 系统,它们都需要一个直观且方便操作的界面,让您的员工能够轻松快速的执行日常工作的方方面面。...此外,内部系统中的用户可能会操作本身就很复杂的决策,平衡这一点与创建直观、简化的使用体验的需求是很棘手的。...在用户界面的性能方面也需要有保障,具体来说,主要体现在应用程序的前端加载速度和允许用户执行操作的速度上,尤其是在面临流量压力的情况下。...此外,内部系统处理的通常是关于大量数据的显示、操作、存储以及使用该数据所支持的业务流程,为了实现长期的一致性和可扩展性,因此界面设计上往往尽量减少界面的混乱,保证大规模情况下,也可以清晰展示关键信息,并确保快速的页面加载速度

1.1K10

python GUI界面设计的那些事(二)

python 可以通过 tkinter, pyqt5或者pyside2等工具库实现界面设计。 比如 tkinter 是 python 自带的工具库,不需要安装就可以使用。...以及按钮控件的基本使用,就能够解决绝大多数的界面设计了。 ? 对于控件比较多,或者界面比较复杂的,想要做的好看,还需要掌握基本的布局技巧方法。 ? ? ?...#重试/取消,返回值true/false tkinter.messagebox.askretrycancel('提示', '要执行此操作吗') # 2.程序一直循环,直到我们关闭窗口 root.mainloop...要是有下面这种可拖拽的界面设计工具,那么界面的设计问题就很容易解决了。 ? 很可惜 tkinter 没有自带的界面设计工具,当然有些非常厉害的人,可能自己设计了类似界面的设计工具。...建议使用界面设计工具,不过需要学习其它的GUI库,也就是我们后面要介绍的Qt,PyQt5或者PySide2。 好了,今天就到这里结束啦。 (全文完) ---- 欢迎转载,转载请注明出处!

3.1K20

一些关于界面设计的技巧

当使用所见即所得的界面设计工具时,我们经常在界面上方便地拖出很多区块来,这些区块多了就会显得杂乱无章。所以我们又会到处放些横线来分界。...当然,将界面设计成默认选择的样子多少存在点争议,有点强迫用户的感觉。...27 界面设计得一致,不要增加用户的学习成本 自从Donald Norman的一系列著作面世后,界面设计中尽量保持一致性成了一个普遍遵循的准则。...29 遵从一些约定而不要去重新设计 界面设计中遵从约定的准则跟之前的界面一致性准则很相似。如果我们遵从了界面设计中的一些约定,用户用起来会很方便。相反,不一致和没有遵从约定的设计则会提高学习成本。...有了界面设计中这些约定,我们想都不用想就知道界面右上角(大多数情况下)的叉叉是关闭程序用的,或者点击一个按钮后我们能够预测到将会发生什么。

96730

python GUI界面设计的那些事(三)

python GUI界面设计的那些事 python GUI界面设计的那些事(二) GUI程序其实和普通程序其实就是多了一个界面,而最麻烦的就是用代码实现设计的GUI界面。...这里我们就不用tkinter了,使用我们的QtCreator 界面设计工具,直接拖拽完成。 ? 预览效果: ?...Qt 是由Qt Company开发的跨平台C++图形用户界面应用程序开发框架,实现了一套代码可以在所有操作系统、平台和屏幕类型上部署,从台式机、嵌入式系统到可穿戴设备、移动设备。...---- 可以看到,PySide2 和 tkinter 类似,也可以通过代码来实现界面设计,不过那样太麻烦了。...好了,填坑到此结束了,之后具体的PySide2 界面设计以及具体的实践案例将会通过视频的方式发布,这三篇只是让大家对GUI程序有个认知,后面的就是实操部分了。

1.4K20
领券