每一年的毕业季都是找工作高峰时期,产品经理.UI设计师这些岗位都会接触到原型设计工具.选择原型设计工具最重要的一点:适合自己的才是最好的! 下文将对目前超火的原型工具进行大对比,快来看看那一款于你而言才是最好的~ Axure 老牌原型设计工具,交互制作功能强大,当然同时也带来了较高的学习成本.设计区域是无限画布,方便给设计稿添加文字注解.在交互效果层面,可以实现非常多条件判断.巧妙运用可以实现更复杂的交互.不过同时也会带来“效率不高”的问题,因为细节过于繁琐,所以会加重产品经理或交互设计师在画原

GIMP虽然不能完全替代PS,但是也能弥补一下. 系统默认源中已经包含了GIMP,不需要使用PPA这些. 安装: sudo apt-get install gimp 启动: 通过Dash搜索GIMP即可.或者命令行输入GIMP也行. 参考: https://www.gimp.org/downloads/

交互设计师在设计线框图原型时,熟知常见的web设计模式很有帮助,做到“心中有数”才能创造出符合需求,用户易学易用的界面来.所谓“没有必要重复发明轮子”,模式往往容易解决常见问题,正确的模式能帮用户熟悉界面.提高效率. 常见的UI设计模式如下图: 下面分别进行具体分析,遇到不同需求的时候就可以选择合适UI设计模式. 01.主体/细节(Master/Detail)模式 主体/细节模式可以分为横向和纵向两种.如果想让用户在同一页面下,引导他们在类目下高效地切换,这无疑是一种理想的方式.如果主体信息对于

主要内容来自于 http://channel9.msdn.com/Events/TechEd/Australia/2014/DCI316 可以下载PPT以及视频,个人只是整理一下平时常用的 NetWork部分 PS C:\WINDOWS\system32> Get-NetIPConfiguration InterfaceAlias : vEthernet (LAN) InterfaceIndex : 16 InterfaceDescription : Hyper-V Virtual Ethern

10个帮你UI设计提速的Sketch使用技巧 2015-4-11 09:59| 发布者: yuanxingbbs| 查看: 1129| 评论: 0   选择使用Sketch的理由很多,因为好奇跟风安装的同学应该不在少数,看了介绍觉得功能强大而安装的应该也不少.当然,如果你是一名UI/网页设计师,你的Mac和我一样感觉跑PS不堪重负,那么Sketch绝对能帮你排忧解难,从此告别卡顿和无所不在的进度条. 越来越多的设计师开始选择使用Sketch 设计网页.UI了,开发团队 Bohemian Codi

JavaScript,DOM操作样式 一．操作样式 CSS作为(X)HTML的辅助,可以增强页面的显示效果.但不是每个浏览器都能支持最新的CSS能力.CSS的能力和DOM级别密切相关,所以我们有必要检测当前浏览器支持CSS能力的级别. DOM1级实现了最基本的文档处理,DOM2和DOM3在这个基础上增加了更多的交互能力,这里我们主要探讨CSS,DOM2增加了CSS编程访问方式和改变CSS样式信息. DOM一致性检测 功能 版本号 说明 Core 1.0.2.0.3.0 基本的DOM,用于表现文档

本文摘要: 1.DNS域名解析: 2.建立TCP连接: 3.发送HTTP请求: 4.服务器处理请求: 5.返回响应结果: 6.关闭TCP连接: 7.浏览器解析HTML: 8.浏览器布局渲染: 总结 输入网址 当我们在浏览器输入网址并回车后,一切从这里开始. 一.DNS域名解析 我们在浏览器输入网址,其实就是要向服务器请求我们想要的页面内容,所有浏览器首先要确认的是域名所对应的服务器在哪里.将域名解析成对应的服务器IP地址这项工作,是由DNS服务器来完成的. 客户端收到你输入的域名地址后,它首先去

