自动把网页px单位转换成rem 首先在你的项目开发环境中安装2个插件 然后在vue.config.js文件引入并重新启动服务器 这样就配置成功了,一起看看效果

使用gulp的插件可以很方便的将xp转为rem,在布局的时候使用@1x .@2x布局,即10rem=device-width:@1x即设计图为320px,1rem对应的10px像素,相对的@2x即为布局使用640px的布局,1rem=20px像素:不过浏览器有默认最小字体,谷歌浏览器默认的最小的字体大小为12px,所以1x大小设置可能会出现问题,绝大多数还是会使用2x的布局方法: 在阅读这篇文章之前至少要回使用gulp,可以去中文网先了解写gulp的基本使用方法,我也是在总结gulp的使用方法,

编者按:<从零开始设计App>系列到这篇已经是第三期了,上期是低保真原型图,这期@Sophia的玲珑阁 聊聊如何从零开始制作高保真原型图和UI 设计规范. 往期回顾: <设计师怎样从零开始设计一款APP?> <从零开始设计一款APP之如何做原型图> Hi-fi 输出 上篇文章提到,在Hi-fi阶段大概可以分为前期.中期和后期三个阶段.这篇文章就是对Hi-fi阶段的详细解说. 前期 前期的主要任务是hero screen(主功能页面)的尝试设计,通过它进行视觉风格上的确定

转自大神: http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html 做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRi

