第1节:Mockplus把我们的想法画出来 Mockplus是产品经理装逼使用的利器,但是真的很好用,作为一个已经工作的程序员必须舔产品经理的脸,所以你也要对Mockplus的使用有所了解,并会简单的使用。其实Mockplus就是一个线框图制作工具,能把我们的想法或者不太好用语言表达的地方,快速画出 ...
分类:
其他好文 时间:
2018-02-24 00:54:01
阅读次数:
253
导航面板 在绘制线框图(Wireframe)或流程图(Flow)之前,应该先思考界面框架,决定信息内容与层级。 明确界面框架后,接下来就可以利用页面导航面板来定义所要设计的页面。页面导航面板是用于管理所设计的页面,可以添加、删除及对页面层次进行重新组织。 页面的添加、删除和重命名: 点击面板工具栏上 ...
分类:
其他好文 时间:
2017-12-02 19:16:46
阅读次数:
141
图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。 文本 在网页中文本的名称是lable,用于页面中添加说明文字、文字连接,或一些动态的提示。 矩形 矩形的 ...
分类:
其他好文 时间:
2017-11-29 20:59:06
阅读次数:
200
之前读过一篇关于“什么是全栈设计师”的文章,里面提到所谓的全栈设计师就是能做线框图、原型图,能做视觉稿,能写前后端代码。放到产品设计中,全栈设计师就是能一个人搞定产品开发的所有环节。其中,最原始、最关键的一个环节就是线框或者说原型设计。这个环节的意义就相当于上层建筑的扎实地基。那么打造地基的工具很重 ...
分类:
其他好文 时间:
2017-09-05 12:37:10
阅读次数:
249
说起线框图工具,你脑海中浮现的是什么呢?老字号Axure RP?还是设计新宠Mockplus?如今,形形色色的线框图工具可以说是唾手可得,当然,这是一件好事,但是另一方面呢,过多的选择也的确容易造成设计师的选择困难。尤其是现在的行业形势,快速的产品迭代和开发节奏,越来越少的时间成本,快速设计的需求与... ...
分类:
其他好文 时间:
2017-08-24 12:27:29
阅读次数:
222
设计师朋友们都知道,在网站开发或者手机应用开发的前期阶段,需要创建线框图和原型图给客户展示。但有时候客户会提出略过线框图和原型图设计的阶段,直接过渡到网站的界面设计甚至是开发阶段。这种想法,往往是源于客户不明白什么是线框图,什么是原型图,以及二者在整个项目阶段中的重要性。 首先阐明一个误区,线框图不 ...
分类:
其他好文 时间:
2017-08-10 11:47:34
阅读次数:
252
不管是交互设计师还是用户体验设计师,无论哪个设计环节都离不开对设计工具的依托。那么,作为设计师的您,会用到哪些UX设计工具来实现和传达您的设计想法呢?您认为用来画线框图、原型图,进行用户测试最好的工具是什么呢?先别急着回答。 喜欢免费且好用的东西是人之常情,设计师也一样。他们也喜欢便宜的工具,最好是 ...
分类:
其他好文 时间:
2017-07-20 17:21:46
阅读次数:
180
1、什么是原型和设计? 原型:用线条、图形描绘出的产品框架,也称线框图。 设计:综合考虑产品目标、功能需求场景、用户体验等因素,对产品的各版块、界面和元素进行的合理性排序过程。 2、原型设计的重要性是怎样? 产品阶段: Idea——》需求采集——》功能结构——》原型设计——》产品需求文档(PRD文档 ...
分类:
其他好文 时间:
2017-07-11 11:14:57
阅读次数:
287
前言 先省略产品设计师的wireframe和mockup,为什么线框图和视觉设计稿不在叙述范围内,由于这里要做的是网页重构,从接收设计师的PSD那一刻開始: 一、接到设计稿 1、接收到PSD后。不要着急立刻切片,要写出符合语义、扩展性好、节点数少的XHTML,是要花上非常多时间去斟酌和思考的。假设还 ...
分类:
其他好文 时间:
2017-05-31 17:37:19
阅读次数:
210
Axure rp的线框图元件 l 图片 图片元件拖入编辑区后,可以通过双击选择本地磁盘中的图片,将图片载入到编辑区,axure会自动提示将大图片进行优化,以避免原型文件过大;选择图片时可以选择图片原始大小,或保持图片元件的大小。 l 文本 在网页中文本的名称是lable,用于页面中添加说明文字、文字 ...
分类:
其他好文 时间:
2017-04-12 11:15:41
阅读次数:
282