交互设计中的4种“极简色设计”策略
2017-05-02 13:31:49 184
随着互联网时代的发展,产品同质化现象越来越多,作为功能相同或相似的产品,能否胜出的关键就取决于产品的交互设计及产品的用户体验上。 产品概念出现之初,产品经理在设计产品时都会以产品能否满足用户需求为主。很少考虑产品的交互设计,包括至今,相信使用过公司内部产品的人都能了解,产品的很多设计完全不符合用户操作习惯。 交互设计:简单来说就是对用户使用产品的行为方式进行设计。越好的交互设计会让用户使用产品时越爽,...
详情
合格的交互设计文档该怎么写?
2017-05-02 10:52:47 274
一. 什么是交互说明文档(DRD)? 所谓DRD(Design Requirement Drawing)即是用来承载交互说明,并交付给前端、测试以及开发工程师参考的文档。 在项目中,交互设计师的主要产出物可能依次是:site map,page flow,wireframes。有的大型项目前期,交互设计师有可能还会产出用户需求分析文档(与PD产出的市场需求文档不一样的是,URD更多侧重于对目标用户的需求分析)。 DRD则很少有人专门撰写。如果需要对交互设计进行说明,聪明的交互设计师往往会直接标注在...
详情
如何从初级设计师走向成熟走向资深呢?
2017-02-17 17:21:20 268
前言: 作为一名合格的设计师,一定要有自己的情怀,有具有专业精神,敢于追求个性,从作品中释放自我。那么如何从初级设计师走向资深设计师呢?坚持做到以下9点,一定可以帮助你飞速成长! 1、想 设计师首先必须善于思考,对设计主张自己的想法和理解,这是最重要的。别担心你的想法有多“烂”,没有人能一下子做好的,但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法,懂得借鉴,追求属于自己的创意。但是如果在设...
详情
如何快速有效的发散思维
2017-02-10 17:26:56 255
想方案想的头大,一直在原地打转跳不出来?想了半天提出的方案,被老板说怎么没想到别的某某方案?有时虽然想出不少方案,但是实质在渐行渐远? 不是人人都有特别灵活的脑子 ,就算是灵活的脑子也不会无时无刻都灵感无限,那在我们面对思维瓶颈的时候, 有没有方法可以帮助我们快速且有效的去拓展思维呢? 一.理性感性,缺一不可 我们思考方案面临“脑衰竭”的时候,往往喜欢会用两种方式来寻找突破口: 第一种是借助工具或方法进行系...
详情
Storyboard全解析-第二部分
2017-02-10 16:05:35 157
如果你想了解更多Storyboard的特性,那么你就来对了地方,下面我们就来接着上次的内容详细讲解Storyboard的使用方法。 在上一篇《iOS开发教程:Storyboard全解析-第一部分》中,我们介绍了如何使用storyboard来制作多种场景和如何将这些场景链接起来,我们还学习了如何自定义一个表格视图。 接下来这部分,也是最后一部分,我们将讲解联线(segue),静态单元格等内容,我们还将加入一个选手详细内容页面,和一个游戏选择页面。 我们接着上一次的内容制...
详情
Storyboard全解析-第一部分
2017-02-10 15:53:25 189
故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性,下面,为了简明的说明Storyboard的效果,我贴上本教程所完成的Storyboard的截图: 现在,你就可以清楚的看到这个应用究竟是干些什么的,也可以清楚的看到其中的各种关系,这就是Storyboard的强大之处了。如果你要制作一个页面很 多很复杂的App,Storyboard可以帮助你解决写很多重复的跳转方法的麻烦,节省很多时间,以便你能够完全的专注于核心功能的实现上。 开始 首先启动Xcode,...
详情
用户的行为=动机+能力+触发,引导用户行为的关键性
2017-01-12 00:17:31 876
引言:斯坦福大学的B.J.Fogg在2009年的时候发表了一篇论述『行为设计学』的模型,叫做Fogg’s Behavior Model。简单来说就是一个公式:B=MAT。 B (ehavior)代表用户的行为。 M (otivation)用户的意愿,也就是动机。 A (bility)能力,用户使用的门槛。 T (rigger)触发。 【M】 体验为王的今天,有没有那么一款产品,无论多复杂多麻烦多难用,依然有人对它趋之若鹜? 有,很多。比如草榴。 关于草榴,大家自行百度。我就不掺和了,1024是一个让所有程序员都尴尬的节日。...
详情
axure教程之真实的登陆界面原型
2017-01-08 11:46:00 342
axure的条件语句非常强大,类似于傻瓜化的js程序,我们可以用它来设计很多复杂的交互演示! 今天分享一下我最近用axure制作的完全真实的网站登陆界面原型,并且可以根据不同的用户名进入不同的页面。 先看下实际效果: 开始制作,首先新建页面,建立一下元件: 元件图层详情如下: 输入框我们为了达到美化效果,通常都是画两层,底层用矩形美化作框,然后再画一层文本框,设置背景透明边框隐藏,这样就完美了。 1、文本框组成 注意画的时候...
详情
axure教程之画百分比环形图
2017-01-03 12:08:30 223
最近,一直在画原型,遇到问题解决问题,有时间我会记录一下分享给大家,希望能帮到你。在app原型设计时,百分比环形图是我们经常要用到的一种图形,那么用axure如何设计呢,可能你会去网上截个图代替一下,其实没必要,用axure可以很轻松的画出环形图,下面分享给大家。 软件版本:Axure RP 8 先看下效果 完成此图,一共分三层: 看到这里,我想很多人应该已经明白如何画了;下面看下步骤! 第一步 ,画个圆形: 尺寸暂定200px *200px;去掉边线,...
详情
一个VR设计师集训10周总结的VR设计实战六个原则
2016-10-26 11:17:32 143
最近,我(英文原文作者)开始了为期十周的 VR 设计集中式培训。期间,最令我兴奋的莫过于可以使自己过去几年间在动画设计工作中习得的技术能力得到进化和重塑,重新思考设计流程,以适应全新的领域。 在第二堂课中,我们以小组的形式进行实践,任务是将传统的即时战略游戏模式(帝国时代、魔兽争霸等)移植到HTC Vive提供的VR体验环境当中。构思时间只有二十分钟,我试着在16×9的网格纸上绘画故事板草图,然后很快意识到,相比于日复一日...
详情