Balsamico maketa. Makety Balsamiq? Krátce o programu. Co je v programu možné

Mockup je program pro vytváření rozvržení rozhraní - rozvržení GUI. Bude užitečné především pro návrháře rozhraní a vývojáře programů.

Program trochu připomíná zjednodušený vektorový editor. Nabízí se vám několik hotových prvků, které jednoduše přetáhnete na pracovní plochu. Můžete měnit velikost prvků a vytvářet podpisy.

Mezi nedostatky bych rád poznamenal malý počet funkcí v programu. Ale pro rychlá tvorba jednoduché rozvržení Maketa bude stačit.

Hotové rozvržení lze exportovat do formátů PNG a SVG. Soubor můžete uložit, abyste jej mohli později otevřít a pokračovat v úpravách.

Instalace programu Mockup na Ubuntu Linux

Chcete-li nainstalovat Mockup do Ubuntu je lepší Stačí použít úložiště PPA od vývojářů. Obsahuje nejnovější verzi programu. Chcete-li nainstalovat, spusťte v terminálu následující příkazy:

Sudo add-apt-repository ppa:mockup-team/releases sudo apt-get update sudo apt-get install mockup

Dobrý den, dnes si povíme něco o vytváření maket webů a aplikací. Rozvržení znamená vizuální zobrazení části rozhraní. To je někdy nutné pro rychlý náčrt a přenesení toho všeho do další etapa. Potřeboval jsem například rozvržení webových stránek, do kterých jsem vložil zadání, aby zákazník přibližně věděl, jak to celé bude vypadat. Rozvržení byla vytvořena v Balsamiq Mockups. O tomto programu se bude diskutovat.

Stručně o tom, proč jsem si vybral tento program. Prostě nebyl čas a vzal jsem první, co mi přišlo pod ruku. Samozřejmě, když jsem hledal na internetu, blýskla se jmény jako Axure, MS Visio a hromada dalších. Tento mě ale zaujal jako první a zcela uspokojil mé požadavky. dál jsem na netu nehledal. I když si můžete všechno vyzkoušet a udělat si srovnávací analýzu.

Makety Balsamiq? Krátce o programu

Snímek obrazovky programu

Webové stránky vývojářů programu. Program si můžete stáhnout. Program je multiplatformní. Powered by Air. Navíc je k dispozici online verze ke kontrole. V tomto případě musí být nainstalován Flash.

Balsamiq Mockups Desktop je bohužel placený program. Verze stažená ke kontrole funguje 7 dní. Po sedmi dnech program pokračuje v práci, ale není zde žádná možnost uložit dokončený layout. Obecně platí, že pokud opravdu chcete, můžete! 🙂 Crack Balsamiq Mockups Desktop- jen to přesuňte systémové hodiny zadní. Zdá se, že program při první instalaci označuje datum ukončení. zkušební verze Jak aktuální datum v době instalace plus 7 dní. Jen nezapomeňte změnit čas zpět, abyste: 1) neztratili se v čase 🙂 2) když jste změnili čas a zapomněli ho změnit zpět, při procházení stránek byly problémy s certifikáty; 3) jsou možné další poruchy v systému. Mimochodem, hledal jsem crack online, ale nenašel jsem ho, pravděpodobně proto, že to není potřeba, každý zřejmě obchází ochranu.

Co můžete v programu dělat:

• kreslení rozvržení pro webové stránky
• vytvořit rozvržení pro mobilní aplikace, zejména iPhone - existují speciální widgety pro ovládání iPhone;
• Pro desktopové programy Rozvržení rozhraní můžete také nýtovat

Myslím, že stojí za zmínku, že výstupem je pouze soubor – grafika formát PNG, PDF dokument nebo soubor projektu. K rozložení nejsou připojeny žádné funkce, jako například v Axure.

Balsamiq Mockups Desktop v akci

První věc, kterou chci říci, je, že abyste mohli zadávat ruská písmena, musíte v nabídce Zobrazit vybrat Použít systémová písma. V tomto případě bude použito standardní písmo, který obsahuje styly pro ruská písmena.