本文摘要: 1.DNS域名解析: 2.建立TCP连接: 3.发送HTTP请求: 4.服务器处理请求: 5.返回响应结果: 6.关闭TCP连接: 7.浏览器解析HTML: 8.浏览器布局渲染: 总结 输入网址 当我们在浏览器输入网址并回车后,一切从这里开始. 一.DNS域名解析 我们在浏览器输入网址,其实就是要向服务器请求我们想要的页面内容,所有浏览器首先要确认的是域名所对应的服务器在哪里.将域名解析成对应的服务器IP地址这项工作,是由DNS服务器来完成的. 客户端收到你输入的域名地址后,它首先去

首先让我们看下这张图,产品经理进入公司后将要面临着许多工作 或许你有疑问,如果是产品助理的话,上面这么多工作都要去做吗? 其实不然,初级产品经理由于工作经历有限,对行业的研究以及对市场的把控是有视野限制的,做这些工作很难做好,所以一开始就做MRD输出就显得有点乏力. 那你可能又会问,那初级产品经历需要担任什么样的角色呢?让我们看下这张图片 理解需求,将需求产品化:梳理并制作流程图:学会原型制作以及文档撰写:研究交互,抓住细节等等这些才是初级产品经历应该去做的事情 那么,需要掌握什么技能呢 1.软

https://files-cdn.cnblogs.com/files/aquester/Linux后台开发工具箱.pdf 目录 目录 1 1. 前言 3 2. 脚本类工具 3 2.1. sed命令-字符串文本操作 3 2.2. sed和awk使用外部变量 4 2.3. awk给外部变量赋值 4 3. 设备类工具 4 3.1. 查看网卡型号 4 3.2. dmidecode查看所有硬件信息工具 5 3.3. lscpu查看cpu工具 5 3.4. lspci查看主板工具 5 3.5. lsscs

