当前位置:主页 > Office办公 > UI设计师

UI设计师

详细解析UI设计师如何设计最常见的关闭按钮
详细解析UI设计师如何设计最常见的关闭按钮

读完这篇文章你将会了解到:关闭按钮「x」的设计历史「x」设计的注意事项关闭按钮设计的最佳案例「x」图标在应用中是一个非常常见的交互暗示,可以将烦人的弹窗从内容上进行关闭。无论是模态,对话框还是弹出窗口,都是内容交互中必要的操作元素,我们只需要建立合理的退出方式就好。视觉设计在ux通用设计模式中「退出」(e-x-iting)是非常简单的,你们看到我在 exiting 这个单词中刻意突出了「x」。「x」这个符号的历史可以追溯到20世纪70年代的计算机设计语言,它第一次出现可能是在 Atari TOS(译者注:Atari TOS是雅达利电脑操作系统,在1993年就停产了)菜单中,「x」是退出的命令。它后来被「NeXT」所使用,它为 Windows 的设计带来了灵感,并在1995年随着 Windows 全球大规模的使用而成为关闭的标准符号。讲这段历史,目的是为了说明,没有必要重新造*,使用全世界每个人都能懂的符号更为合适。

UI设计师需要学习的保存功能设计总结
UI设计师需要学习的保存功能设计总结

保存是后台产品中很通用的操作,它司空见惯到我们误认为保存一般不会有体验上的问题。但笔者在工作中观察发现:即使再通用,用户也可能会在保存功能上遇到疑惑,甚至忽略了它的存在。这是为什么呢?保存功能应该如何设计呢?我想分享一下我的一些经验。围绕保存,我觉得从机制上来分解,可以从手动保存、自动保存、保存兜底三个维度递进思考,最终找到合理的保存设计方式。一、手动保存手动保存,即依赖用户做额外操作才可以达成的保存行为。此类保存,我们往往依赖保存按钮。我会从保存按钮的位置个数,对齐方式和视觉样式来讨论如何设计它。1. 保存按钮的位置保存按钮一般位于内容的下方,因为用户一般从页面上到下确认完内容后再进行保存。这也符合用户浏览路径方便点击。 如果配置内容较短,保存按钮一般紧跟内容,用户更容易发现。但如果表单内容过长且超过一屏,保存按钮还紧跟内容的话它就不会在第一屏展现。此时用户必须把页面滑动到底部才可发现按钮。首次填写表单的话还好,但日后只对某几项内容修改的时候,用户就很容易忽略按钮。而且即使用户意识到保存按钮在底部,操作效率也是比较低的。

UI设计师&插画设计师必须要收藏的PS笔刷大全
UI设计师&插画设计师必须要收藏的PS笔刷大全

看插画视频教程学习时发现很多求笔刷的弹幕,也有同学在网上高价求购笔刷,并且手绘已经成为了UI设计师的必备技能之一。但是网上笔刷种类很多,不利于选择,所以收集了一些非常好用的笔刷分享给各位UI设计师&插画师,希望这篇文章可以解决这些同学的问题。(由于版权问题,本文不提供打包下载,需要的同学请百度/购买/到原作者微博下载)关于笔刷很多优秀的插画师会说笔刷不重要,传说中的「19号画笔」就可以画出自己想要的效果,有的插画师也会选择自己制作笔刷,但是对于大部分的UI设计师或者插画爱好者来说,使用一些已经制作好的各类风格笔刷有助于提高绘画效率,快速出图。关于软件使用 photoshop 画图的同学推荐使用CC 2018及以后的版本,Adobe 在2018版本加入了笔刷分组和画笔平滑(SAI 的防抖)功能,可以更好进行笔刷整理,以及适合手抖的同学。另外,在2019版本还内置了色轮功能。笔刷推荐下面推荐三组笔刷,基本上涵盖了大家看到的大部分手绘风格的笔刷,可以根据自己的需要去下载使用。1. Kyle T. Webster笔刷在油管上的插画教程里,你会发现很多插画师都是用的Kyle开头的笔刷,没错,就是 Kyle T. Webster 笔刷。其实国外大一部分插画师都是使用 Kyle T. Webster 笔刷,因为这套笔刷真的非常好用。以前这套笔刷需要付费购买,现在被 Adobe 公司收购了,免费提供给 Adobe Photoshop CC 订阅用户使用。