Balsamiq Mockups vlastné ovládacie prvky a šablóny stránok

Balsamiq Mockups Custom Controls

Práca so symbolmi

Počnúc verziou 2.0 podporuje model Mockups for Desktop koncept symbolov. Iný softvér označuje tú istú vlastnosť ako šablóny alebo vzorové stránky, komponenty alebo widgety.

Počnúc verziou 2.0 podporuje počítačová verzia Mockups koncept Symbol. Podobné funkcie sa v inom softvéri nazývajú Šablóny, Hlavné stránky, Komponenty alebo Widgety.

Symboly vám v podstate umožňujú opätovné použitie spoločných prvkov v rôznych maketách.

Symbol vám v zásade umožňuje odkazovať na spoločné prvky vo viacerých súboroch makiet.

Tu je rýchly úvod do videa, ktorý ukazuje výhody tejto funkcie.

Vytváranie symbolov Vytváranie symbolov

Symboly v maketách sú jednoducho pomenované skupiny, ktoré boli „prevedené“ na symboly (o tom, čo sa deje pod kapotou, si povieme neskôr), najskôr si však vytvorme symbol!

V maketách je Symbol skupina, ktorá ho jednoducho pomenuje do podoby Symbolu. O ďalších jej klobúkoch budeme hovoriť neskôr. Teraz vytvorme Symbol!

Môžete vytvoriť novú skupinu na konverziu na symbol alebo použiť skupinu, ktorú už máte. Nasledujúce kroky predpokladajú, že vytvárate novú skupinu.

Môžete vytvoriť novú skupinu alebo vybrať skupinu, ktorá už bola vytvorená, a previesť ju na Symbol. Nasledujúce kroky predpokladajú, že sa začína vytvorením novej skupiny.

1. Vyberte ovládacie prvky, ktoré chcete zoskupiť
2. Zoskupte svoj výber (vyberte Upraviť -> Zoskupiť a skupina zmení modrastú farbu)
3. Pomenujte skupinu (t. J. Prihlasovací formulár)

1. Vyberte ovládacie prvky, ktoré chcete zoskupiť
2. Skupina vyberie ovládací prvok. (Vyberte príkaz Skupina v ponuke Upraviť, skupina bude modrá.)
3. Pomenujte skupinu. (napríklad prihlasovací formulár)

4. Uložte súbor s novou skupinou (ak chcete skupinu previesť na symbol, musíte súbor uložiť.)
5. Kliknite na ikonu „Previesť na symbol“ v inšpektore nehnuteľností na symbol。

4. Uložte súbor s touto novou skupinou. (Súbory musia byť uložené pred konverziou skupiny na symbol.)
5. Kliknutím na tlačidlo Previesť na symbol v inšpektore vlastností vykonajte prevod na symbol.

Všimnete si, že výber skupiny sa zmení na svetlozelenú. To znamená, že výber je teraz inštanciou symbolu.

Všimnete si, že výber skupiny sa zmenil na jasne zelenú farbu. To znamená, že je vybratá inštancia Symbol.

Teraz máte symbol s názvom „prihlasovací formulár“, ktorý sa zobrazí na karte Projektové aktíva v knižnici používateľského rozhrania. (Symbol môžete pridať aj pomocou funkcie Rýchle pridanie).

Teraz máte Symbol s názvom „prihlasovací formulár“, ktorý sa zobrazí na karte Projektové aktíva v knižnici používateľského rozhrania. (Môžete ich tiež pridať pomocou funkcie Rýchle pridanie.)

Pod kapotou

Keď kliknete na „Previesť na symbol“, program Mockups for Desktop pridal vami vybranú skupinu do súboru s názvom symbols.bmml v priečinku s názvom „assets“ hneď vedľa vašich súborov bmml. Ak ste si ich ešte nečítali, mali by ste sa poradiť s našimi osvedčenými postupmi pri vytváraní projektov pomocou makiet.

Len čo kliknete na „Previesť na symbol“, program Mockups Desktop pridá vybranú pomenovanú skupinu do súboru symbols.bmml v priečinku prostriedkov vedľa vášho súboru BMML. Ak nepoznáte priečinok s prostriedkami, možno budete musieť prečítať osvedčené postupy vytvárania projektov pomocou makiet (použitie makiet na vytvorenie osvedčených postupov pre projekty).

Kľúčom k pochopeniu symbolov v maketách je, že symboly sú pomenované ako skupiny obsiahnuté v súboroch BMML, ktoré sú uložené v priečinku vašich projektov.

