原型设计 | 易学教程

4款最受欢迎的Mac原型工具

阅读更多关于 4款最受欢迎的Mac原型工具

原型工具中Wireframe, Mockup和prototype之间的有什么不同？无论你是一名刚入行的UX/UI设计师，还是入行多年的老手，在制作原型的过程中一定接触或听说过其中很重要的三个原型术语：“ wireframe （线框图）”， “ Mockup ” 或“prototype”。但扪心自问，你真的能够明明白白的分清他们吗？事实上，就我而言，更多的是将他们当做是产品软件迭代设计的三个阶段：第一阶段: 绘制线框图（wireframe）当设计师或产品经理在了解到用户需求和产品本身特色及性能之后，会理所当然的对于产品软件主要界面，布局和功能分配之类要素有个全局把握，为了测试这些想法的可行性，他们常常会使用一些手绘的原型工具绘制出一些没有太多产品细节的原型草图，而这些草图一般被称作线框图（wireframe）。第二阶段：编辑调整线框图创建具有更多细节的Mockup 然后，当设计师们与其他的设计师或产品经理讨论并听取他们的意见之后，会对线框图做出调整和完善，即添加更多的部件，颜色，图层，布局和排版之类的细节之后，创建更真实和高保真的Mockup。第三阶段：添加动画交互创建prototype项目之后，为了让网页或移动端原型更生动，直观且接近最终应用, 设计师会对原型添加各种动画，交互以及转化设计，从而创建prototype项目。总之，线框图（wireframe

Mockplus·堇创社三月产品经理沙龙圆满结束，干货满满！

阅读更多关于 Mockplus·堇创社三月产品经理沙龙圆满结束，干货满满！

本月下旬，更快更简单的优秀原型设计工具制造者 Mockplus 联合杭州产品经理社群堇创社在杭州举办了产品经理沙龙，邀请了三位老资格的产品经理，带来了干货满满的分享，为大家讲解产品经理如何提升专业力。活动开始前，大家陆续签到，并且领取了Mockplus精美笔记本。主持人开场后，首先，由云衣库CEO朱军华分享了《不可或缺的产品经理》。他指出了产品经理的角色、定位及价值，产品经理应解决当下产品发展过程中遇到的问题，推动公司以产品为主导；产品经理应担当产品研发的源头、随时关注竞品及行业动态、去业务一线做调研，以提高产品力；应加强业务流程分析、产品设计和用户体验的能力，以提高专业力；应培养团队氛围、制定产品迭代计划，以提高协同力。他总结道，产品经理的专业性更多体现在分析的思路、分析的过程以及分析的结果上。其次，由前如涵电商产品总监、现爱医康产品负责人沈丹分享了《项目中如何体现专业力》。他指出，产品经理要在项目中体现专业性，首先应该搞清楚产品的定位、做好产品调研：通过做竞品分析和了解竞品的企业架构，来弄清楚产品边界；通过定义产品，来弄清楚产品的使用价值；通过分析用户使用场景和搭建用户画像，来制定产品的商业模式。其次在项目启动中：应加强团队文化氛围的管理；通过产品分层和业务分层来梳理项目；工作务必从细节开始做好，PRD文档和会议纪要十分重要；通过基础数据整合

第06组 Beta冲刺（1/5）

阅读更多关于第06组 Beta冲刺（1/5）

队名: 拾光组组长博客链接作业博客链接团队项目情况燃尽图(组内共享) 组长：宋奕过去两天完成了哪些任务准备beta冲刺的内容和分工修改了后端的一些bug GitHub签入记录接下来的计划维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩还剩下哪些任务维护后端代码，跟进组员完成进度，学习后端架构，学习深入python，解决匿名拨打电话问题，实现套牌多结果处理，准备beta版本的答辩燃尽图组内共享遇到了哪些困难维护数据库结构有哪些收获和疑问体会到打代码的快乐如何提高后端数据的安全性？组员1：杨晋南过去两天完成了哪些任务完善了移动端Android部分界面间逻辑代码 github签入记录接下来的计划学习Android应用开发进阶，精进移动端Android界面的实现，拍照功能的完善，准备beta版本的答辩还剩下哪些任务学习Android应用开发进阶，精进移动端Android界面的实现，拍照功能的完善，准备beta版本的答辩燃尽图组内共享遇到了哪些困难按钮触发的灵活性问题有哪些收获和疑问学习到了有关界面逻辑代码的注意点如何更好地暗示组长请客？组员2：刘晓翔过去两天完成了哪些任务完善了移动端iOS部分界面间逻辑代码 GitHub签入记录接下来的计划

