zoukankan      html  css  js  c++  java
  • 推荐一款开源的原型设计软件--pencil

    如果觉得内置的元素不够,可以直接用类似屏幕截图软件直接剪切粘贴,并且可以制作自己的元素集合。很好用

    http://pencil.evolus.vn/

    Easy GUI Prototyping

    Pencil provides various built-in shapes collection for drawing different types of user interface ranging from desktop to mobile platforms. Starting from 2.0.2, Pencil is shipped with Android and iOS UI stencils pre-installed. This makes it even easier to start protyping apps with a simple installation.

    Popular drawing features are also implemented in Pencil to simplify the drawing operations.

     

    Built-in Shape Collections

    Starting from 2.0.2 Pencil has even more shape collections included by default. The list of built-in collections now includes general-purpose shapes, flowchart elements, desktop/web UI shapes, Android and iOS GUI shapes.

    There are also many other collections created by the community and are distributed freely on the Internet. You can easily grab a collection and install it into Pencil with a simple drag-and-drop operation.

    Some of the stencil collections that you can try are collected in the download archive.

     

    Diagram Drawing Support

    Pencil now supports connectors which can be used to "wire" shapes together in a diagram. A collection of flowchart shapes are also available for drawing diagrams.

     

    Exporting to Different Output Formats

    Pencil supports outputing the drawing document into different types of formats. You can have your drawing exported as a set of rasterized PNG files or as a web page that can be delivered to the viewers.

    Pencil also supports exporting documents into popular formats including OpenOffice/LibreOffice text documents, Inkscape SVG and Adobe PDF.

     

    Easily Find Cliparts from the Internet

    Pencil has a clipart browser tool that integrates withOpenClipart.org to let users easily find cliparts by keywords and added them into the drawing by a simple drag-and-drop operation.

    Clipart listed by the tool are in vector format and hence good for users in scaling to appropriate sizes.

     

    Inter-page linking

    Elements in a drawing can be linked to a specific page in the same document. This helps user define the UI flow when creating application or website mockups.

    Linkings defined in a document are converted into HTML hyper-links when the document is exported into web format. This process creates an interactive version of the mockup in which viewers can see a simulated flow when clicking on the UI elements.

  • 相关阅读:
    【转载】Select2插件 IE下 autofocus bug的解决方法
    修改iphone自带的按钮样式
    使用swiper制作微场景遇到的问题
    使用Excel的VLOOKUP函数合并不同Sheet页两个表格中的相同项
    【转】判断浏览器版本是否是ie8以下浏览器,如果是调到提示换更高级版本浏览器页面
    跨域上传文件
    WEB前端学习中遇到的概念
    Rails Gem notification_exception
    Html5 drag and drop
    KeyCode
  • 原文地址:https://www.cnblogs.com/leestar54/p/3429785.html
Copyright © 2011-2022 走看看