Kľúčom k pochopeniu Symbolu je, že Symbol je pomenovaná skupina uložená v súbore BMML v priečinku projektových aktív.

Vieme, že vyššie uvedená definícia je dosť hustá, ale úplné pochopenie vám pomôže vyťažiť z tejto úžasne výkonnej funkcie maximum. Nerobte si starosti, ak vám to práve teraz dáva malý zmysel, vrátime sa k tomu. Stačí si to prečítať ešte raz a ísť ďalej. :)

Vieme, že táto definícia je dosť nejasná, ale jej dôkladné pochopenie vám pomôže zvládnuť túto a jej výkonné funkcie. Ak o Symbole stále nie je žiadny koncept, nebojte sa, vráťme sa spolu a naučme sa znovu pokračovať. )

Prepísanie vlastností symbolu Predefinujte vlastnosť symbolu

Po vytvorení symbolu ho budete často chcieť pri každom použití trochu zmeniť. Predstavte si napríklad Symbol, ktorý ste vytvorili ako hlavnú stránku / šablónu a ktorý obsahuje nadpis a navigáciu webovej stránky.

Len čo vytvoríte Symbol, budete musieť pri každom použití urobiť malé úpravy. Predpokladajme, že vytvoríte Symbol ako hlavnú stránku / chrám, ktorý obsahuje názov a navigáciu na webovej stránke.

Všetky vaše webové stránky budú mať rovnakú veľkosť písma a pozíciu pre nadpis, ale text nadpisu by sa mal na každej stránke líšiť. To isté platí pre stránku, ktorá by sa mala na navigačnom paneli zobrazovať ako aktuálna.

Názov stránky pre celú webovú stránku má rovnakú veľkosť písma a umiestnenie, ale text nadpisu pre každú stránku je iný. Rovnako navigačný panel identifikuje aktuálnu adresu konkrétnej stránky.

Symboly vám umožňujú dosiahnuť tento výsledok tým, že vám umožňujú prepísať vlastnosti symbolov pri každom použití symbolu. Ak to chcete urobiť, začnite dvojitým kliknutím (alebo stlačením klávesu ENTER alebo F2) na symbol „zadajte ho“.

Symbol vám umožňuje predefinovať atribúty zakaždým, keď ich použijete. V prípade potreby dvakrát kliknite na symbol, zadajte alebo stlačte klávesovú skratku F2 „Enter Internal“.

Aj keď je táto skúsenosť veľmi podobná upravovaniu obsahu skupiny, všimnete si, že Mockups for Desktop vás varuje, že to, čo robíte, skutočne prevyšuje niektoré vlastnosti Symbolu.

Je to podobné ako úprava skupinového obsahu, ale všimnete si, či potrebujete skutočne predefinovať vlastnosti Symbolu.

V tomto okamihu môžete ľubovoľne manipulovať s každým ovládacím prvkom vo vnútri symbolov, akoby ste upravovali skupinu. Niektoré operácie nie sú povolené pri prepísaní vlastností symbolov, napríklad pridanie, odstránenie alebo zoskupenie ovládacích prvkov.

Rovnako ako úpravy skupiny, môžete ľubovoľne upraviť všetky ovládacie prvky v časti Symboly. Nie sú povolené operácie, ktoré presahujú vlastnosť Symbol, ako napríklad pridanie, odstránenie alebo zoskupenie ovládacích prvkov.

Ak urobíte chybu, môžete sa kedykoľvek vrátiť späť. Ak chcete odstrániť jednu zmenu vlastnosti a vrátiť sa k predvolenej vlastnosti Symbolu, môžete kliknúť na malú zelenú ikonu „x“ v inšpektore vlastností.

Ak urobíte chybu, návrat môžete kedykoľvek vrátiť. Ak chcete vrátiť späť iba poz. & Veľkosť a vrátite sa k predvolenej hodnote Symbol, môžete kliknúť na zelenú ikonu „x“ v Inšpektore nehnuteľností (napravo od Poz. & Veľkosť).

Môžete tiež vrátiť všetky zmeny, ktoré ste vykonali v inštancii Symbolu, naraz pomocou ikony „x“ v inšpektore vlastností, ktorú vidíte pri výbere celého symbolu.

Prostredníctvom ikony „x“ v inšpektore nehnuteľností (stĺpec úplne vpravo v stĺpci Symbol) môžete vrátiť späť všetky operácie (pozícia a veľkosť a obsah) a obnoviť inštanciu Symbol.

Úpravy zdroja symbolu Upravte zdrojový súbor symbolu

