分享此网站可得100G教程,联系小洁领取点击这里给我发消息

关注学UI设计网

10 条 UI 交互动效设计的黄金原则

10 条 UI 交互动效设计的黄金原则
去年我们发布了 Gyroscope 以来,许多人问过我们做动画用的什么 JavaScript 库,我们也曾想过将它公布于众,但实际上那并不是奥妙所在。 我们不想让大伙儿觉得自己需要依赖特别黑魔法的 JavaScript 插件才能解决问题。大部分时候,我们都只要对最新的浏览器和 GPU 的性能和 css3 加以利用就够了。 其实并没有什么绚丽动画的武功秘籍,唯……继续阅读 »

学UI设计 674浏览 1个赞

想出国读研?先感受在英国学习交互设计的体验!

想出国读研?先感受在英国学习交互设计的体验!
很多设计师就业两三年后,都感觉自己遇到了瓶颈,想出国系统地学习一下交互设计。今天雨涵同学将自己在英国约克大学的经历分享出来,包括英国有哪些人机交互的学校/和谁一起上课/上什么课/与国内的区别等等,干货不少,想出国的建议阅读。 我为什么出国? 先交代一下我的背景: 从小学开始学画画的根正苗红的艺术生,本科学的是工业设计系。以拥有自己的个人网站为目标开始学习前端……继续阅读 »

学UI设计 614浏览 0个赞

让PM无言以对!可能是最专业的交互设计流程

让PM无言以对!可能是最专业的交互设计流程
很多新人交互设计师做出方案后一直无法和产品经理达成共识,而他们可能都没意识到,一个专业的交互设计流程就可以解决大部分问题。 王镇雷:首先,要感谢我的 Leader 和师姐,在他们的帮助下,我才理清了这个交互设计流程。 虽不敢说这套方法一定是最优的,但至少是我工作以来一个专业上的里程碑。 话不多说,直接开讲。 日常工作中,常见但错误的交互设计方法有: 产品经……继续阅读 »

学UI设计 634浏览 2个赞

从事交互设计,应届毕业生最需要具备这项能力!

从事交互设计,应届毕业生最需要具备这项能力!
应届毕业生应该具备怎么样的能力才能从事交互设计工作。我从比较浅的地方切入,然后简单谈谈我的认识,这篇文章会比较有趣。 学习能力 在我看来,学习能力才是不管处于什么阶段都应该具备的一项能力。 撰写交互设计文档、懂得用户体验研究、知道如何配合开发人员、拥有产品思维等等,这些大体上其实都是空话,我暂时还不太相信国内有什么院校能培养出这么厉害的大学毕业生吧。那些能力……继续阅读 »

学UI设计 742浏览 0个赞

IOS 10锁屏界面不好用?来看这份严肃的交互分析!

IOS 10锁屏界面不好用?来看这份严肃的交互分析!
以iOS 10的锁屏界面为例,让你知道如何有理有据地分析一个界面交互的好坏。iOS说:“清晰度,咱俩分手吧”。以往的iOS锁屏界面非常简单直接,但是来到今年的iOS10,情况发生非常大的变化,在开始认真严肃地为大家分析(tucao)之前我想先说明一些东西: 分析并写下这篇文章绝对不是为了黑苹果的设计大神们,因为我也不知道苹果的设计团队在做出这些决定的时候面……继续阅读 »

学UI设计 624浏览 0个赞

做交互方案时,请注意检查这4个点

做交互方案时,请注意检查这4个点
本文总结的4个点都是新人做交互方案时容易遗漏的,看完可以查漏补缺,完善场景,建议阅读。 作为一名交互设计师,到底什么程度才能算得上是“专业”?成为一名专业的设计师是否有方法与捷径呢?答案是肯定的,但是今天我分享的内容还不敢称之为体系,只能说是几个小小的经验吧,希望能给正在奔向专业路上的你有所启发。 如果你是设计新人,可能你现在还没有完全形成自己的思维模式,那……继续阅读 »

学UI设计 588浏览 0个赞

交互/视觉都需要掌握的APP加载动画知识体系