Mockplus是一款简洁快速的原型图工具 (http://www.mockplus.cn),最近推出了审阅功能. 审阅,旨在解决团队项目原型设计中的沟通和协作的问题. 没有孤立的原型,更没有一次成型的原型 .当第一张原型图被设计出来之后,总是要通过讨论.修正.上报.签批等沟通活动来完善,继而发挥它的作用.怎样才能简单.高效.安全.低成本地沟通? 一般的方式中,产品人员需要把原型设计通过Emai. QQ. U盘等方式发送给其他团队成员查看,其他人查看后发送回意见,然后产品人员再修改,再提供新的版

谁是人画或其他原型图的头,但在基本制度的发展时,.我们分配一些人画的原型,其他部分干. 再画一个原型不再是一个人画,一起画,假设大家都各自画自己那一部分.最后再由一个人来整合的画.是非常麻烦. 咱平时团队开发项目时经经常使用svn来管理.那画原型是不是也能够.答案是能够的. 怎样也用svn来管理呢,请看以下: 1.首先在svnserver上创建好新的库,然后复制地址. 给每一个组员创建用户和分配权限. 2.打开原型工具axure,能够在"文件"里选择"新建共享project&

说道原型图大家都不陌生,Axure rp作为这类工具可以说在网页布局的设计给开发人员提供了很大便利,目前我只熟悉过这一种,不知道小伙伴们有没有其他好用的工具推荐给大家用一下吗.好了,废话不多说,今天给用过Axure rp的小伙伴介绍一下使用方式,及用处. 具体怎么安装的可以到百度找,这里给大家推荐个网址:https://jingyan.baidu.com/article/e4d08ffd7ab5c00fd2f60def.html?qq-pf-to=pcqq.c2c      按照这个网址上的说明

做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRise Studio.GUIDesignStudio.UIDeginer. Office Office我想几乎人人都要用,但真正用的强悍

1.找到产品发的原型图 2.找到文件resources\chrome\axure-chrome-extension,修改文件的后缀为rar,然后解压 3.找到chrome的extensions,找到开发者,加载已解压拓展程序,选择解压后的文件夹确定 4.打开一个新页面,既可访问

原型图设计是一个艺术创作的过程,所以我们应当使用能够提高工作效率.激发创作灵感的工具,让工具为创作服务,而不是为创作去学习如何使用工具.从这一点上说,我觉得Mac下的很多软件做的非常好,OmniGraffle就是其中一个.下面就介绍一下使用OmniGraffle制作移动应用原型图的设计.   启动 OmniGraffle 后,可以选择模板,这里选择空白模板.   OmniGraffle的默认参数设置有些奇怪,所以一般需要修改一下页面的设置.选择Inspectors->Canvas->Size.

用vs2015打开cshtml识图文件的时候会报错.百度后得到解决方法如下: 先关闭VS2015, 拷贝:%LocalAppData%\Microsoft\VisualStudio\14.0\ComponentModelCache 在C盘查找目录下的文件.3 然后删除vs2015安装目录下的ComponentModelCache删除,然后重新打开VS2015就可以了.

Python json 读取 json 文件并转为 dict 在 D 盘 新建 test.json: { "test": "测试\n换行", "dict": { "list": [0, "str\""], "num": 0 } } json 格式编写: json 格式大致以 python 的 dict {} 格式来编写即可,只是要注意字符串不能用单引号'  ',一定要用双引号&

SALTY FISH原型图 LINKS IMPORT to LIST FOCUS TRENDS ANALYSE NIGHT

axure是公司产品经理常用的软件,用来绘制产品原型图. 为了画出漂亮的原型图,需要各色各样的元件.因此导入各类元件库很有用处: 打开元件库视图: 载入元件库,选择事先下载好的元件 元件库下载:https://github.com/refscn/rplibs https://ant.design/index-cn https://library.ant.design/

Java生鲜电商平台-商城后台架构与原型图实战 说明:生鲜电商平台的运营平台,其中需要很多的功能进行管理.目前把架构与原型图实战分享给大家,希望对大家有用. 仪表盘/首页,简单统计,报表页,运营快捷口.实际统计情况:订单(订单量,各订单状态),销售额,广告统计,活动统计,用户统计(促活,拉新),商品管理/统计/添加,爆品统计,系统公告等   仪表盘统计一   仪表盘统计二 1.商品上传 商品上传:商品基本信息,图片,标签,库存,审核状态(思考是否需要审核)     商品上架,审核思考点:上传时商

js原型详解 1.内存模型: 1.原型是js中非常特殊一个对象,当一个函数(Person)创建之后,会随之就产生一个原型对象 2. 当通过这个函数的构造函数创建了一个具体的对象(p1)之后,在这个具体的对象中就会有一个属性指向原型 2.演示 以下演示了通过原型的创建方式,使用基于原型的创建可以将属性和方法  设置为Person专有的,不能再通过window来调用,如此就完成了封装  <script type="text/javascript">function Person

感觉前端做UE非常有优势啊- 但是在制作的时候,似乎陷入了误区: (1)只求原型图的漂亮,色彩丰富,忽略了其本质作用,是用来整理逻辑,画出逻辑流程的. (2)一开始就追求交互,高保真的原型,忽视了细节的备注.或者感觉交互都有,还要写文字说明,有种画蛇添足的感觉. (3)不注重积累.的确开始画的时候,每次都自己动手,可以加深印象,积累经验,也要注重积累,尤其是时间很紧张的时候,有自己的模版库,拿来就可以用还是很有必要的. (4)尽可能的开发新功能,像写前端样式一样的去控制里面的逻辑,就更加的得心应

移动端适配一直都是个大问题,现在也出现了各种各样的解决方案,比如 rem, vw 百分比等,但是比较成熟的切比较容易编写的还是 rem,他是相对于根元素的 font-size 进行等比例计算的. 但是我们在编写css的时候,需要计算每一个元素相对于根元素的rem值是多少.会比较麻烦,并且维护起来也不方便.那么社区也出现了各种解决方案. 早期的解决方案是利用 sass 或者less编写函数进行自动转换.到后来淘宝的lib-flexible,再到现在的 postcss,都是为了编写的时候写的是px,

W240第二天第三天 Axure的简单使用: 作业实现:vcg官网首页原型图 帮助文档基础篇:原型图基础之axure线框图设计 导航栏设计: 添加通用母版header 导航栏设计注意: 鼠标移动到下面这个面板时,能实现悬停并且颜色改变 方法一:使用动态面板 则在线框图设计时应用动态面板,鼠标移上去面板尺寸改变达到显示下面菜单项的功能同时移动图片这个板块的位置. 移动距离是使图片移动到下面菜单项的中间距离,展开设置为由顶部展开. 方法二:使用两个热区: 一个热区负责一个显示隐藏事件小的在大的上层且

本文转贴自:http://www.zhangping.name/2010/08/28/pm-wireframes-design-tools/ ,尽管都是一些商业软件,但对设计的确非常有帮助. 天天和产品打交道,不时要做一些页面原型.离不开各种工具,工欲善其事必先利其器,好的工具软件可以大大提高工作效率,工具各有优劣,大家按需取之.原型设计工具我暂时把它分为两类,Web应用原型设计工具及软件应用原型设计工具.微软的visio就不说了: Web应用原型设计工具:先来看看这个几个:Axure RP .

需要将不少doc文件转为pdf,WPS带有这种功能,但是鼠标点击次数太多以后整个人都变得很烦躁 用了一下午去搜这方面的工具软件,找到若干.有一些免费,有一些试用的,但总归就找到一个真正能用,虽说生成的文件名中有未授权字样,但批量修改文件名简单多了. 谁知道到了实验室的电脑上因为什么打印机错误,还是不能用! 于是决定自己写一个, 第二天上午开始搜资料,乱搜一阵,居然发现WPS有二次开发的功能,大喜 但是,没有C++开发接口的资料,而且官方论坛的C++例子是针对老版本的. 于是参考别人写的C#和VB