Hlavnou výhodou opakovane použiteľných symbolov je, že ak potrebujete urobiť zmenu, stačí to urobiť na jednom mieste a rozšíri sa do všetkých inštancií (použití) daného symbolu.

Hlavnou výhodou opätovného použitia Symbolu je, že akonáhle potrebujete vykonať úpravy, stačí upraviť miesto a aktualizovať všetky inštancie Symbolu.

Ak chcete upraviť zdroj Symbolu, jednoducho otvoríte súbor BMML, ktorý obsahuje symbol, a upravíte ho normálne, rovnako ako pri úprave skupiny. Uložte zmeny, vráťte sa k maketám, ktoré tento symbol používajú, a všimnite si, že vaše zmeny boli použité, práve tak!

Upravte zdrojový súbor Symbol tak, ako by ste upravovali skupinu. Stačí otvoriť súbor BMML obsahujúci Symbol a upraviť ho. Uložte si aktualizácie, vráťte sa k maketám a použite Symbol, a všimnete si, že zmeny sa prejavili, a je to.

V aplikácii je niekoľko skratiek, ktoré vám pomôžu dostať sa k zdroju Symbolu a upraviť ho:

Program poskytuje 2 skratky, ktoré vám pomôžu otvoriť zdrojový súbor Symbol na úpravy.

• Môžete zvoliť inštanciu Symbolu a stlačiť tlačidlo „Upraviť zdroj“ v inšpektore vlastností.
• Môžete zvoliť inštanciu Symbol a kliknúť na „Upraviť zdroj“ v inšpektore vlastností.

• Môžete zadať symbol pre prepísanie a potom stlačiť tlačidlo „Upraviť“.
• Môžete zadať inštanciu Symbol a kliknúť na tlačidlo „Upraviť“, ako je to znázornené nižšie.

Knižnice symbolov

Knižnica symbolov je súbor definícií symbolov. Možno budete chcieť vytvoriť knižnicu symbolov, aby ste mohli zdieľať spoločné ovládacie prvky so svojím tímom alebo ich zdieľať s komunitou prostredníctvom makiet To Go.

Ak chcete vytvoriť Knižnicu symbolov, všetko, čo musíte urobiť, je vytvoriť súbor bmml, vytvoriť niekoľko skupín (jedna pre každý symbol) a dať každej skupine názov.

Knižnica symbolov je zbierka symbolov. Môžete vytvoriť zdieľané ovládacie prvky knižnice symbolov pre svoj tím alebo ich zdieľať prostredníctvom komunitných makiet To Go.

Ak chcete vytvoriť Knižnicu symbolov, musíte vytvoriť súbor BMML a niektoré skupiny (každá z nich je symbolom) a skupina má svoj vlastný názov.

Kedykoľvek niekto uloží váš BMML do priečinka s aktívami, bude môcť použiť skupiny v ňom obsiahnuté ako symboly v ľubovoľnej makete daného projektu.

Pokiaľ je v priečinku s aktívami uložený súbor BMML, skupina sa prevedie na symbol, ktorý je možné použiť v ľubovoľnej makete tohto projektu.

Ešte jedna vec ... Používanie celých makiet ako symbolov Ešte jedna vec ... celá maketa ako symbol

Existuje malé tajomstvo, ktoré sme s vami zatiaľ nezdieľali. Pamätáte si, ako sú symboly v maketách jednoducho pomenované ako skupiny obsiahnuté v súboroch BMML, ktoré sú uložené v priečinku projektu?

Ukázalo sa, že to nie je tak celkom pravda. Existuje ešte jeden spôsob, ako vytvoriť Symbol v maketách: stačí vytvoriť maketu bez ŽIADNYCH SKUPÍN a uložiť ju do priečinka s aktívami. Makety to zistia a S CELÝM MAKUPOM zaobchádzajú ako so symbolom pomenovaným podľa názvu súboru makety.

Stále máme malé tajomstvo, ktoré s vami nebolo zdieľané. Pamätáte si túto vetu? „V maketách je Symbol jednoduchá pomenovaná skupina, ktorá sa prevedie do formy Symbol a uloží sa do súboru BMML v priečinku projektových aktív.“

V skutočnosti to nie je úplne správne. Existuje tiež spôsob, ako vytvoriť symbol v maketách: vytvoriť maketu bez skupiny do priečinka aktív. Makety vezmú celú maketu ako symbol a názov bude nasledovať za názvom makety.

Z tohto dôvodu je úplná definícia symbolov nasledovná:
Z tohto dôvodu dokončite definíciu Symbol takto:

