以上图片来源于互联网分享,如涉及版权问题请联系作者删除. 文章素材来源:风云社区(www.scoee.com) 下载地址:风云社区(www.scoee.com)   [简介] Sketch 是一款适用于所有设计师的矢量绘图应用.矢量绘图也是目前进行网页,图标以及界面设计的最好方式.但除了矢量编辑的功能之外,我们同样添加了一些基本的位图工具,比如模糊和色彩校正. 我们尽力让 Sketch 容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用.对于绝大多数的数字…
一新来小盆友问:“移动产品原型设计都用啥工具?” 答:“@#¥……&%*” 又问:“能详细说下各个工具吗?我比较一下” “……” 好吧,谁让我那么的爱分享而你又是小美女呢 ———————正文开始———————— 首先,一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯…以体现我是那么的敬业——长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个P…
市场上有着大量的开发和设计工具支持在Mac上安装使用,今天给大家强烈推荐一款Mac上的原型设计工具-Mockplus,原型工具在产品开发设计中是必不可少的,无论是现在非常火的小程序设计,还是网页设计,移动APP设计等.在设计前期,我们都需要对产品概念进行细致的原型设计,只有这样才能确保为后期开发节省时间. 一.初识界面 原型工具-Mockplus Mac版的界面非常简洁,我们分区域来了解一下: 顶部:顶部有主工具栏,其中包含了主菜单和最常用的快捷按钮: 中间:是你创作时的工作区.在工作区底部,你…
网站app原型设计工具:axure,Mockups,墨刀 Balsamiq Mockups 3 网站原型设计工具非常高效,非常简单,几分钟就能搞定比axure好用很多 墨刀 - 免费的移动应用原型与线框图工具https://modao.cc/墨刀是国内团队提供的一个基于浏览器的手机原型设计工具,号称10分钟设计一个手机app -----------------------------------axure应该是最基础的,功能也强大mockuplus和墨刀属于快速原型工具,就是满足需求的情况下mo…
1.软件简介    Axure RP 是 macOS 系统上一款最知名和最强大的原型设计工具,增加了大量新的特性,如应用多个动画,并同一时间运行一个小部件,如褪色,同时移动等,而且具有全新的图标和界面设计. Axure RP 是一个专业的快速原型设计工具.Axure(发音:Ack-sure),代表美国 Axure 公司:RP 则是 Rapid Prototyping(快速原型)的缩写. Axure RP 是美国 Axure Software Solution 公司旗舰产品,是一个专业的快速原型设…
一.运营类 1. APPVIEW,网址:http://lab.hakim.se/appview/ 帮助iOS 应用开发者追踪所有地区App Store最近的用户评论,可以按时间.评分.地区排序,缺点是可能更新较慢,评论不全. 2. AppBrain,网址:http://www.appbrain.com/ 可以在此查看Android应用在应用商店的用户评论,更新及下载量变化. 3. appFigures,网址:https://www.appfigures.com/ 优点:功能很全,授权后可以查看a…
移动应用开发者们,Attention please!在接下来的内容里,我们将介绍一些能够提高你们的应用的知名度和品质水平的工具. 仔细看看,下面这些工具你们都知道吗,用过吗?如果你还不知道,或许可以尝试一下. 一.运营类 1. APPVIEW,网址:http://lab.hakim.se/appview/ 帮助iOS 应用开发者追踪所有地区App Store最近的用户评论,可以按时间.评分.地区排序,缺点是可能更新较慢,评论不全. 2. AppBrain,网址:http://www.appbra…
原型设计工具有Axure,Balsamiq Mockups,JustinMind,iClap原型工具,等其他原型工具.其中JustinMind比较适合APP开发使用. JustinMind可以输出Html页面,与目前主流的交互原型设计工具相比更为专属设计移动终端上app应用.JustinMind Prototyper的收费版本提供iPhone,android,ipad等交互组件,并有丰富的动态效果,但免费版就要简单一些.JustinMind Prototyper同时提供winxp,win7,ma…
本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbird.com/ Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果…
我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产品设计等使用. Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbir…
随着信息化社会的不断发展,不仅手机迭代更新的速度飞快,就连手机里的App 也层出不穷.作为一名UI/UX设计师或产品经理,如何才能设计一款出色的移动App?光有好的创意是不够的,你还需要一款正确的App原型设计工具来表达你的设计! 不少设计新手和产品小白在选择原型工具前,早已经被网上五花八门的原型设计案例看得眼花缭乱,无从下手.实际上,大多数案例都是这些工具作为教程或炫技使用的.通常,有经验的设计师或产品经理在挑选App原型设计工具时都会从以下这些方面进行考虑: l  是否支持多终端演示(随时随…
五款app原型设计工具对比 Proto.io, Pixate, Origami, Framer & Form 本文由Panblack 翻译,原文作者 Tes Mat 我用五款“高保真”原型设计工具重新创建了IF by IFTTT user onboarding应用,目的是了解这些工具的不同之处,它们是Proto.io, Pixate, Framer, Facebook的 Origami 和 RelativeWave的Form. 看看跟原装的对比,这些再造的产物表现如何:视频地址:https://…
推荐一个在线版全球知名的HTTPS网站检测工具-Qualys SSL Labs.Qualys SSL Labs同时也是很具有影响力的SSL安全和性能研究机构. SSL Labs会对HTTPS网站的证书链.安全性.性能.协议细节进行全面检测,检测完毕后会进行打分,同时给出一份详细的检测报告和改进建议. 12306的购票页面,如图…
本文将介绍21个免费的UI界面设计工具.资源及网站,如果你在做用户体验设计.界面设计.产品设计.JS前段开发.手机产品设计以及iPad和平板电脑产品设计,不妨来看看. AD: 2013云计算架构师峰会超低价抢票中 我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产品设计等使用. 内容导航 第 1 页:原型界面制作工具Lumzy 第 2 页:在线工具…
Axure原型设计工具介绍 1759230茅杭斌 目录 1.前言 2.下载与激活 3. Axure相关功能介绍 4.Axure案例演示 5.结语 一.前言 在我们进行程序开发的时候,原型图是必不可少的,因为原型图能够直观的看出我们所做程序的界面以及操作出需要实现的功能.这时候就需要原型图,原型图有很多种方式实现,有手绘原型图,软件制作原型图,我们这次主要讲的是软件制作原型图.软件原型设计的软件有很多,从适用场景分:注重设计中低保真.快速的手机端和Web网站场景,适合用Mockplus.Balsa…
作为软件设计的一员,需要在软件开发初期确保软件的具体内容,防止后期大幅度的修改. 在这样的情况下,原型设计软件就起到了关键的作用. 摘要: 原型设计为什么这么重要呢? 因为它帮助我们搭建了低保真或高保真的用户界面,并加入了一定的交互功能,原型设计工具就像是演草纸一样,我们可以写在原型设计工具上设计出我们想象的界面,然后更改,讲编码放在最后一部分,这样就可以减少不必要的浪费. 博主个人使用原型设计工具的经历: Keynote:虽然它属于PPT范围类的软件,但很多时候人们也用它来做原型设计,因为它在…
前言 网站设计的优化是一个很大的话题,有一些通用的原则,也有针对不同开发平台的一些建议.这方面的研究一直没有停止过,我在不同的场合也分享过这样的话题. 作为通用的原则,雅虎的工程师团队曾经给出过35个最佳实践.这个列表请参考 Best Practices for Speeding Up Your Web Site  http://developer.yahoo.com/performance/rules.html 同时,他们还发布了一个相应的测试工具Yslow http://developer.…
原文:原文地址 目前适配各个终端的需求越来越强烈呢?比如我们APP项目上线之后,需要一个宣传推广专题页,这个页面当然最好是采取响应式布局来完成.因为需要来推广和下载我们的APP. 无论用户是电脑打开,还是移动端打开,都是可以下载我们的APP. 今天,跟大家分享3个非常不错的响应式布局在线测试工具. 第一款:之前25学堂介绍过的responsinator,堪称手机版网站在线预览测试神器-responsinator 只要打开这个酷站,在上端的输入框中输入你想测试的网站URL 第二款:RWD-Demo…
2011年,Luke Wroblewski大神提出了移动优先的设计理念.在当时看来这无疑是一个打破行业常规的新型设计原则.而在移动互联网大行其道的今天,谁遵守移动优先的设计理念,设计出最好的移动端网站,谁就能赢得用户和商机.由此,移动端网站设计的重要性对各大商家来说,毋庸置疑. “先完成web设计再移植移动设计”的常规模式已经不再适用, 移动化必将是未来互联网行业的发展趋势.所以移动优先的网站设计将会变成一个新的潮流,即便这个理念已经存在了好几年. 为什么移动优先设计理念如此重要? 1. 据<全…
一.原型设计工具简介 Mockplus (摹客)  一种快速原型设计工具 官网提供四个平台的下载,通用性很广. 二.原型设计的模板 Mockplus可以为设计者提供以下几种模板 其中在“手机”模板里,系统又提供了许多app应用的样式 进入”手机”模板里的”Lyst”模板 在”网页”模板里,也提供了许多网页的设计样式 进入”网页”模板里的”Mockplus”网页的模板 三.Mockplus提供的基本功能和组件功能(以下内容以”手机”模板的”AnyList”模板为例) 界面左上角为页面查看区 左下角…
Sketch是一款拥有美观界面和强大功能适用于所有设计师的专业矢量绘图工具.它旨在为美术设计师创造出一款更优秀的作品,不是复制品,而是提升品.Sketch简约的设计是基于无限的规模和层次的绘图空间,免费调色板,面板,菜单,窗口和控件.虽然使用简单,它提供了功能强大的矢量绘图和文字工具.如完美的布尔运算,符号,和强大的标尺,参考线和网格.相比其他的矢量绘图软件,比如AI,Sketch的优点在于使用简单,学习曲线低,可以说是轻量级的 AI.Sketch 3 提供了基本的形状,支持自动切图,PDF.E…
1.Git 还在担心自己辛辛苦苦写的代码被误删了吗?还在担心自己改错了代码不能挽回吗?还在苦恼于多人开发合作找不到一个好的工具吗?那么用Git就对 了,Git是一个开源的分布式版本控制系统,用以有效.高速的处理从很小到非常大的项目版本管理.有了它,代码托管不是问题,版本控制不再苦恼,多人开发 变得简单易行. 链接:http://git-scm.com/ 2.GitHub 学会了Git之后,我们把代码托管到哪里呢?在此推荐给大家两个网站,GitHub,一个是国外免费的代码托管平台.许许多多的开源项…
1. 架构设计的目的 对程序进行架构设计的原因,归根到底是为了提高生产力.通过设计使程序模块化,做到模块内部的高聚合和模块之间的低耦合.这样做的好处是使得程序在开发的过程中,开发人员只需要专注于一点,提高程序开发的效率,并且更容易进行后续的测试以及定位问题.但设计不能违背目的,对于不同量级的工程,具体架构的实现方式必然是不同的,切忌犯为了设计而设计,为了架构而架构的毛病.举个简单的例子,一个Android App如果只有3个Java文件,那只需要做点模块和层次的划分就可以,引入框架或者架构反而提…
Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档.作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理 http://baike.baidu.com/view/3332366.htm?fromtitle=axure&fromid=5056136&type=syn#reference-[3…
随着智能手机iphone和Android的热潮,衍生出基于Safari和Chrome浏览器的触屏手机网站Touch Screen Mobile Website. 触屏手机网站在中国还属于起步阶段,从行业的现状来看,其体验参差不齐,笔者将从设备.系统.浏览器.网络.四个维度来与大家共同探讨触屏手机的网站设计: 一.设备 ·分辨率与屏幕尺寸 ·触屏机的交互特点 ·性能 1. 分辨率是设计师做网站时首要考虑的问题,iphone/ipod touch目前有2种分辨率:480*320.960*640,屏幕…
转自大神: http://www.cnblogs.com/lhb25/archive/2009/04/25/1443254.html 做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具.在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下. 主要有:Office.Axure Rp.Balsamiq mockup.Pencil.rational rose.Serena Prototype Composer.iRi…
摘要:Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则.该框架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品. Bootstrap是由前Twitter 设计师Mark Otto和Jacob Thornton开发的前端工具包,其提供了优雅的HTML和CSS规范.Bootstrap不单单是一个框架,更确切的说,它改变了整个游戏规则.该框 架使得许多应用和网站的设计开发变得简便许多,而且它将大量的HTML框架普及成了产品. 本文为你带来15款针对B…
目录 第I篇 手机版专用网站设计和开发入门篇 第1章 准备创作环境和测试环境 3 1.1 使用Mobile Safari测试网页 4 1.1.1 iOS Simulator安装 5 1.1.2 使用Mobile Safari 6 1.2 使用IEMobile测试网页 7 1.2.1 Windows Phone 7 Emulator安装 8 1.2.2 使用IEMobile 9 1.3 使用Chrome Lite测试网页 10 1.3.1 Android Emulator安装 10 1.3.2 使…
国外一些好用的UX/UI设计工具和资源分享 你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些UX/UI设计工具和资源,有专注于快速原型设计.强大的团队协作功能.和设计可用性测试或成品测试等,希望能对你的工作有所帮助,快来体验吧! ●Proto.io Proto.io把原型制作提高到了一个新的水平.除了可以上传这就的设计,你还会发现这里有一个最真实的互动UI库之一.用它创建一个原型,非常容易,…
这里推荐20个可以帮你简化iOS app开发流程的工具.很多开发者都使用过这些工具,涉及原型和设计.编程.测试以及最后的营销,基本上涵盖了整个开发过程. 原型和设计 有了一个很好的创意后,你要做的不是立刻编程,而是设计UI和创建原型,这样你才能知道app如何运行,根据用户体验需要做哪些调整. App Cooker AppCooker 不仅是一个创建原型的优秀工具,它提供的许多功能还可以帮助你将程序发布到App store中.它集成了Dropbox,Box.net和photo roll,你可以直接…