Jak navrhnout drátěné rámy na tabletu
Není pochyb o tom, že mobilní zařízení jsou "(aktuální) velká věc". Přesně tam, kde nás vedly desetiletí výpočetní techniky. Tyto malé tablety a telefony (a nyní hodinky) ... to jsou obrazovky, z nichž většina z nás spotřebovává informace.
Tyto informace by mohly obsahovat twenty-čtyřicet znaků, naše oblíbené přehlídky na Netflixu ( kašel rytíři Sidonského kašle ) nebo jen dobrá hudba. Čteme e-maily, chatujeme a hrajeme hry.
Pomalu začínáme vytvářet obsah i na těchto zařízeních. Tablety mohou být skvělé pro psaní a kamery na našich telefonech se každým rokem zlepšují. Zaznamenáváme podcasty v iPhonech a dokonce i několik aplikací pro úpravu zvuku / videa.
Zdá se, že stolní počítač bude odsunut na úlohy náročné na zdroje. Bude to oblast fanoušků, tinkerers a high-end hráčů. A, weboví návrháři.
Možná bychom nikdy neměli mít grafickou úpravu přesných pixelů na tabletu. To je v pořádku. Existují části procesu návrhu, které však mohou být přesunuty na dotykovou obrazovku.
Co potřebuji v aplikaci pro vytváření drátů
Zde je to, co potřebuji v aplikaci pro vytváření drátů:
- několik základních tvarů, s nimiž můžete pracovat;
- aby mohli tyto objekty snadno umístit, uspořádat a změnit;
- spolupráce, sdílení a exportu.
Aplikace
Moje oblíbená aplikace pro vytváření drátu je aplikace Google pro kreslení. Dělá vše, co potřebuji, a kromě toho má skvělé funkce pro sdílení a spolupráci.
Přestože společnost Google vytvořila pro své textové dokumenty a tabulky aplikace pro Android, existuje způsob, jak Google Draw pracovat v systému Android. V prohlížečích to také nefunguje.
Existuje několik aplikací vytvořených speciálně pro Android, které fungují. Těchto, přezkoumám do hloubky, protože jsem je mohl vyzkoušet. Uvedu také několik aplikací pro systém iOS.
Aplikace Android nativní
Mocking Pal (zdarma)
Za cenu, Mocking Pal dělá fantastickou práci. Jeho řada dostupných prvků je základní, ale postačuje pro většinu projektů web wire-frame. Výkon je slušný a aplikace přichází s některými inteligentními možnostmi.
Skvělá věc, myslím, je Live Share. V podstatě můžete sdílet odkaz na váš projekt a každý, kdo do tohoto odkazu přejde, si může prohlížet rám obrazu, jak jej stavíte v reálném čase.
Mockups pro Android (přibližně 5 USD)
Mockups pro Android stojí asi 5 USD, ale obsahuje mnoho funkcí. Nemá tón prvků uživatelského rozhraní, ale běží rychle a dělá svou práci dobře. Až budete hotovi, můžete exportovat své projekty do různých bitmapových formátů a SVG.
Jeho hlavní nevýhodou je, že nejprve není strašně uživatelsky přívětivá. Musíš zvyknout na pracovní tok. Přesto to není špatné.
Mockups.me Wireframes ($ 20)
Váhoucí na silnou cenu 20 USD, tuto aplikaci máte pocit, jako by to bylo lepší být úžasné! A je to docela úžasné. Tam, kde ostatní aplikace pro vytváření drátu, které jsou k dispozici pro Android, mají omezené knihovny prvků uživatelského rozhraní, má to tuny.
Musí to být, protože je kompatibilní Balsamiq soubory, takže můžete vytvářet věci v Balsamiq a vezměte si je s sebou kdekoliv.
Myslím, že zabijákovým prvkem je provedení gest. Na své plátno můžete rychle přidat prvky pouze tím, že na ně nakreslíte.
V neposlední řadě existují verze webových a desktopových aplikací, což znamená, že můžete spolupracovat online a získat přístup k vaší práci kdekoli.
FlexiSketch
Bezplatná aplikace s velkým výkonem, FlexiSketch není samotná aplikace pro vytváření drátu, ale může být rychle vytvořena jako jedna. Je to vektorová kreslicí aplikace, ale tady je twist: každý objekt, který kreslíte, může být rychle uložen jako jeho "typ objektu".
Můžete přetáhnout více objektů z každého typu objektu na plátno podle potřeby a v podstatě vytvořit vlastní knihovnu prvků. Pokud potřebujete mnoho vlastních prvků, je to pro vás aplikace.
Nativní aplikace pro iOS
Mockups.me Wireframes ($ 20)
To je správně! Je zde iOS verze tuto aplikaci také. Má přesně stejnou funkcionalitu jako její protějšek Android, takže musí být docela dobrý.
Cena je stejná. Pokud máte hotovost, říkám: "Buďte na to!"
iMockups ($ 7)
Tento je další s podporou pro Balsamiq, ale stojí jen 7 USD. Díky všudypřítomným recenzím od mnoha lidí se iMockups soustřeďuje na podporu multidotykové podpory a dalších funkcí poskytovaných iPads, aby urychlilo proces vytváření drátů.
Keynote (10 USD)
Ne, vlastně, nemluvím. Tento Aplikace 10 dolarů pro vytváření prezentací má spíše velkou drátovou fanfáir.
A proč ne? Je to vektorová grafika. Jeho formát je standardní v Apple verši. Můžete propojit obrazovky dohromady a vytvořit interaktivnější prototyp, práce! Je dokonce a soubor nástrojů nebo dva, aby se usnadnilo vytváření drátu v aplikaci.
Adobe Ideas (zdarma)
Nakonec! Volná volba! Mějte na paměti, tento není technicky aplikace pro vytváření drátu. Je to spíše aplikace pro kreslení vektorů. V některých ohledech je to méně užitečné a v jiných je silnější.
Obecné otázky
Rámování kabelů na tabletu může být obtížné. Některé z aplikací, se kterými jsem se setkali, jsou zdrojové prase. Navíc je těžké umístit prvky rovnoměrně. Ve většině těchto aplikací jsou funkce "snap-to-guide", ale mají omezenou pomoc. Přál bych si, aby byl efekt "snapping" o něco silnější.
Mocking Pal řeší tento problém tím, že poskytuje některé směrové šipky, které pohybují vybraný prvek po jednom pixelu najednou. Toto je pomalé řešení, a proto není zcela ideální. Také je to jediná aplikace, kterou jsem zkoušel, který skutečně řeší problém.
Konečně, jaké řešení si vyberete, závisí na vašem preferenci. Ale určitě existují nějaké silné možnosti, které vám umožní, abyste se uvízli ve vašem dojíždění, ve vaně nebo ve vaší místní kavárně.