精华内容
下载资源
问答
  • 这是一套工具,对于一个团队开发网站前期时使用的工具。 便利之处在于,可以用A4纸打印出来,随时团队讨论,加快开发进度。 如果有兴趣,可以用“Wireframe”在网上搜索到相关运用的介绍和建议。
  • Wireframe

    2011-08-16 10:59:57
    为什么要用wireframe?   为了清楚的弄懂每页上有什么,链接去哪,为什么链接去那,从而让你知道每个页面的平衡和结构。 clearly understanding what goes on each page, where it goes, and why it goes there...

    为什么要用wireframe?

     

    为了清楚的弄懂每页上有什么,链接去哪,为什么链接去那,从而让你知道每个页面的平衡和结构。

    clearly understanding what goes on each page, where it goes, and why it goes there, so you can achieve the best overall balance and structure for each page. 

     

    这两天尝试了几个工具,因为不熟练,做起来都还没有PPT快,不过有的 挺有意思。

     

    iPlotz

    这个是最有意思的,关键在于它制作可点击的wireframe。‘clickable’ 真是不错的特性,强大的时,它最后还会用jquery生成一个html。和客户一起用这个应该会是不错的体验。

     

     

    Pencil Project

    这是个开源的软件,可以作为firefox3的插件运行,也有standalone的版本。貌似有不少UI的库可以使用。

     

     

    展开全文
  • wz-wireframe-kit:绘制线框并记录交互细节的工具
  • html-to-wireframe被创建为一种易于使用的工具,可以从本地或远程html文件生成线框,以进行类似于Facebook的操作,以便用户可以在加载整个页面之前查看应用程序的结构。 该工具基于: Wirify书签-> PhantomJS-> ...
  • 这几天因为要做简单的界面设计,试了几个做mockup的工具软件。下面是我几分钟测试的感觉。 * mockingbird : 感觉不错,打开页面就能开始。简单的功能立马可见。如果是简单的页面设计,应该可以胜任。这次只是试了...

    这几天因为要做简单的界面设计,试了几个做mockup的工具软件。下面是我几分钟测试的感觉。

    mockingbird : 感觉不错,打开页面就能开始。简单的功能立马可见。如果是简单的页面设计,应该可以胜任。这次只是试了一下,下次注册一下看看。

    pencil project : 曾经下载过。属于firefox的插件。用起来还行,但是有些粗糙--刚刚去它的网页看了看,好像新的版本还不错。下次试一试。我一般比较喜欢开源的工具软件

    cacoo : 介绍说得很不错。我很热心的注册了,结果有些失望。免费的部分功能不全,不能完成基本设计要求。然后里面有个market,可以买一些工具,诸如图标之类,但是质量并不高。用了几次,就没有兴趣了。

    wire frame: 这个东西有eclipse的plugin,我下载下来了,安装还比较简单。免费的版本能够完成基本设计,设计也很简单直接。马上就能上手。我的设计就是用这个完成的--但是强烈的不推荐。没两分钟跳出来个窗口要我注册花钱,还挺贵。单用户版本99美元,而我还看不到什么特别的功能。虽然用了这个东西,但是不爽。

     

    其它的还有,但是要花钱的,我也懒得一个一个的试了。

    https://www.hotgloo.com/signup

    http://www.mockflow.com/signup/ 这个好像是给iphone用的。

     

    我自己的设计其实很简单。也用不了很复杂的工具。下次如果需要做一些复杂的,我会首先看看pencil,然后好好试一试mockingbird

     

    转载于:https://www.cnblogs.com/behonest/archive/2012/05/11/2495792.html

    展开全文
  • WireframeSketcher 是一款Mac上优秀的线框图和UI原型设计工具,可以方便的进行网页设计、iOS应用、Android应用的设计,内置大量UI控件,简单易用,很不错! 原帖地址:...

    WireframeSketcher 是一款Mac上优秀的线框图和UI原型设计工具,可以方便的进行网页设计、iOS应用、Android应用的设计,内置大量UI控件,简单易用,很不错!

    原帖地址:http://www.macfans.org/thread-36072-1-1.html

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    展开全文
  • 把书页的颜色涂上颜色,线框起来! 突出显示网页中的所有... 即div http://github.com/ldong/chrome_wireframe更改日志:v0.3 1.恢复为v0.1,删除了切换按钮,不实用。 v0.2 1.添加了切换按钮 支持语言:English (UK)
  • 一种基于网络的工具,用于创建和操作“WireFramed”应用程序,即描述和定义建议系统功能要求的可导航应用程序框架。 促进功能需求收集的过程。
  • Graff Stencil iPhone_WebApp_WireFrame,非常不错的原型设计插件和模版。
  • 打开示例场景 导入插件后打开对应的场景: 场景路径:Assets/VacuumShaders/The Amazing Wireframe Shader/Example Scenes/Example_4 (Projector).unity 添加任意物体&材质 如图所示新加入的物体使用的是默认材质,...


    请添加图片描述

    🍖 Follow me

    📐插件下载
    😉如图所示本教程介绍该插件的Projector功能。
    👍在Projector中放置插件提供的Projector材质就可以实现对场景中任意物体进行线框投影。

    🍄打开示例场景

    导入插件后打开对应的场景👇:

    场景路径:Assets/VacuumShaders/The Amazing Wireframe Shader/Example Scenes/Example_4 (Projector).unity
    

    🥑添加任意物体&材质

    如图所示新加入的物体使用的是默认材质,在投影范围内显示的效果并不是线框🌚🥀
    在这里插入图片描述

    🍒处理mesh

    因为当前使用的是烘焙模式,所以需要对mesh进行Barycentric coordinate(质心坐标)烘焙😱。你也可以直接切换到Dynamic模式,前提是设备要支持 GeomatryShader🤐。
    在这里插入图片描述

    🍴打开处理工具

    在这里插入图片描述

    🎨搞起

    🍕在场景中选中需要处理的物体,点击Use Selected Objects

    在这里插入图片描述

    🍭然后点击Generate

    在这里插入图片描述

    🍝然后就没有然后啦
    请添加图片描述

    展开全文
  • 扩展调整AEM加速器风格以获得更可读的格式。在调试或创作期间有用。 **并非专用于AEM内置的每个网站-需要特定的加速器才能正常工作**请注意,此扩展程序仍在开发中,某些功能可能无法按预期运行。...
  • wireframe,prototype,mockup 三者经常被混用,很多人把三者都叫原型,真的是这样吗? 我们来看看三者到底有何不同。先来做一道选择题: 从这张图可以看出,prototype 和其他两者的不同之处在于是否可交互,可...
  • Makeapp线框工具包是用于创建移动应用程序的通用线框工具包。Makeapp是专门为帮助加 快设计过程而创建的。该套件包括100个最受欢迎的手机屏幕。 在他的帮助下,您将能够快速构建引人入胜的移动应用程序以及控件...
  • Makeapp线框工具包是用于创建移动应用程序的通用线框工具包。 Makeapp是专门为帮助加快设计过程而创建的。 该套件包括100个最受欢迎的手机屏幕。 在他的帮助下,您将能够快速构建引人入胜的移动应用程序以及控件...
  • Axure RP Pro - 相关问题 - Wireframe线框绘制尺寸的范围及处理方案在Axure RPPro中,Wireframe线框图的绘制范围限制在4800px *4800px的范围内,如果绘制的宽度或高度超过了这个范围,特别是高度经常会超过这个范围...
  • 使用annotation-tool线段标注工具生成txt格式的标注文件 1、将t所有xt文件合并成一个json文件 import cv2 import sys import numpy as np import os from glob import glob from math import...
  • 一个VISO原型Vance_Bell_Information_Architecture_Wireframe 感觉不错,拿来共享
  • 最近发了一些我画的产品...夸完后又问我是用什么工具画的,我告诉他是用visio,结果他试了之后还是无奈地说了一句:怎么还是这么丑啊…… 于是我一怒之下决定写一个visio制作线框图原型(又叫wireframe,也勉强叫做pr
  •  一个相当不错的UML工具wireframe只是它的一个小小的扩展(ver12开始支持) 官方网站:http://www.sparxsystems.cn  2,wireframe  线框图是整合在框架层的全部三种要素的方法:通过安排和选择界面元素来...
  • 家庭作业-您应该使用在上一堂课中学到的工具,字体,位置,浮点数(网格系统),图标,文本属性等来创建此模板(下面的模板链接),我将检查每个细节,例如项目文件夹结构,或html的语义如何等等 ...
  • 基于AngularJS Web的可视线框编辑器 一个基于AngularJS,Bootstrap,jQuery,Sass Web的线框编辑器。 您可以在查看演示。 该项目利用AngularJS的两种数据绑定功能来创建可视... 这也是在线原型制作工具的早期阶段
  • Codama IOS线框工具包 .sketch素材下载 UI框架设计、ui界面设计、Wireframe Kit
  • 而产品原型设计最基础的工作,就是画出站点的大体wireframe(框架图)并结合批注、大量的说明以及流程图等,将自己的产品原型完整而准确的表述给产品、UI、重构/开发工程师等等,并通过沟通反复修改prototype直至最终...
  • 一套完整的APP线框UI工具包.xd素材下载 Adobe Xd、App Ui Kit、Wireframe Kit、xd、交互原型图、产品原型图、线框图
  • Axure RP是一个快速绘制Wireframe 和Prototyping的工具,主要用来定义应用程序的需求与规格,以及设计使用者界面与功能,使用者包括User Experience Designers、商业分析师、信息架构师、Usability Expert与产品经理...
  • 【实用工具】原型图绘画工具推荐

    千次阅读 热门讨论 2016-11-20 22:19:24
     前几天验收机房的时候说到了原型图的画图工具,当时的我有点蒙圈,因为之前几乎没怎么用过和花过原型图,更多的是看,所以对于他们说的那几个软件我都不是特别的熟悉,或者应该说是非常的陌生。但是也不能说这是一...
  • 于是考察了市面上比较流行的工具。当前市面上比较流行的20个 UI原型设计。这么多工具,那该如何选择呢 ? 我的原则如下: #1 必须是开源和免费的 #2 不能是在线的,因为我不想把我的项目设计文档存放在第三方的云...
  • Axure RP Pro - 相关问题 - 在规格文档中显示部件工具提示在Axure RPPro中可以生成规格文档。在选项的Annotations标注中,可以选择显示WidgetTooltip部件工具提示,但是并不会显示所有设置了工具提示的部件,首先该...
  • 勾勒出一个网站、软件或者其他产品的UI基本的UI元素非常必要,一些线框工具UI设计工具此时就派上了用场。当你想为你的项目做一个草稿模型,你可以使用这些工具,设计出一个你心目中的外形,让你保持较高层次的抽象而...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,968
精华内容 787
关键字:

wireframe工具