Jak vidíte, prvky rozvržení mají ručně kreslený vzhled. Podle mě to vypadá dobře a ne moc dětinsky. To je vše. I když některým lidem se tento typ vykreslování pravděpodobně nebude líbit.

Podívejme se na rozhraní programu.

Ve skutečnosti není co říci o vytváření maket - vše je jednoduché.

Výsledky

Líbilo se mi:

1. Program je multiplatformní a má online verzi - to je skvělé
2. snadnost učení
3. rychle v práci
4. přítomnost mnoha ovládacích prvků, widgetů, jako je textové pole, Combobox, okno prohlížeče atd.

Nelíbilo se mi:

1. zaplaceno, i když jak je psáno výše, je tam takříkajíc crack 🙂 obecně se to asi nedá správně říct “nelíbila se mi platba”, to jsou vývojáři, chtějí jíst a krmit jejich rodiny; Zaplacenou cenu nazvěme jen malým mínusem;
2. nedostatek vrstev; Samozřejmě chápu, že vrcholem je jednoduchost, ale sakra opravdu chci, aby byly;
3. Některým widgetům stále chybí něco potřebného, ​​například pokud je mnoho karet, pak se nevejdou do dvou řad, budete muset tento widget roztáhnout, aby byly všechny karty viditelné;

To se zdá být vše, napište do komentářů

Přidána verze 3.3.14

Ahoj přátelé Balsamiq!

Jak víte, nikdy nás neomrzí vylepšovat náš malý nástroj pro vás všechny. :)

Podívejme se, co je v dnešním vydání.

Snazší přístup k náhradníkům!

Mnoho z vás o to požádalo a tady to je!

Nyní můžete snadno vybírat alternativy jak z nabídky navigátoru, tak z nabídky navigátoru na celé obrazovce.

Děkuji všem lidem, kteří o to požádali v tomto vlákně, tomto, tomto a prostřednictvím e-mailu.

Nové, další možnosti ovládání pro Android!

Takže jsme slyšeli, že se tato věc pro Android stává populární a vypadá to, že by tu mohla zůstat ;) a tak jsme si řekli, že bychom usnadnili vytváření drátových modelů Android aplikací, aniž bychom museli používat externí knihovnu symbolů.

Tato verze obsahuje první várku změn, další přijdou v budoucnu.

Nové možnosti vyhledávání

Přidali jsme možnost tvaru, aby měl ovládací prvek Hledat zaoblené rohy nebo obdélník, ikonu vyhledávání jsme učinili volitelnou a přidali možnost zobrazit nebo skrýt ikonu mikrofonu.

Nový Textový vstup Možnosti ohraničení

Přidali jsme možnost, aby byl okraj ovládacího prvku zadávání textu pouze spodní řádek, nikoli obdélník. Android-y! :)

Nové možnosti ukazatele průběhu

Do Progress Bar jsme přidali tenký styl a podporu barev. Pěkné a pružné.

Nové možnosti upozornění

Přidali jsme jiný styl pro tlačítka (bez ohraničení) a přidali podporu pro barvu tlačítka.

Další vylepšení a opravy chyb
Opravena chyba při odstraňování přepsaných vlastností instance roztaženého symbolu.
Opravena chyba při přetahování symbolů mezi knihovnami v některých vzácných případech.
V našich webových verzích jsme vylepšili uživatelské rozhraní stahování BMPR a podkladů do vašeho počítače v prohlížeči Chrome (chyba byla opravena). Tato verze byla vydána jako verze 3.3.13 25. března.
Opravena chyba při exportu šipek s výchozími vlastnostmi ovládacích prvků do BMML.
Opraven problém s obnovenými maketami, které v některých případech neskončily na své předchozí pozici.
Opraveno řazení rychlého přidání, které nerozlišuje velká a malá písmena.
Opraven problém, kdy jsme v některých případech ignorovali znaky tabulátoru. Děkujeme Lesani za nahlášení!
Nyní přidáme aktuální datum vrchol našeho log souboru (pomáhá s laděním)
Opravena chyba při vracení transformace skupiny na jiný typ ovládacího prvku. Děkuji moc Stewarte M. za nahlášení!
Opravena regrese, kdy klávesa ENTER již nevstupovala do instance skupiny nebo symbolu.
Opraven kosmetický problém s kreslením bloku textu při úpravě skupiny.
Změnili jsme algoritmus, který rozhoduje o posouvání obsahu doprava při zobrazení pravého panelu. Nyní by se to mělo stávat méně často. Děkujeme Robsonovi za nahlášení!
Opravena chyba s nefunkčním CTRL+Z při úpravě textu v některých případech.
Nyní můžete kopírovat/vkládat makety a poznámky k projektu, aniž byste je museli upravovat. Díky Stromatolyte a Liubi za to, že si to vyžádali!
Usnadnili jsme uspořádání maket přetažením miniatur. Děkujeme Aras_Kannu za žádost!
Opraveno nepříjemné „skákání“ při přepínání mezi maketami v režimu celé obrazovky. Děkujeme Marcu P. za nahlášení!