Symboly v maketách sú buď pomenované skupiny obsiahnuté v súboroch BMML, ktoré sú uložené v priečinku aktív projektu, alebo súbory BMML, ktoré neobsahujú žiadne skupiny, uložené v priečinku projektu.
V maketách je Symbol pomenovaná skupina, ktorá je pomenovaná v súbore BMML v priečinku aktíva projektu, a súbor BMML, ktorý nemá v priečinku skupinu.

Zdieľanie symbolov medzi projektmi Zdieľanie symbolov medzi projektmi

Čo? Stále čítaš? Jednoducho nemáte dosť symbolov, však? )
čo? Stále pozeráš? Nestačí vám tieto informácie o symboloch?

V poriadku, keďže ste o to požiadali, vysypeme za vás všetky fazule. Doteraz sme hovorili o „priečinkoch prostriedkov projektu“, adresári s názvom „diela“, ktorý sa nachádza vedľa vašich súborov BMML.

Ok, odkedy si prišiel k dverám, museli sme byť úplne priznaní. Doteraz sme hovorili o priečinku zdrojov projektu, tento adresár s názvom „assets“ sa nachádza vedľa vášho súboru BMML.

To je všetko pekné a dobré, ale čo ak chcete zdieľať symboly vo všetkých svojich projektoch?

Je to všetko dobré, ale čo ak chcete tieto symboly zdieľať vo všetkých projektoch?

Mockups má koncept priečinka „aktíva v účte“, aby pomohol používateľom, ktorí sami majú moc, ako ste vy. Implicitne ho Mockups vyhľadáva vo vašom priečinku Documents, v adresári s názvom „Balsamiq Mockups“, ale môžete určiť, kde ho majú Mockups hľadať, pomocou konfiguračného súboru.

Aby sme vám pomohli s takýmto superužívateľom, spoločnosť Mockups predstavuje koncept priečinka prostriedkov súboru účtov. V predvolenom nastavení Mockups nájdu váš priečinok „dokumenty“, umiestnia priečinok „Balsamiq Mockups“ a môžete tiež určiť umiestnenie prostredníctvom súboru Config.file.

Ak vložíte obrázky alebo súbory BMML do priečinka s názvom „assets“ vo vnútri priečinka s názvom „Balsamiq Mockups“ vo vnútri priečinka s dokumentmi, tieto obrázky a symboly budú prístupné z ktoréhokoľvek z vašich projektov v priečinku „Account Assets“ v priečinku vaša knižnica používateľského rozhrania, ktorá sa zázračne zobrazí, iba ak priečinok s prostriedkami účtu existuje a má niečo do seba.

Ak umiestnite obrázky alebo súbory BMML do priečinka document Balsamiq Mockups assets, tieto obrázky a symbol sú k dispozícii v ľubovoľnom projekte. Pokiaľ má priečinok prostriedkov účtu príslušné súbory, magicky sa zobrazí na karte Účty účtu v knižnici používateľského rozhrania.

Píšem to menšie, pretože je to také vzrušujúce, že by ste mohli omdlieť: zvážte vytvorenie zdieľaného priečinka Account Assets v DropBoxe a povedzte všetkým vo svojom tíme, aby do tohto priečinka nasmerovali svoje konfiguračné súbory. Nechajte to na minútu zapadnúť. Ja viem, páni. WOW.

Teraz píšem takým malým slovom, pretože ďalšie je veľmi vzrušujúce a dokonca vás omdlieva: zvážte vytvorenie zdieľaného priečinka zdrojov účtu v DropBoxe a potom povedzte všetkým vo svojom tíme, aby nasmerovali svoj profil na túto adresu. .. Počkaj chvíľu. Viem, wow, wow wow ~.

Ďalšie kroky a spätná väzba Ďalšie kroky a spätná väzba

V súčasnosti symboly fungujú iba v maketách pre počítač a nemôžete vnoriť symboly do iných symbolov. Ak sú pre vás tieto funkcie dôležité, dajte nám vedieť!

V súčasnosti Symbol môže fungovať iba v počítačovej verzii makiet a podporuje Symbol na vnorenie ďalších symbolov. Ak sú pre vás tieto funkcie dôležité, dajte nám vedieť.

Máte nejaké otázky týkajúce sa symbolov alebo spätnú väzbu k tomuto dokumentu? Pošlite ich sem!

Máte nejaké otázky týkajúce sa spoločnosti Symbol alebo tohto dokumentu? Prosím, pošlite to sem.