Aktualizace : Zdá se, že původní nástroj již není ve vývoji (poslední vydání od 2013-09). @ wb9688 uvedl, že existuje vidlice: https://github.com/prikhi/pencil

Aktualizace 2 : @nradk uvedl, že vidlice již není udržována. https://github.com/evolus/pencil je další vidlice, „v aktivním vývoji a je to vlastně přepsání staré“.

Tužka ( Licence: GPLv2) je „nástroj pro vytváření prototypů grafického uživatelského rozhraní“, který je k dispozici jako

• samostatný nástroj pro GNU / Linux (*), Microsoft Windows a Mac OS X a
• a doplněk Firefoxu (**).

(*) Je součástí softwarových úložišť Arch Linux a Fedora (jako tužka ).

(**) Doplněk Firefoxu hostovaný společností Mozilla se zdá být zastaralý (aktuálně je to verze 1.0.6 z roku 2009) , zatímco verze hostovaná na stránce pro stahování Pencilu se zdá být aktuální (aktuálně verze 2.0.5 z roku 2013).

Používám Pencil jako doplněk Firefoxu . Otevírá nové okno (bez prohlížeče Chrome Chrome, má vlastní lištu nabídek atd.). Někdy je to trochu pomalé (např. Když uspořádám grafiku), ale tady může být na vině můj starý počítač.

Grafika se nazývá „Shape Collections“ nebo „stencils“. Dodává se s několika sadami pro různá rozhraní (včetně webu). Lze importovat další grafiku. Tady je ukázka drátového modelu, který jsem vytvořil, abych získal představu o některých zahrnutých grafikách:

Export drátových modelů je možný jako PNG, HTML, PDF, SVG a ODT . Pěkné na exportu HTML („Jedna webová stránka“) je, že můžete přidat hypertextové odkazy odkazující na jiné makety (obsažené ve stejném dokumentu Pencil), tj. Můžete simulovat interakce uživatelů.

Inkscape sice není primárně nástrojem pro drátové rámování, ale má tendenci se používat pro drátové rámce a makety v kruzích open-source - GNOME a základní například použít. (Podobně v proprietárním světě mají návrháři UX tendenci používat generické nástroje pro návrh vektorů, jako jsou Sketch a Figma.)

Pokud hledáte komponenty pro začátek, bude to záležet na platformě, kterou používáte ' re designing for.

• U GNOME a elementary doporučuji začít svg z jejich designových úložišť (odkazy výše).
• Pro web a mobilní zařízení najdete různé open-source drátové sady po celém webu. Inkscape může importovat soubory AI, ale mnoho sad je bohužel pouze Sketch. Můžete použít vlastní webovou aplikaci Figma k nahrání souboru Sketch a následnému exportu jako SVG pro použití v Inkscape.

Možná byste na chvíli mohli zvážit Mockplus. Může vám pomoci vytvořit skvělé prototypy / drátové modely pro mobilní telefony i weby.

• S ním můžete exportovat obrázky (PNG & GIF) nebo htmls svým zúčastněným stranám a představit tak své nápady a návrhy.
• U projektu aplikace si můžete dokonce prohlédnout náhled na svém chytrém telefonu naskenováním QR kódu vygenerovaného projektem.
• Podporuje Windows i Mac.
• Interaktivní design v Mockplusu je plně vizualizovaný, to je WYSIWYG. S jednoduchým přetažením můžete snadno vytvářet interaktivní prototypy. Má několik spouštěcích příkazů, jako je otáčení, změna velikosti atd. Stejně jako sada předem navržených komponent, včetně vyskakovacího panelu, panelu zásobníku, rolovacího pole posuvná zásuvka a karusel s obrázky vám umožní rychlejší a jednodušší vytváření plně interakcí.