一名PM,分享个人与设计(UI/UX等)相关的经验与教程。
在我介绍我的交互设计思考流程之前,我希望先说两个交互设计中设计师新手们常犯的错误,设计走进死胡同往往正是因为: 1.把设计当模仿。 我不是说参考优秀竞品不对。
Lean UX(精益用户体验)和Agile UX(敏捷用户体验)这两种方法对于设计师来说并不陌生,但对于设计新人来说,想准确地对二者进行区分是件不容易的事。
在国内设计师纷纷向国外看齐的大环境下,我就想问一句,用户体验设计到底哪家强?各位不要妄自菲薄好么!前不久硅谷的风投还在对中国互联网公司嗤之以鼻,嘲讽中国公司也就是靠山寨起家的喽啰,现在怎样?三十年河东三十年河西,BAT随便拉出一个硅谷都得掂量掂量。
苹果手机最近几年市场占有的份额急速的增加,但是安卓手机仍然是大多数品牌手机系统的首选。每款产品的安卓手机界面设计,也是这款产品设计的重中之重。其实,手机的界面设计,在线框图设计之时就已经决定了。
上周跟朋友聚会,席间一个负责招聘用户体验设计师的朋友跟我们聊起她招聘过程中遇到的趣事。她曾面试过上百位设计师,几乎每次她都会问求职者一个她认为非常重要的问题。
首先,我们需要搞清楚的一点就是线框图不是真正意义上的原型。许多设计师和产品经理,甚至是经验丰富的设计大牛往往也很容易混肴这些专业术语。什么是线框图?什么是原型?什么时候使用线框图?什么时候使用原型? 我们都看过小说,小说呈现给我们的只是文字表达,由作者赋予的人物形象。
2016年的资本寒冬似乎给了所有创业公司当头一棒,然而在大浪淘沙之后,谁在裸泳,谁将胜出?本文结合2016年产业发展状况为你总结2017最有可能引爆整个行业的5大产品设计趋势。
公司的同事制作的一个产品原型,要发给我,我当时正在客户这里,电脑上并没有Axure,客户又催得急,感到一阵无奈。这次回来之后,经过一番摸索,发现还是有办法的。
产品经理每天接触到的工具是在是太多了,平时要接触到的原型图也是各式各样的。不过熊先生最近发现很多同学在用画图工具来画原型,这样确实可以,但是,真的合适么? 首先我们来看现在比较常见的几种画图工具: 1. PS 2. Sketch 3. Fireworks 4. OmniGraffle 每个工具的使用都有其对应的场景,简单的说,就是这些工具的设计者和开发者希望他们的工具是做什么用的。
Behance和Dribbble都是主流的设计作品分享平台,为广大设计师同胞们带来了莫大的便利,所以很多设计师通常两个社区都会关注。很多设计师在展示个人信息的时候,通常也会把这两个平台的链接放到个人资料里面。
“Medium 是一个全新的轻量级内容发行平台,允许单一用户或多人协作,将自己创作的内容以主题的形式结集为专辑(Collection),分享给用户进行消费和阅读。
本文的课程简介摘自:网易公开课 TED是Technology、Entertainment、Design(科技、娱乐、设计)的缩写,它本身是一场论坛性质的民间会议。
如果你像我一样,总是花很多时间试图找到一个最好的模式,最好用的工具和最漂亮的颜色。当然,每位设计师的需求不同,所谓“完美”的标准也不一样。但是如果能有一份资源包含几乎所有你需要的设计资源,那再好不过了。
Mockplus目前是国内比较流行的原型设计工具,功能上,相比Axure不算全面和强大,但在不少功能上有它独到之处。 Axure有个比较让人头疼的地方,就是对于移动App项目的预览和演示比较麻烦,而这个方面,Mockplus展现了它的便利。
新增: 1. 图标素材总量增加到3000。再不用为图标犯愁。 2. 交互支持“自动还原”,让复杂的逆向交互变得极其容易,一键搞定。 3. 将项目树导出为文档,包括树图、脑图、文本、表格文件、XML、Html、Markdown等格式。
链接地址:https://www.mockplus.cn/blog/post/408 日本UX站点对Mockplus作了专文介绍。被我们偶然发现了。 因为Mockplus在欧美的用户较多,所以日文的介绍,让我们感到荣幸,也确实有些意外。
和好多的产品小白一样,熊先生也是刚刚开始接触产品的工作。从这次起,熊先生会一步步的摸索快速设计原型工具Mockplus。如果感兴趣的话,那就一起来吧。 使用最简单、最直接的方式来实现最有效的结果,这应该是所有人梦寐以求的工作方式,而实现这个目的,就是找到这样一个工具。
使用Mockplus软件有段时间了,期间有很多使用者问我组件的设置交互状态怎么用(当然有很多人看了都会用),我就有想把怎样使用设置交互状态的方法记录下来,供初学者参考,今天趁休息时间整理了一下,分享一下。
4月15日,摩客应邀到长虹集团做产品设计培训。本次培训,由长虹集团软件与服务中心应用服务部发起,主题为“快速产品设计”,对象为相关岗位人员。 长虹是中国知名品牌,集消费电子、军工、核心器件研发与制造为一体的综合型跨国企业集团。
以前,Photoshop在交互设计领域扮演着主要角色。最近一份调查显示, Photoshop的地位有所下降。一共有来自200个国家4000人参与了这次调查, 结果显示,设计师更加倾向于一些新型的工具, 因为这些工具简化了原型设计,设计数字产品的过程。
上两次,我们已经快速地做了一个可以实用的交互(自动消失的消息框),还做了一个花哨但没用的东西,旋转的风车。 暂时缓缓往下走,我们先来了解点“基本知识”,Mockplus几乎不需要学习,不过呢,如果多了解一点,上手更快。
再来看一个小例子,我们做一个旋转的风车。蛮漂亮,是吧? 这里只用到“旋转”交互命令。
从现在做,跟我一起来认识Mockplus的交互。 Mockplus的交互,非常简单、直观、容易上手。你所需要做的,只是拖一拖鼠标,然后几步设置而已。 当然,只要你愿意,还可以实现强大的交互效果。
原型图(或线框图)设计工具是创建网站和应用程序的利器,它让设计师和设计团队专注于原型产品的功能以及如何创建更好的用户体验。如今,市场上涌现了各类功能不一的原型工具。
Chinco是继国产原型设计软件Mockplus之后,由摩客团队独立设计开发,秉持了摩客团队“关注设计,而非工具”的一贯理念和产品风格。 Chinco是一款用于App原型交互演示的工具,为UX/UI设计师、交互设计师、视觉设计师的交互演示提供简单快速的“傻瓜式”解决方案。
Mockplus 2.1 预览版新增母版功能,可以直接复用组件,减少重复设计。 首先可以看一个母版的使用演示: 下面详细介绍一下母版的相关操作: 1. 添加母版 在工作区中的任意组件上面点击右键,弹出右键菜单,选择 “设置为母版”即可添加一个母版组件。
在网络技术蓬勃发展的当今社会,各类线框图和原型设计工具也随之而大量涌现。但是,作为一款简单又不失强大的新型工具,Mockplus借着它的独特之处在市场中也占有着它的一席之地。
每个页面都拥有单独的标尺和参考线,可以用于辅助组件的对齐以及尺寸调整。 1. 使用标尺 新建页面之后,在主菜单中选择“显示标尺”即可看到工作区左边和上边显示出 标尺。
每个页面都可以添加备注信息,打开需要添加或者查看备注信息的页面, 在页面节点上面鼠标右击,弹出菜单中选择“页面属性”一项,如下图: 在弹出的对话框中,即可查看备注或者编辑备注,编辑好备注之后点击“应用”按钮, 根据提示进行操作即可完成,...
每个页面都具有独自的属性,通过页面属性对话框可以设置 页面的背景、统一字号以及相应平台的页面尺寸等。 打开需要添加或者查看备注信息的页面,在页面节点上面鼠标右击, 弹出菜单中选择“页面属性”一项,如下图: 在弹出的页面属性对话框中编辑对应的属性,完成后点击“应用”按钮,根据提示 进行保存操作即可。
为了防止误操作,在删除三个及以上页面的时候,Mockplus默认会给出输入“delete”字符 完成删除的确认提示,如下图: 要去掉这个提示,在设置中去掉这个选项即可,如下图:
Mockplus 的在线版和桌面版使用都需要登录账号。 使用在线版时必须一直保持在线。 使用桌面版时,首次使用需要登录,之后可以离线使用。用到需要联网的功能时(例如云同步)需要保持在线。
今天,我们评述一款新型设计工具,Mockplus,专为设计师而打造的创新性原型设计工具。Mockplus适合于各种应用软件的制作,无论是手机应用,网页应用,亦或是桌面应用,方便快捷。
Mockplus是一款什么样的产品 近年来,移动APP呈井喷的趋势,但任何APP应用,都离不开原型设计和原型设计工具。Mockplus应运而生,除用于移动开发,还可以制作PC、网页的原型,它帮助设计师在最短的时间内完成产品原型图的设计。
进入摩客官网桌面端下载页面,选择对应的版本(windows/MAC)下载。 下载完成后,即可按照向导开始安装。 windows安装的整个过程见下方视频: MAC上安装Mockplus 1 下载 进入摩客官网桌面端下载页面,选择MAC版本下载; 2 安装 下载完成后,打开dmg包,将Mockplus图标拖动到Applications快捷图标上面即可完成安装。
在个别笔记本电脑上,运行Mockplus桌面版出现软件界面闪动或者界面出现黑色块。 在这种情况下,请更新您的显卡驱动程序,问题一般可解决。 或者,如果你有多个显卡,尝试切换到集成显卡。
在 Mac 上安装时可能会出现上图中的提示导致无法安装。 这个时候,只需要按住 Control 键,然后点按该程序的图标,选择打开。就可以安装了。
微软官方已经声明不再维护Windows XP系统, Mockplus出于长远考虑,积极支持Windows 7 / 8 / 10。 对于还在使用Windows XP系统的用户,可以使用Mockplus Web轻便版来做原型设计。
10分钟让你了解Mockplus 视频地址:http://doc.mockplus.cn/?p=152
在Mockplus中,对于你经常要使用的组件、页面或者图片素材,你可以把它们收藏起来,以便下次重复使用,提高工作效率。 现在我们来看看如果收藏一个页面: 1 在当前页面空白处,鼠标右键菜单,选择“把本页收藏为模版”; 2 此时,工作区左侧的页面收藏面板会出现,当前页面已经被收藏; 3 在收藏面板的列表中,选择刚才收藏的页面,直接拖动到工作区。
好用原型設計軟體 Mockplus 免費畫互動 App 與網頁 以電子郵件傳送這篇文章BlogThis!分享至 Twitter分享至 Facebook分享到 Pinterest 前幾天在友站小眾軟件上看到一個免費易用的原型設計軟體:「摩客 Mockplus」,由大陸團隊開發,在去年(2014)下半年推出,是一個同時具備線上版、 Windows 與 Mac OS X 電腦版的 Prototype 設計工具, Mockplus 自詡為:「 如果把 Axure 看作一頭大象,Mockplus 是一隻輕快的小鹿。
Mockplus对于表格的控制,采用的是通过文字来控制外形和数据的方法。稍微熟悉后,你会发现,这种方式可以很快地组装表格。 如图,这里是一个表格: 双击这个表格,进入编辑,看到如下的文字: 好像很难? 别急,我们马上就能明白文字的意思: 首先来看第一横排(表头)和最后一个横排(列宽控制): 第一横排:"姓名 ^, 年龄 ^v, 拼音, 职位 v" 表示: 此表格是4个纵列,分别是姓名(升序)、年龄(升降序)、拼音、职位(降序)。
摩客是一款原型设计工具,拥有 Windows / OS X 及在线版本,“如果把 Axure 看作一头大象,Mockplus 是一只轻快的小鹿。” 几个月前,老鼠介绍过摩客:“是一款简洁高效的在线原型图设计工具”。
近5年来,PC软件和移动软件呈井喷趋势。任何软件应用,都离不开原型设计和原型设计工具。Mockplus应运而生,除用于移动开发,还可以制作PC、网页的原型,它帮助设计师在最短的时间内完成产品原型图的设计。
去年10月份,我发布了一篇短文《你所不知道的原型图工具Mockplus》,快大半年过去了,为什么又要写这款软件呢,我觉得有必要推荐给大家,和大家一起分享,它确实是一款简单高效的原型图制作工具,经过近半年的使用,我总结了一以下几点: 1 简单。