阿里巴巴面试题

阅读更多关于阿里巴巴面试题

前端面试题目 1. div和span的区别？ div是块级标签，span是行级标签 2. 在html中，position取值有哪几种，默认值是什么？取值：static、relative、fixed、absolute 默认值：static 3. 前端页面由哪三层构成，分别是什么？作用是什么？前端页面构成：结构层、表示层、行为层结构层（structural layer）由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。” 表示层（presentation layer）由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。 4. 如何居中一个浮动元素？方式1:设置容器的浮动方式为相对定位，然后确定容器的宽高比如宽500 高 300 的层，然后设置层的外边距。 <!DOCTYPEHTML> <html> <head> <styletype="text/css"> div{ width: 500px; height: 300px; margin:

怎么理解js的原型链继承？

阅读更多关于怎么理解js的原型链继承？

前言了解java等面向对象语言的童鞋应该知道。面向对象的三大特性就是：封装，继承，多态。今天，我们就来聊一聊继承。但是，注意，我们现在说的是js的继承。在js的es6语法出来之前，我们想实现js的继承关系，需要借助于原型链。之前的文章，我有讲过原型和原型链的概念。在这，再重新回顾一下。 js中万物皆对象，每个对象都有一个隐式原型 __proto__ ，指向创建它的构造函数的原型对象。函数（构造函数）除了有一个隐式原型对象，还有一个属性prototype，它指向一个对象，这个对象就是原型对象，也叫显式原型。原型对象有一个属性constructor，它指向这个构造函数本身。而原型链，就是为了实现js的继承，把实例对象的__proto__属性一层一层的指向它的构造函数的原型对象，直到它（Object.prototype）的原型对象为null。举例分析我们现在定义一个构造函数Person作为父类，传入一个name属性，给原型对象添加一个getName的方法。 function Person(name){ this.name = name; } Person.prototype.getName = function(){ console.log(`姓名:${this.name}`); } 然后再定义一个构造函数Student，用以继承父类Person function

设计模式之原型模式、策略模式、观察者模式

阅读更多关于设计模式之原型模式、策略模式、观察者模式

一、原型模式 1、什么是原型模式克隆原型模式是一个创建型的模式。原型二字表明了改模式应该有一个样板实例，用户从这个样板对象中复制一个内部属性一致的对象，这个过程也就是我们称的“克隆”。被复制的实例就是我们所称的“原型”，这个原型是可定制的。原型模式多用于创建复杂的或者构造耗时的实例，因为这种情况下，复制一个已经存在的实例可使程序运行更高效。 2、原型模式应用场景（1）类初始化需要消化非常多的资源，这个资源包括数据、硬件资源等，通过原型拷贝避免这些消耗。（2）通过new产生的一个对象需要非常繁琐的数据准备或者权限，这时可以使用原型模式。（3）一个对象需要提供给其他对象访问，而且各个调用者可能都需要修改其值时，可以考虑使用原型模式拷贝多个对象供调用者使用，即保护性拷贝。 Spring框架中的多例就是使用原型。 3、原型模式UML类图（通用）原型模式主要用于对象的复制，它的核心是就是类图中的原型类Prototype。Prototype类需要具备以下两个条件：（1）实现Cloneable接口。在java语言有一个Cloneable接口，它的作用只有一个，就是在运行时通知虚拟机可以安全地在实现了此接口的类上使用clone方法。在java虚拟机中，只有实现了这个接口的类才可以被拷贝，否则在运行时会抛出CloneNotSupportedException异常。（2

Violet音乐社区界面原型手册

阅读更多关于 Violet音乐社区界面原型手册

目录 Violet音乐社区界面原型手册一、引言 1.0 项目前阶段相关文档 1.1 编写目的 1.2 开发背景二、界面原型展示 2.0 界面设计说明 2.1 首页 2.2 歌单/专辑/单曲界面 2.3 曲库界面 2.3.1 曲库初始状态 2.3.2 曲库搜索状态 2.4 圈子列表界面 2.5 圈子主页(圈子帖子列表) 2.6 帖子详情页面 2.6.1 帖子预览 2.6.2 回帖操作 2.7 动态界面 2.7.1 动态预览 2.7.2 动态评论展开 2.8 用户登录界面 2.9 用户注册界面 2.10 全局播放器 2.10.1 播放器靠边收拢状态 2.10.2 播放器完全展开状态 2.11 页面点赞 2.11.1 点赞前 2.11.2 点赞后三、人员分工 Violet音乐社区界面原型手册一、引言 1.0 项目前阶段相关文档 Violet音乐社区需求分析说明书： https://www.cnblogs.com/Keadin/p/11791088.html Violet音乐社区设计文档： http://www.cnblogs.com/Keadin/p/11885656.html Violet音乐社区API接口文档： https://www.showdoc.cc/589304476235742 Violet音乐社区界面原型demo： http://kealine.top/SE

第五组 — 原型设计

阅读更多关于第五组 — 原型设计

第五组-社团管理系统原型展示这是用户的注册和登陆界面使用用户名密码登陆首页有社团生活界面，可以一览学校的各大社团和活动公告进入管理员界面，可以管理管理员信息，及更新密码等进入用户菜单，可对用户进行管理点击编辑可对用户信息进行修改管理进入社团列表可以对社团信息进行管理可以查询和编辑社团的活动来源： https://www.cnblogs.com/wuyuhann/p/11973927.html

社团项目第三组原型设计报告

阅读更多关于社团项目第三组原型设计报告

Android 原型需求分析文档： https://www.cnblogs.com/shengxue/p/11789520.html UML图文档： https://www.cnblogs.com/dai-jl/p/11880103.html 第一次会议记录： https://www.cnblogs.com/c-zq/p/11973790.html 1.主界面 2.我的社团界面 3.我的关注界面 4.社团简介界面 5.我的界面 6.个人信息界面 8.修改密码界面 9.管理社团界面 10.活动界面 11.活动申请界面 12.推送创建界面分工戴佳莱：负责主界面的设计以及社团搜索功能的实现盛雪：负责社团方面的界面以及推送创建功能陈章琦：负责我的方面的界面以及活动创建功能的实现来源： https://www.cnblogs.com/c-zq/p/11973916.html

JS继承的原理、方式和应用

阅读更多关于 JS继承的原理、方式和应用

概要：一.、继承的原理二、继承的几种方式三、继承的应用场景什么是继承？继承：子类可以使用父类的所有功能，并且对这些功能进行扩展。继承的过程，就是从一般到特殊的过程。要了解JS继承必须要了解this的指向，原型prototype、构造器constructor、原型链_proto_; 第一：关于this的指向问题： // "use strict" //严格模式（strict mode）即在严格的条件下运行，在严格模式下，很多正常情况下不会报错的问题语句，将会报错并阻止运行 //this是什么? JS关键字，在JS中具有特殊意义，代表一个空间地址 //this指向:this最终指向的是运行时调用该函数的对象 // 一、初始情况下 // 全局作用域下的this指向：即this和window指向同一个堆内存 this == window; //true this === window; //true // console.log("init," + this) //二、函数和对象里的this的指向 var x = "x"; function test() { var x = 1; // this.x = 2; console.log(this); console.log(this ? this.x : ''); } //直接调用 test(); //

订阅原型设计