Pro kreslení náčrtů rozhraní. Nerad kreslím ručně, což ve spojení s časem, který zabere překreslování, eliminuje použití papíru. Balsamiq uchvátí nápady na jídla k večeři, a co je nejdůležitější, svou pověstí a vzhled programy, ve kterých můžete rychle pracovat. Ale je tomu skutečně tak?

Životní rada od Balsamiqa

Provedl jsem jednoduchý experiment a nakreslil jsem přihlašovací stránku v Balsamiq a Sketch, jako je Facebook. V Balsamiqu to bylo hotové za 15 minut a ve Sketch za 17 minut a 18 sekund.

Kreslení takové stránky v Balsamiqu trvalo asi 15 minut a ve Sketch jen o dvě minuty více

Rozdíl není tak velký, že? Je ale zřejmé, že v skutečné problémy, když dojde k mnoha iteracím a vykreslí se více než jedna obrazovka, bude se kumulovat zisk času. Aby bylo použití Balsamiqu oprávněné a skutečně rychlé, stojí za to zvládnout několik jednoduché techniky rychlá práce.

Použití syntaxe

K formátování textu v Balsamiqu můžete použít řídicí znaky. Například text obklopený hvězdičkami se změní na tučný a použití pomlček změní sloupec na seznam s odrážkami.

Příklad analýzy

Je také užitečné použít "\r" k zalamování textu, protože tento řídicí znak pomáhá umístit dva řádky textu do nějakého druhu těsné kontroly.

Používání symbolů

Symboly v Balsamiqu jsou objekty, které lze měnit současně z jednoho místa, bez ohledu na to, kolik jich je. Jsou implementovány extrémně jednoduše a jediným problémem s nimi je najít, kde se nacházejí, a donutit se je používat.

Symboly jsou v nabídce hamburgerů, nejsou zřejmé

Použití Mockups To Go

Mockups To Go vám umožňuje přeskočit kreslení, když už je pro vás vše nakresleno. Toto je online knihovna hotové rozvržení a šablony pro iOS, Android, Windows Phone a další platformy. Přejděte na https://mockupstogo.mybalsamiq.com/projects a stáhněte si příslušný layout a poté jej jednoduše importujte do svého projektu.

Spousta hotových maket v Mockups To Go

Rychlé přidávání objektů

Empiricky bylo zjištěno, že nejvíce času se stráví hledáním požadovaný objekt v knihovně (pokud pracujete s myší). Existuje však způsob, jak proces výrazně urychlit.

Organizace knihovny: dlouhý svitek, mnoho kategorií

Chcete-li přidat objekt, stiskněte klávesu „+“ a začněte psát jeho název. S největší pravděpodobností jej najdete ve výzvách, které se objeví, stačí stisknout Enter a objekt bude přidán na plátno. Jak si zapamatujete názvy objektů v Balsamiqu, proces bude ještě rychlejší.

Rychlé přidání objekty přes „+“

Použití „+“ k přidávání položek mi šetří více času než jakákoli jiná klávesová zkratka, ale přesto je dobré podívat se na celý seznam.

P.S.

Více pro efektivní práce Stojí za to strávit patnáct minut učením se podrobností o rozhraní Balsamiq. Je zajímavé, že když export projektu trvá dlouho, Balsamiq vás zaměstnává citáty o dobrém designu.