1.创建多线程 public class MultiThread { public static void main(String[] args) { // 通过继承Thread类 Thread thread = new Thread(){ @Override public void run() { while(true){ try { Thread.sleep(500); } catch (InterruptedException e) { e.printStackTrace(); } Sys

对于很多专业的PS高手来说,真心难以找到顺手的且可以完美替代PS的软件,所以我们这里的解决办法就是用wine来安装. 虽然网上有很多的wine安装ps的方法,但是在使用过程往住会发生莫名其妙的崩溃,体验的很,就是一种折磨. 这里给出的安装方法,目前来说还是比较稳定的. 我们这里安装的是photoshop cs6+wine 1.7.8 ps下载地址:http://pan.baidu.com/s/1sjASBRR wine源码下载地址:http://sourceforge.net/projects/

Linux后台开发工具箱-葵花宝典 一见 2016/11/4 目录 目录 1 1. 前言 4 2. 脚本类工具 4 2.1. 双引号和单引号 4 2.2. 取脚本完整文件路径 5 2.3. 环境变量和变量 5 2.4. sed命令-字符串文本操作 5 2.5. sed和awk使用外部变量 6 2.6. awk给外部变量赋值 6 2.7. 浮点计算 6 2.8. 字符串操作 7 2.8.1. 删除前尾空格 7 2.8.2. 大小写转换 7 2.8.3. 不区分大小写比较 7 2.8.4. 取字符串

有时候拍完照片想要浏览照片.浏览照片的时候想做一些标记,这个时候就需要使用照片管理器: 之前一直使用谷歌的picasa(不更新了),adobe也有个管理器(比较大):这里主要推荐一个: https://www.xnview.com/en/ 这个软件可以在多个平台下使用,而且提供了照片管理和照片的简单编辑以及照片的格式转换工作,这些工作在要求不高的情况下可以替代ps完成论文图标的格式转化和标注.批量的图片大小调节等等. 非常值得尝试

本文摘要: 1.DNS域名解析: 2.建立TCP连接: 3.发送HTTP请求: 4.服务器处理请求: 5.返回响应结果: 6.关闭TCP连接: 7.浏览器解析HTML: 8.浏览器布局渲染: 总结   输入网址 当我们在浏览器输入网址并回车后,一切从这里开始. 一.DNS域名解析 我们在浏览器输入网址,其实就是要向服务器请求我们想要的页面内容,所有浏览器首先要确认的是域名所对应的服务器在哪里.将域名解析成对应的服务器IP地址这项工作,是由DNS服务器来完成的. 客户端收到你输入的域名地址后,它首

第1章         目录结构 1.1  vim  vim故障 vim  是vi的升级版本 vi类似于文本文档  vim类似于notepad++ 编辑 必须先安装vim命令 yum -y install vim # 必须能上网 ping外网 ping www.baidu.com   1.1.1  使用vim vim 文件  相对路径|绝对路径 #  文件不存在则自动创建 vim的几种模式说明:  a. vim编辑文件刚进入的界面           称为命令模式 b. 可以往文本内些内容的模式

@ 目录 一.Google Chrome 浏览器 1.下载 2.安装 3.设置搜索引擎 二.火焰截图(替代QQ截图) 1.简介: 2.安装: 3.设置快捷键: 三.VLC视频播放器(替代Potplayer) 1.简介 2.安装 3.播放: 四.GIMP图像处理器(替代PS) 1.简介 2.安装 3.打开 五.视频剪辑软件 Kdenlive 1.简介 2.安装 3.打开 六.办公套件LibreOffice 1.简介 2.安装 3.体验 七.录屏软件 Kazam 1.简介 2.安装 3.体验 八.跨

Axure不仅仅是一个原型工具,除了原型之外还可以用来制作一些静态网页,这点对于不懂代码或前端的同学来说挺实用.之前整理了一版<Axure函数自查表>,因为感觉内容太多又对前端样式及脚本感到陌生,就直接用Axure设计生成了一个静态页面直接在服务端发布就替代了. 以前没事研究Axure时做过一款飞刀小游戏很粗糙,利用业余时间没事构思了一下,感觉用Axure做小游戏还是不难,主要难度应该都是在细节上(比如素材.动画等).周末两天没事弄了下类似跑酷的小游戏<Naruto疾风传>←点击试

步骤   本文以强大如斯的谷歌浏览器来说明,怎么查看Axure原型文件,怎么添加Axure RP扩展程序.Axure RP生成的原型文件,一般都是可以用浏览器打开的, 如:一般都有index.start这种html页面.但是,如果你没有安装扩展程序,那只会看到这样的提示,全英文哒!       这时候,我们只需要安装Axure RP在浏览器中的扩展程序,就可以正常查看了.扩展程序的格式一般是[文件名.crx], Axure RP扩展程序的下载链接如下 http://downloads.iaxur

前端少侠的ps故事 正所谓,码在江湖,身不由己.自21世纪前后端分离,代码分工细化以来,前端与设计的合作也变得越来越重要.有人说,如果前端懂设计的话,工作会更快一点.倘若说我入前端半年能算半个前端少侠的话,那么接触ps5年的我现在已经是个ps武林新贵了. 许多初涉ps江湖的人士都会这么问:"ps到底该怎么学?"而我当时第一次接触ps的时候,我的想法是:ps好玩吗?应该怎么玩?那时候我才读初二. 今天来讲讲前端少侠的ps故事. 日月第一击 感觉这个标题挺有feel的. 话说当年,本少侠无

1. 不要轻易用中继器的 载入时 事件, 感觉存在bug 2. 元件在显示和隐藏的动画过程中,不要去取他的x,y值,有几率会取成0,也不要去获取它的尺寸,只有在动画完成后才能获得 3. 装着一个中继器的 会跟着变尺寸的 动态面板,当中继器项值因筛选减少时,不会立即改变动态面板的尺寸大小,可以通过获取筛选后的中继器尺寸来设置面板尺寸.最好用万能办法:可以用中继器内的单位尺寸*筛选后的项数获得总尺寸 在筛选过程中有新增的,或者等量的更新时,才会立即更新动态面板的大小尺寸 4. 无法对同个对象进行 同