交互/视觉都需要掌握的APP加载动画知识体系
今天我要分享的是关于加载动画的知识体系及简单的制作方法,至于特殊场景总结不全之处,还请批判指正。 大纲如下: 一、加载动画存在的意义 二、加载动画的使用场景 三、前段开发实现动画的方法 四、工作中输出加载动画的方法与步骤 五、制作加载动画时的注意事项 六、加载动画的流行趋势 一、加载动画存在的意义 众所周知,app服务器在加载数据的时候需要用户等待一段时间,……继续阅读 »

学UI设计 670浏览 0个赞

交互设计师的价值与设计方案的评价维度

交互设计师的价值与设计方案的评价维度
很多同学不清楚交互设计师是做什么的,也不知道如何评价一个App 的交互,不过看完这篇你就懂啦。 一、交互设计师的价值 1. 职能价值 将需求转化为解决方案的能力(将模糊抽象的需求转化成清晰具体的可视化解决方案)。 这个价值是最基本的专业价值,但你千万不要觉得你做的仅仅是用软件画几个页面而已。 例如你接到一个扫码申请加入群聊的需求,你的任务不只是将申请加入的页……继续阅读 »

学UI设计 778浏览 0个赞

5套APP线框图交互原型下载

5套APP线框图交互原型下载
Tiger收集了4套不同风格的APP交互原型图,提供给大家下载参考。大家可以看看这些原型图,也可以发给你们的交互设计师或产品经理。记得群里苏州的joson同学刚转了交互设计师,如果他看到的话,这就是宝贝了!~!还有那些想包装设计稿的童鞋,也可以用这种方式挑选几张主界面做成这样的效果,插入你的设计稿的设计分析里面,装那个啥用!~!~哈哈·!~!你懂的~!~! ……继续阅读 »

学UI设计 1619浏览 0个赞

交互设计师如何做好设计走查的工作?

交互设计师如何做好设计走查的工作?
前阵子跟几个同行交流,提到关于交互和 UI 的走查工作问题,所以特地整理了一下,给大家说说关于设计走查的几个问题。 1. 设计走查的作用 在很多设计师身上都存在一个现象,就是拿到需求或原型,然后设计完成之后,就以为没自己什么事了,也不会主动去找事情做,他们认为到这里,自己的工作就完成了。 其实到这为止,设计师才做完一半的工作。为什么呢? 当设计师把设计稿交给……继续阅读 »

学UI设计 593浏览 0个赞

只需浏览器,就能帮你搞定原型设计

只需浏览器,就能帮你搞定原型设计
给网站设计原型是一个全面系统的过程,在此过程中你需要拿出一套线框图并确保基本的交互功能。单纯的线框图可以是静态的图片,甚至可以是手绘的草稿,但是原型大多是动态的,可交互的,至少主要的页面和功能能基本呈现出来。 不过,设计师通常会选择使用图像编辑工具来进行原型设计,只不过这样一来,绝大多数的工具很难实现足够的交互,这也催生了不少开发商转向研发基于浏览器的原型设……继续阅读 »

学UI设计 642浏览 0个赞

交互|帮你梳理微交互的五个基本要素

交互|帮你梳理微交互的五个基本要素
微交互应该火热了相当一段时间了。它成为话题中心很大程度是因为微交互所带来的令人动容的体验。如果说要界定微交互,那么它应该是围绕着用户完成单个任务前后而存在的微妙的交互和效果。微交互可以存在于APP和网页的各个环节,举几个常见的例子: ·确认已经添加到购物车的项目 ·使用下拉刷新更新内容 ·确认某个操作的界面动效 这些微妙的动效和交互给用户带来微妙的瞬间,它们……继续阅读 »

学UI设计 777浏览 0个赞

给交互的同学!有哪些手绘线框图的小技巧?

给交互的同学!有哪些手绘线框图的小技巧?
群里有人问起手绘 Wireframe 的工具和方法,我分享下个人经验。不过现在很少这样做了,都是铅笔稿等级就进 Axure 制图、几乎没用到麦克笔,不会的同学学起来先 >>> 工具 以下是个人习惯,不代表这牌子适合所有人,挑顺手(便宜)的买,这 3 种是基本工具。 酒精性麦克笔 台湾常见 Pantone 、Copic 这两牌子。我买 NEO……继续阅读 »

学UI设计 817浏览 0个赞