Kako narediti prototip v Axure RP, če ne razumete ničesar

Axure RP je najbolj znana in priljubljena prototipna programska oprema za spletne strani in aplikacije. Dovolj globoko za izdelavo kompleksnih elementov, pri čemer je dovolj lahka, da po desetih minutah rokovanja v vmesniku pripravi postavitev. Seveda je daleč od edinega - obstaja še mnogo drugih načinov za izdelavo prototipa.

Ena od glavnih značilnosti Axure (v primerjavi s konkurenti) je zmožnost programiranja obnašanja gumbov, zabojnikov, pripomočkov. Na podlagi tega lahko nastane prototip, ki bo deloval kot polnopravna spletna stran / aplikacija.

Disclaimer: to je moj prvi članek. Ne vem, kako naj pišem, vendar se je nabralo izkušnje. Zato, na podlagi ta članek. Upam, da bo gradivo koristno. Hyde ne trdi za končno resnico - nekatere odločitve in misli so subjektivne, čeprav so preizkušene na mnogih projektih.

Kar zadeva strukturo priročnika, bo:

Članek je pripet na obravnavani prototip v formatu .rp, ki ga lahko prenesete kot primer. Uporabljene knjižnice z ikonami, gotovi pripomočki so priloženi prototipu.

Obravnavani prototip se bo nahajal na povezavi //fys0bf.axshare.com.

Za vsak obravnavani primer je priloženo video navodilo. Torej ne bi smeli imeti težav, kot v nekaterih učbenikih za oblikovanje.

Malo o UX / UI

Skratka, UX (uporabniška izkušnja) je izkušnja, kako uporabnik zazna vmesnik, kakšna čustva se pojavijo pri interakciji z njim. UI (uporabniški vmesnik) - to je tisto, kar vidi, s katerim je povezan.

Vmesnik je lahko karkoli: kladivo, klešče, hladilnik, armaturna plošča letala, počasen štedilnik in tako naprej. poklicni pilot.

Če narišete vzporednik s kladivom, je kladivo UI ročaj, kladivo in nogavica. UX kladivo je tisto, kar oseba čuti, ko udari žebelj.

Pri oblikovanju vmesnika si je treba prizadevati, da je tako preprosto, kot je vmesnik kladiva ali kopač palice. Vsak zaplet bo povzročil, da bodo uporabniki napenjali glave in jim ne bo všeč.

Najboljši vmesnik je, ko uporabniki sploh ne opazijo, kaj je, ampak preprosto dobijo, kar potrebujejo, ne da bi se počutili neprijetno - naročite, preberite članek, kupite vozovnico itd.

Kot je dejal Steve Jobs: "Design ni način, kako izgleda naprava, ampak kako deluje." Zato je glavni cilj, da deluje tako, da uporabniki ne obotavljajo v procesu. O prisotnosti vmesnika se običajno spomni v dveh primerih:

- Neprijeten je. Majhni gumbi, morate "cilj", da kliknete. Razmik med vrsticami je prekratek, morate pregledati. Na ciljni strani je veliko neuporabnih informacij, prav tako je treba najti element pretvorbe. No, razumete.

- Professional. Kdo dela z vmesniki ali se zanima za temo, bo pozorna na to, kako dobro je izdelana.

Za tiste, ki so v rezervoarju: kje je prototip spletne trgovine in tako visoki pojmi o tem, kaj uporabnik čuti? In poleg tega. Priročnost prihodnjega vmesnika je treba razmisliti na ravni okostja, poti prehoda osebe skozi spletno stran (kartiranje potovanja stranke). Seveda bo na ravni oblikovanja veliko stvari prilagojeno, dodane barve, slike. Toda baza je ohranjena, in je določena samo na stopnji ustvarjanja prototipa.

Na splošno se lahko oblikujejo naslednji "dobrotniki":

- Preprostost Ne poskušajte narediti bolj izpopolnjenega, težjega. Poenostavite, skrajšajte.

- Predloge Ne poskušajte razmišljati o kolesu, novem elementu vmesnika, posebni funkciji, ki je nikjer ne najdete. Več tipičnih elementov na mestu na njihovih mestih, večja je možnost, da bo uporabnik razumel, za kaj so. To pravilo je seveda primerno pri ustvarjanju nekaj tipičnega. Če razvijate novo storitev ali vmesnik na novi platformi (npr. Za očala z navidezno resničnostjo), morate eksperimentirati.

- Ciljno občinstvo. Ne glede na to, kako težko se sliši, morate razumeti, za katero osrednjo Azijo je vmesnik namenjen. Starost, spol, izobrazba, obseg, stopnja bogastva. Vse to je treba upoštevati pri oblikovanju prototipa. Na primer, če je vaša ciljna stran osredotočena na prodajo zelo dragih ur, potem ne morete uporabiti kričavih sloganov o popustih, ogromnem gumbu CTA na vsakem zaslonu ali utripajočem pultu, 10 minut po naročilu po razumni ceni. V primeru, da LP predstavlja zaslužek na internetu v sistemu mrežnega trženja (čarobni prehranski dodatki, ki omogočajo pogovor z umrlo babico), bodo taki elementi več kot primerni. Še več bom povedal: njihova uporaba bo pomagala odpraviti ciljno zdravljenje na ravni vmesnika.

- Tekmovalci. Nekateri slavni ljudje so rekli: "Dobri umetniki kopirajo, veliki umetniki kradejo." Pravzaprav kradejo ideje pri oblikovanju vmesnikov od konkurentov. Tekmovalci so lahko neposredni in posredni. Priporočam tudi, da se na tujih območjih spijunirajo dobre rešitve.

Namen tega gradiva je pokazati, kako izdelati prototip v Axure RP. Nadalje ne bo več zastavljenih vprašanj, zakaj je ta element postavljen tako drugače.

Načela in značilnosti prototipa v Axure

Preden začnete oblikovati vmesnik, je pomembno razumeti, za kakšen namen ga nameravate uporabiti. Od tega bo odvisno, v kolikšni meri naj se ta priročnik uporablja kot neposredno navodilo:

- Če naredite prototip spletnega mesta, da bi kasneje podali načrt in nato priložite tehnično nalogo - je za takšno shemo izračunan vodnik.

- Če ste oblikovalec, kupec (in imate vizijo izdelka in ga morate prenesti) ali pa morate pripraviti delovno shemo za predstavitev - lahko dodate več slik, se ukvarjate z globokim programiranjem elementov, se igrajte z barvo. Priporočljivo je tudi, da naredite prilagodljivo različico znotraj ene strani.

Na splošno so bile zahteve za izdelavo prototipov oblikovane že dolgo v tem materialu. Prenašam najpomembnejše in najpomembnejše, ter dodam iz prakse:

  • Vsi elementi (klobuk, klet) potekajo skozi mojster.
  • Ne naredite preskoka s stili, pisavami. Gre za naslovnice, glavno besedilo.
  • Vsi elementi, v katerih bo interaktivnost (drsnik, transparenti, spustni seznami itd.), Se bodo izvajali prek interakcij. To je potrebno za vizualno razumevanje, kateri elementi so statični in kateri niso.
  • Idealen prototip mora biti povezan, da je jasno, kje pride do prehoda ob kliku na element. Besedilne povezave so podčrtane, psevdo povezave so označene s črtkano črto.
  • Prototip je izdelan na tipičnih straneh. Na primer, spletna trgovina je: dom, katalog, kartica izdelka, stiki, navadna besedilna stran (plačilo, dostava, o podjetju), osebni račun, plačilni koraki. Glede na obseg in zahteve lahko dodamo FAQ, članke, stike v različnih mestih itd.
  • Prototip naj bo narejen na dimenzionalni mreži.
  • Če je za prototip že pripravljeno besedilo, ga morate uporabiti. Dovoljeno je uporabljati ribje besedilo (Lorem Ipsum), vendar morate razumeti približno, koliko besedila bo besedilo na koncu imelo.
  • Naslovi, besedilo v pojavnih oknih, elementi menija - morajo biti smiselni. Tudi če se kasneje spremeni med fazo urejanja, lahko napišete "delovni" naslov, ki izraža pomen.
  • Vse bi moralo biti zelo shematično, brez barvnih elementov. Vendar pa obstajajo izjeme. Če želite stranki pokazati rezultat, ki je blizu končnemu tipu (vodstvo, sodelavci, preizkuševalci), je včasih smiselno dodati barvne slike, logotipe in barvne rešitve.
  • Vse interaktivne elemente, strani, mojstre, nekatere objekte je treba smiselno poimenovati.
  • Priporočljivo je, da prototipe zaprete z geslom. Privzeto so na voljo samo z neposredno povezavo obrazca 23oh42.axshare.com.
  • Hierarhijo je treba izdelati na ravni strani, tako da je vidno gnezdenje.
  • Za vsako resolucijo je priporočljivo narediti ločeno stran: to bo pomagalo preprečiti zmedo pri sestavi na vseh nadaljnjih stopnjah: načrtovanje, sestavljanje TK, postavitev, programiranje. Vsako dovoljenje za ločevanje map.
  • Lahko uporabite začetni zaslon, na katerem bo zapisano, da za projekt, različico projekta, ki izdeluje prototip in povezave do osnovnih dovoljenj. Ta element ni obvezen.

Axure ima svoje "čipe", ki ga razlikujejo od tekmecev, tukaj je njihova nepopolna nastavitev:

  • Prototipi so zgrajeni na osnovi osnovnih elementov, kot v konstruktorju. Elementi so nato združeni v knjižnice. To so lahko ikone, polja z besedilom, gumbi, izbrane pisave in kompleksni objekti z veliko dinamičnimi ploščami.
  • Večina osnovnih elementov so pravokotne posode. Tudi ribje besedilo ali naslovi izgledajo kot posoda s prosojnim ozadjem z zloženo mejo. Na enak način lahko v poljubnem vsebniku postavite besedilo in ga na kakršen koli način oblikujete.
  • Dinamične plošče. Za ustvarjanje kompleksnih interaktivnih elementov boste morali uporabljati dinamične plošče. To je predmet ali skupina predmetov, ki se prenesejo v ločeno neskončno območje, znotraj katerega lahko ustvarite tudi neskončno število delovnih področij, ki so (na ravni) in na naslednji ravni gnezdenja. To shemo najbolje ponazarja sanje v sanjah iz filma "Začetek". Dinamične plošče se lahko skrijejo, premaknejo, spremenijo vsebine na straneh. Z njihovo pomočjo se izvajajo zavihki, modalna pojavna okna, kompleksni hover učinki, obremenitve strani itd.
  • Gospodar. Kot že omenjeno, mojster ni le zanimiva značilnost, temveč tudi bistven pogoj. Z njim lahko izvedete preko elementov, ki bodo ostali nespremenjeni na vseh straneh: header, podrum, obrazec za naročilo, kartico izdelka na seznamu. Poveljnik je v bistvu dinamična plošča, le da ima ločen delovni prostor (privzeto v spodnjem levem kotu) in funkcionalnost »dodaj / odstrani na vseh straneh«. Postavlja se vprašanje, kakšna je težava pri prepisovanju elementa na vsako novo stran? Tako je, če je prototip sestavljen iz 2-3 strani in se ne morete truditi z mojstrom. Ampak, če strani 20, in v procesu dela, morate narediti spremembe na end-to-end element, boste morali narediti spremembe na vseh straneh, kar je zelo neprijetno.

Tabela velikosti

Dimenzijska mreža je zasnovana tako, da ustvari neko organizacijo. To je kot primerjanje listov albumov A4 in grafičnega papirja: risanje lahko narišete na praznem listu, vendar je veliko bolj priročno, če ga uporabite z označevanjem.

Prototip bo uporabljal mrežo s 16 koloni za širino zaslona 1280 slikovnih pik.

Pri izračunu velikosti omrežja se priporoča uporaba storitve gridcalculator.dk.

Privzeti dokument manjka raslinovka in vodniki. Zato ga morate pred začetkom dela na prototipu ustvariti. Za to potrebujete:

  • Z desno miškino tipko kliknite na prazen prostor v delovnem prostoru.
  • Izberite Grid in Guides à Create Guides.
  • Nato lahko izbirate med prednastavitvami ali nastavite svoje.

Priporočljivo je, da vodila pritrdite tako, da se med delom ne premikajo nenamerno. To storite tako, da z desno miškino tipko kliknete prazno mesto in izberete Grid in Guides à Lock. Ustvarite lahko tudi mrežo točk: Mreža in Vodila à Prikaži mrežo.

Tema mrež za odzivno zasnovo je dobro razkrita v tem članku o Habréju.

Pregled vmesnika

Vmesnik Axure je precej preprost za branje in ima nizek vstopni prag. Hkrati pa je dovolj kompleksna, da omogoča vse njene funkcije. Delovni zaslon lahko razdelimo na naslednje elemente:

  1. Glavna orodna vrstica, Orodna vrstica sloga in Glavni meni.
  2. Strani.
  3. Knjižnice.
  4. Mojstri.
  5. Delovni prostor.
  6. Interaktor.
  7. Oris.

Nadaljnje podrobnosti o vsaki.

Glavna orodna vrstica, Orodna vrstica sloga in Glavni meni

Glavna orodna vrstica je orodna vrstica, ki tako ali drugače vpliva na premik gradnika ali skupine pripomočkov po zaslonu. Premikanje pomeni delovni prostor pri delu z objektom, ne pa njegova interaktivnost za uporabnika. V tej orodni vrstici lahko:

Spremenite način izbire gradnika (v celoti ali delno). Takoj poveži orodje - za povezavo pripomočkov lahko uporabite pri prevajanju miselnih zemljevidov (Mind map).

Orodje za pero, kot v Photoshopu. Neželeni element lahko izrežete iz gradnika.

Več - niz elementov, iz katerih boste uporabljali samo obrezovanje (Crop). Vendar pa bo veliko bolj priročno, da ga uporabljate v kontekstnem meniju (desni klik na element).

Zoom. Sprememba obsega. Priročno je videti, kakšna je trenutna lestvica za delovno območje. Za povečavo priporočam uporabo klasične funkcije: Ctrl + pomikanje s kolescem miške.

Spredaj / nazaj. Prilagajanje plasti gradnikov. Pogosto so pripomočki razporejeni drug na drugega, s pomočjo teh gumbov lahko prilagodite njihovo raven.

Skupina / Razdruži. Če želite združiti pripomočke in jih odstraniti. Pogosto se uporablja, če mora biti ena skupina elementov poravnana z drugo skupino elementov. Vroče tipke so dovolj priročne, da uporabite levo - Ctrl + G za združevanje objektov, Ctrl + Shift + G za odstranitev skupin.

Poravnaj / porazdeli. Za poravnavo predmetov: v sredini, vzdolž robov, enakomerno postavite predmete v vrsto. Jasno je, da si to lahko ogledate na povezavi. Iz te povezave lahko vidite, kako delujejo združevanje in usklajevanje skupin elementov.

Zaklepanje / odklepanje. Zakleni element Potreben za pritrditev elementa, da se ne bi pomotoma premaknili.

Levo / desno. Z orodji lahko odstranite levo in desno območje, da pod delovnim območjem dodelite več prostora.

Predogled / Skupna raba / Objava. Oglejte si, kako izgleda prototip v brskalniku. Predogled vam omogoča, da lokalno ustvarite projekt v brskalniku. Toda hitro pritisnite F5. Objavi - lahko pošljete strežniku Axure, kjer bo dostopen vsem (razen če je zaščiten z geslom).

Orodna vrstica sloga je orodna vrstica, ki je odgovorna za videz, velikost in oblikovanje.

  • Oblikovanje pisave, vrsta, velikost, barva, poravnava besedila - vse je zelo standardno.
  • Tudi bloki sami lahko spremenijo velikost meje, dodajo senco, spremenijo barvo blokov, barvo meja. Možno je nastaviti različne ravni preglednosti ali linearnega gradienta.
  • Možnost spreminjanja položaja objekta vzdolž osi x in y, velikost dolžine in višine (s sposobnostjo sorazmernega spreminjanja velikosti).
  • Sposobnost, da objekt postane neviden (skrit).

Interakcijo z orodno vrstico sloga si lahko ogledate v povezavi videoposnetka.

Strani

V tem bloku se oblikuje prototipna hierarhija, same strani. Ustvarite lahko tudi mape za preproste prelome strani. Če želite hitro ustvariti stran, lahko pritisnete Ctrl + Enter. Če želite popraviti hierarhijo, puščice v vmesniku ali Ctrl + puščice na tipkovnici.

Knjižnice

Sami pripomočki z možnostjo izbire knjižnice. Knjižnice gradnikov so standardne, ki prihajajo s programom. Internet je poln uporabniških knjižnic (google s poizvedbo »Prenos knjižnic v sistemu Axure«). Knjižnico lahko naredite tudi za udobje - na primer, knjižnica specializiranih ikon, orodnih vrstic, zavihkov itd. Skupaj z že pripravljenim prototipom, kot je bilo omenjeno na začetku, bo priložena obsežna knjižnica, ki jo boste uporabili za vaše zdravje.

Orodna vrstica je dokaj enostaven za uporabo - samo povlecite želeni pripomoček na delovni prostor.

Mojstri

Blok z mojstri, kot je navedeno zgoraj. Čarovnike na straneh je mogoče dodati ročno, tako da jih povlečete na delovni prostor kot pripomoček ali prek možnosti Dodaj strani (desni gumb miške na čarovniku). Ustvarjanje, dodajanje in delo z mojstri si lahko ogledate na videu. Poveljnik je lahko izdelan iz dveh vrst: zaklenjen na enem mestu in s sposobnostjo premikanja. Glava mesta lahko ustvarite fiksno na tem mestu (Lock to Master Location), kjer je bila ustvarjena, ostalo pa lahko naredite bolje brez (Place Anywhere).

Delovni prostor

Delovni prostor je kraj, kjer je izdelan prototip. Uporabljene strani, čarovniki, dinamične plošče so razporejene v zavihke nad delovnim območjem.

Interaktor

Skratka, s pomočjo te orodne vrstice je programirano celotno dejanje. Sestavljen je iz treh zavihkov: Lastnosti, Beležke, Slog.

Lastnosti

Набор событий, которые можно задействовать для определенного взаимодействия элемента или группы элементов. Их всего около 30, но обычно используются в штук 5 из них:

  • OnClick - как понятно из названия, срабатывание по клику. Например, нужно сделать так, чтобы при клику по кнопке появлялось модальное окно. Самое часто используемое событие.
  • OnMouseEnter/OnMouseOut - действие, которое будет происходить при наведении на элемент, снятие наведения.
  • OnSwipeLeft/OnSwipeRIght - свайп, прокрутка пальцем на мобильных устройствах.

Помимо программирования элементов при взаимодействии с ними можно также задавать поведение элементов просто при загрузке страницы или скролле. Для этого не должно быть выделено ни одного элемента, тогда в этом блоке появятся следующие свойства:

  • OnPageLoad - действие, которое запустится, как только загрузится страница. Пример - пролистывания у слайдера, анимация элементов.
  • OnWindowScroll - событие, которые сработает как только пользователь доскроллит до определенного маркера. Пример - анимация в лендингах, появление кнопки "наверх".

Примеры использования этих событий будут рассмотрены дальше в прототипе.

Shape

Позволяет изменить форму виджета используя готовые пресеты, а также с возможностью сделать свою форму.

Interaction styles

Имеет 4 значения:

  • MouseOver - spremenite predmet, ko lebdite. Uporablja se za označevanje povezav, robov elementa.
  • MouseDown - kliknite na element. Hkrati element sam podpira to spremembo, medtem ko je gumb miške zadržan.
  • Izbrano - spremeni za izbrano vrednost. Deluje v povezavi s spreminjanjem vrednosti v interakcijah.
  • Onemogočeno - v mehaniki je podobno izbranemu, samo semantični pomen je "onemogočen".

Opombe

Omogoča, da pustite komentarje za vsako postavko. To je lahko koristno, če morate opisati delo gradnika, vendar ga ni mogoče programirati, ali pa ni tako vizualno in ga je treba pojasniti z besedilom.

Slog

Delno podvaja funkcijo Orodne vrstice sloga s samo nekaj funkcijami. Z izbranim elementom lahko uredite razmik med vrsticami, kot tudi interne alineje za besedilo v vsebniku. Če ni izbran noben element, se prikažejo naslednje možnosti:

  • Nastavite barvo za vse strani.
  • Nalijte sliko v ozadje.
  • Naj bo prototip črno-bel.
  • Prototipu nanesite ročno narisano skico.
  • Možnost nastavitve položaja (poravnava strani) prototipa v sredini strani in ne privzeto na levo.

Oris

Ta orodna vrstica vsebuje vse pripomočke, ki se uporabljajo na strani. Ko kliknete na element na seznamu, bo označen v delovnem prostoru. To področje se najpogosteje uporablja za iskanje dinamičnih plošč in njihovih držav (država).

Hot Keys in LifeHacks

Obstajajo vroče tipke za številne akcije v Axure. Toda daleč od vseh so primerne za tiskanje, ker morate uporabiti dve roki, kar včasih ni upravičeno in lažje kliknete z miško. Zato bo seznam vsaj majhen, vendar testiran in priporočen za uporabo. Tukaj bom vključil tudi nekaj tehnik, ki pomagajo pospešiti potek dela.

  1. Stisnjen prostor vam omogoča premikanje delovnega prostora namesto navpičnega ali horizontalnega pomika.
  2. Ctrl + A, Ctrl + Z, Ctrl + X, Ctrl + C, Ctrl + V, Ctrl + B, F2 - standardna funkcionalnost, je priporočljivo uporabljati.
  3. Ko je šifra vpeta, lahko widget premaknete vzdolž delovnega območja natančno vzdolž osi x in y.
  4. Če pritisnete tipko Ctrl, medtem ko izbrani predmet kopira gradnik. Če držite Shift, medtem ko držite kopiran predmet, bo ostala v skladu z izvirnikom.
  5. Ctrl + G - združevanje pripomočkov. Ctrl + Shift + G - odstranite združevanje.
  6. F5 - način predogleda brskalnika. V prihodnje lahko preprosto posodobite zavihek v brskalniku, da boste videli spremembe.
  7. F6 - odpre okno za objavo prototipa v strežniku Axure.
  8. Na žalost v Axureju ni vgrajene zmožnosti za ocenjevanje razdalje med objekti, kot je to izvedeno v Sketchu in novem Adobe XD. Ampak lahko uporabite "stojalo" v obliki pravilnega pravokotnika. Postopek je preprost, za vsakega gasilca pa je video.
  9. Axure ponuja pametne vodnike. To je potrebno za natančno pozicioniranje predmetov med seboj. Ko jih povlečete, se prikažejo meje in središče drugih objektov (privzeto v obliki turkiznih linij). Zato je pri vlečenju priporočljivo, da se pomaknete do njih, tako da je prototip gladko in jasno.
  1. Priporočljivo je, da nastavite položaj na sredini strani. Bistvo ni le v tem, da je videti bolj prijetno za oči, ampak tudi pri pozicioniranju predmetov. Če so dinamične plošče pripete na določeno mesto na zaslonu, se bo pojavil odmik, če je vsebina strani privzeta (levo).
  2. Dinamične plošče ali predmete, ki se bodo kasneje uporabljali pri programiranju interakcij, je treba smiselno imenovati. V nasprotnem primeru bo želeni predmet težko najti na seznamu.

Prototip glavne spletne trgovine (namizje).

Vpis se je končal in začela se je razprava o prototipu. Izbrali smo spletno trgovino, saj ima najrazličnejše funkcionalne čipe, ki jih je mogoče prikazati, kot tudi ciljno stran, katere elementi bodo prikazani na glavni strani. Pomembno je omeniti, da je ta prototip v prvi vrsti pomemben za prikaz funkcionalnosti, načina delovanja in ne kot končnega izdelka. Zato sem se, da bi se čim bolj oddaljil od končne aplikacije, odločil za temo prodaje bonsajev in dodal malo smeti. V skladu s tem vzemite glavno kot določeno vrsto elementov za uporabo in ne kot končno navodilo o vaših projektih.

Namen prototipa je prikaz funkcionalnosti, zato manjkajo strani, kot so "stiki", "novice", "členi", saj te strani v smislu funkcionalnosti ne morejo pokazati ničesar novega.

Klobuk

Pokrovček se izvaja s pomočjo čarovnika. Kako ustvariti mojster, je bilo opisano že prej. V zgornjem delu so nekaj elementov, ki jih je vredno ostati podrobneje.

Logotip

Pri tem ni nobenih težav, toda z njim je povezan en življenjski hack. Če element, ki mora biti aktiven (povezava na stran ali določeno hover dejanje, kliknete), vendar je sam sestavljen iz več elementov, lahko na njega vstavite prozorno posodo. Tako je v prototipu uveden logotip, kartica z ustreznimi členi.

Meni

Spodnja podčrtana je izvedena z orodjem Inspector -> Properties -> Interaction Styles -> MouseOver. V oknu, ki se prikaže, v okence podčrtajte kljukico.

Pojavni meni je mogoče izvajati na različne načine. Če je preprosta (brez dodatnih pojavnih oken), lahko uporabite že pripravljen pripomoček.

V primeru spletne trgovine, ki prodaja bonsaje, je to težko. Mehanika je naslednja:

  • Na prvi stopnji je en dinamični panel z dvema državama (država). V prvem stanju - besedilo widget "Imenik". V drugem stanju, isti widget, samo z vsemi elementi menija. Lebdenje nad elementom (OnMouseOver) sproži stikalo v drugo stanje (Set Panel State -> izberite dinamični panel -> State2 in "Ok"). Če izbira iz dinamične plošče ni izbrana (OnMouseOut), se preklopi na prvo stanje (Set Panel State -> izberite dinamično ploščo -> State2 in "OK").
  • V drugem stanju se ustvari druga dinamična plošča, ki je skrita (skrita). V notranjosti izdelamo dve državi v obliki dveh produktnih kartic s ceno, imenom in sliko. Lebdenje nad imenom (OnMouseOver) bo povzročilo prehod v naslednje stanje (SetPanelState -> izberite dinamično ploščo -> izberite Naprej). Lahko naredite tako, da prehod v določeno stanje, oziroma, vsako ime za vezanje vaše kartice. Če želite to narediti, morate namesto Naprej izbrati ustrezno stanje. Bodite prepričani, da označite "Pokaži pano, če je skrit".
Če morate programirati več tipičnih interakcij (na primer učinek na hover), je priporočljivo, da najprej popolnoma prilagodite en predmet in ga nato pomnožite. To bo pospešilo delo.

Naročilo povratnega klica

Naročilo povratnega klica je sestavljeno iz sprožilca, v našem primeru, gumba in najbolj modelnega okna za povratni poziv.

Gumb je sestavljen iz običajnega vsebnika, na katerega se nanaša MouseOver interakcijskih slogov. Učinek hoverja je mogoče prikazati na kakršenkoli način, odvisno od vašega oblikovalskega znanja. Če ni dovolj, lahko preprosto spremenite odtenke sive barve na gumbu. Primer spremeni polnilo, barvo pisave in barvo obrobe vsebnika.

Modalno okno naredimo z dinamičnim panelom z enim stanjem in ga takoj skrijemo (skrito). Pred nadaljevanjem z vsebino je treba poskrbeti za postavitev modalnega okna točno na sredini zaslona. Seveda se lahko ročno poravnate, vendar pa imajo različni uporabniki različne višine in širine zaslona, ​​zato se morda ne pojavijo v sredini. Zato naredimo naslednje:

  • Z desno miškino tipko kliknite dinamično ploščo.
  • Izberite Pripni v brskalnik.
  • Postavite kljukico »Pripni v okno brskalnika«.
  • Izberite Središče in sredina, nato kliknite »V redu«.

Kaj je lepo, potem lahko dinamično ploščo odstranite kjerkoli in se bo še vedno pojavila točno na sredini.

Videz modalnega okna se izvede na naslednji način:

  • Izberite sprožilni gumb.
  • V Interactions izberite OnClick.
  • V bloku Widgets izberite Show / Hide.
  • Poiščite želeni pripomoček.
  • Parameter Vidljivost prevede v Prikaži.
  • V več možnostih izberite zdravljenje kot lightbox in kot ozadje izberite nekaj sivega in prosojno.

Modalno okno je sestavljeno iz dveh pripomočkov za vnosno polje (imenovano Vhodno polje (izbrano)), gumba »Naroči«, križa za zapiranje okna in dveh oznak, ki se pojavita, ko je obrazec poslan pravilno in nepravilno.

Križ je navadna ikona iz nabora ikon. Dejanje - skrij modalno okno, ko kliknete križ. To se izvede na enak način kot videz modalnega okna, le v parametru Vidljivost prevedemo izbirni gumb v položaj Skrij.

V obrazcu za povratni klic je programirana preprosta validacija za polnjenje. Če v polje "telefon" ni vnesenih znakov, se prikaže sporočilo: "Ne pozabite določiti telefonske številke!". Če je vnesen kateri koli znak, se bo sporočilo "Program uspešno poslal! Naši strokovnjaki vas bodo kmalu kontaktirali!"

Za vnosna polja lahko nastavite namigno besedilo - besedilo s namigom, kaj vnesete v to polje.

Validacija je programirana na naslednji način:

  • Ustvarjamo dva bloka z besedilom uspešnega pošiljanja in neuspešno. Prevedi v skrit položaj.
  • Na sprožilcu nastavite dejanje OnClick.
  • Na vrhu okna izberite Edit Condition.
  • V oknu, ki se prikaže, vnesite: text on widget, gradnik vnosnega polja s telefonom, enako, vrednost, prazno vrednost. V polju Opis je treba napisati naslednje: "if text on" Ime gradnika vnosnega polja s telefonom "je enako" ". Kliknite V redu.
  • Izberite Prikaži. Dodate lahko animacijo, na primer, samo bledite (videz) za 1 milisekundo.
  • Dodaj Počakaj v levem bloku, lahko postaviš 2 sekundi. Uporablja se za štetje, na primer, med čakanjem med dejanji.
  • Izberite Skrij in izberite gradnik z opozorilom, da morate vnesti podatke.

Če je vnosno polje s telefonsko številko prazno, ko kliknete na gumb "Naročilo", se prikaže opozorilo, ki ga morate izpolniti. Izginila čez 2 sekundi.

Sporočilo o uspehu je konfigurirano prek drugega pogoja (Case):

  • V interakciji gumba "Naročilo" kliknite OnClick, Case 2 se ustvari samodejno.
  • Besedilo prikažemo z uspešnim pošiljanjem skozi Show.
  • Nato počakajte (Počakaj), na primer, sekunde 3.
  • In skrij (skrij) modalno okno.

Izkazalo se je, da če prvi pogoj ni izpolnjen (to pomeni, da je v vnosnem polju določena neka vrednost s telefonsko številko), potem je drugi pogoj izpolnjen. Pojavi se sporočilo, da bodo strokovnjaki kmalu stopili v stik in po 3 sekundah bo modalno okno izginilo.

Gumb za gor

Gumb »gor« se uporablja za pomik na prvi zaslon. Naj vas spomnim, da smo še vedno v čarovniku »Cap«. Izvajamo jo na naslednji način:

  • V delovni prostor dodajte ikono v obliki puščice ali pa na primer uporabite trikotnik vsebnika.
  • Prevajamo v dinamično ploščo in jo skrivamo (to je plošča, ne pa sam element).
  • Nato popravimo ploščo na enem mestu v brskalniku. Z desno miškino tipko kliknite ploščo -> Pripni v brskalnik. V oknu izberite stran, na katero želite pritrditi. Primer je uporabljen desno in spodaj (desno in spodaj) z zamikom 30 slikovnih pik.

Zdaj morate določiti, da se sam gumb prikaže, ko se pomikate do določene točke na strani. Kliknite na prazno mesto v delovnem prostoru -> v Interactions izberite OnWindowScroll -> na samem vrhu okna kliknite na Edit Condition -> V pogojih izberite vrednost -> kliknite na fx -> v oknu, ki se pojavi, kliknite Insert Variable of Function -> izberite funkcijo v oknu Window.scrollY in kliknite "Ok" -> naslednje vrednosti bi morale biti večje od in vrednosti -> V zadnjem vnosnem polju določite število slikovnih pik, ki se pomikajo navzgor. Primer uporablja 600 px. Zato je treba v polje Opis vpisati naslednje: če je "[[Window.scrollY]]" večji od "600". Sedaj morate izbrati samo akcijo. V Widgetih izberite Show / Hide -> kliknite na seznamu na dinamičnem panelu, gumbe navzgor -> v možnostih, izberite Bring to front.

Pojavi se gumb, zdaj pa ga moramo narediti, da izgine, ko se prenesemo na prvi zaslon. Če želite to narediti, znova kliknite v Interactions on OnWindowScroll -> Case 2 se prikaže, s pogojem Else Če je True -> v Widgetih izberite Show / Hide -> poiščite gumb gor in izberite Hide.

Po želji lahko naredite učinek, ko premaknete gumb gor, z uporabo dveh stanj (State), OnMouseEnter in OnMouseOver.

Ozadje celotne širine

Številni elementi na mestu se raztezajo po celotni širini zaslona, ​​vključno s pokrovčkom. To je mogoče storiti na dva načina: prek običajnega vsebnika in OnPageLoad in s pomočjo dinamičnih plošč. Za pokrovček izberite drugo možnost.

  • Vsak kontejner prevedemo v dinamično ploščo in pustimo prazno (odstranimo posodo ali jo naredimo prozorno).
  • V Lastnosti dinamičnega panela najdemo zapis 100% Wide (samo brskalnik) in postavimo kljukico.
  • V barvi Style v zadnji barvi nastavimo barvo, v primeru našega prototipa pa belo ali #FFFFFF.

Zdaj se bo plošča samodejno raztegnila na katerokoli ločljivost.

Fiksni meni

Fiksni meni je, ko se pri pomikanju navzdol del navigacijskih elementov iz glave ohrani na samem vrhu zaslona.

To se izvede na naslednji način:

  • Za začetek določimo, kateri elementi bodo v fiksnem pokrovčku. V primeru je to manjša različica logotipa, meni brez pojavnih elementov in gumb za naročanje klica.
  • Nato kopirajte izbrane elemente in jih prevedite v ločeno dinamično ploščo.
  • Skrita (dinamična) plošča.
  • Drugi kapljici podlage delajo celotno širino, kot v prejšnjem primeru.
  • Z desno miškino tipko kliknite ploščo -> Pripni v brskalnik -> V Horizontal Pin, izberite Center v Vertical Pin - Top. In v redu.
  • Sedaj morate nastaviti videz fiksnega pokrovčka. To naredimo po analogiji z gumbom navzgor. To storite tako, da na strani Interactions v OnWindowScroll ustvarimo tretji primer (z desno tipko miške kliknite OnWindowScroll -> Dodaj zadevo).
  • Dodajte pogoj. V pogojih izberite vrednost -> kliknite na fx -> v oknu, ki se pojavi, kliknite Vstavi spremenljivko funkcije -> Izberite funkcijo Window.scrollY v oknu in kliknite "V redu" -> naslednje vrednosti naj bodo večje od in vrednosti -> V zadnjem polju vnos, ki ga določimo s tem, koliko število pikslov se pomika po fiksnem pokrovu. Določite višino pokrovčka - 120 px. Zato je treba v polje Opis vpisati naslednje: če je "[[Window.scrollY]]" večji od "120". Sedaj morate izbrati samo akcijo. V Widgetih izberite Show / Hide -> kliknite na seznamu na dinamični plošči fiksne glave -> v možnostih, izberite Bring to front. Za nemoten videz kape lahko določite animacijo za navzdol.
  • Prav tako je pomembno, da spremenite pogojno stanje tretjega primera, ker je privzeto Else if true, t.j. pred tem, je bil pogojni pogoj že nastavljen. Zato morate zdaj z desno miškino tipko klikniti na primer 3 in izbrati možnost Toggle if / if else.
  • Nato nastavite pogoj 4 Case (Dodaj zadevo), kjer bo fiksna glava skrita, če se pomaknemo navzgor in prečkamo mejo 120 slikovnih pik. V tem primeru zadostuje, da skrijete fiksno glavo (Skrij).

Prvi zaslon ali kako narediti paralakso in raztegnite sliko na širino.

Poleg glavne slike, na katero želimo uporabiti učinek paralakse in jo raztegnemo, se ob pritisku puščice pomakne na drugi zaslon. To počne po analogiji z gumbom navzgor.

  • Ime elementa (lahko ustvarite vnaprej ustvarjeno prosojno točko), do katerega naj se izvede pomikanje.
  • Izberite puščico, v Lastnosti kliknite OnClick.
  • Na seznamu Dejanja izberite Scroll to Widget (Sidrna povezava), nato pa poiščite naš element, označite Scroll samo navpično. Izberete lahko tudi animacijo, kot je Swing.

Raztegnite sliko v širino

Pred tem smo dinamične plošče raztegnili po vsej širini zaslona, ​​pri čemer smo uporabili samo polnilo. Naj vam pokažem, kako raztegniti sliko. Za to:

  • Ustvarite dinamično ploščo na podlagi katerega koli elementa, nato jo izbrišite in razdelite ploščo na ocenjeno velikost slike.
  • V Lastnosti dinamičnega panela najdemo zapis 100% Wide (samo brskalnik) in postavimo kljukico.
  • V slogu najdete sliko Nazaj -> kliknite uvoz in izberite sliko v računalniku.
  • V spustnem meniju, kjer je izbrana možnost No repeat, izberite Stretch to Cover.

Primer kaže, da ima sama dinamična plošča širino 300 px, medtem ko se razteza na celotno širino zaslona.

Kako narediti paralaksni učinek

Učinek paralakse (na primer navpična) se ustvari z upočasnitvijo drsenja nekaterih elementov v ozadju drugih. Nastavi se na naslednji način:

  • Na strani Interactions (tj. Ko ni izbran noben element) s funkcijo OnWindowScroll.
  • V Widgetih izberite Move -> kliknite na želeni element (v našem primeru je to dinamična plošča s sliko bonsaija) -> v lastnostih, izberite Move to in v vnosnem polju y kliknite na fx.
  • Kot v prejšnjem primeru z gumbom navzgor, izberite Window.scrollY -> potem boste morali prilagoditi formulo z vašimi rokami in v vnosno polje dodati naslednje vrednosti: [[Window.scrollY * 0.25]]. Vrednost 0,25 pomeni zamudo, s katero se element premakne. Lahko se prilagodi vašemu okusu.

Druge zaslone ali koristi od reševanja

Dalje, pri drsenju izvajamo še en učinek, in sicer lep videz prednosti. Ta element ustvarjalnosti ni bil dovolj, zato sem jih poklical glede na njihov položaj. To sta samo dva besedilna gradnika z naslovom in besedilom ribe ter ikona. Če je pri ustvarjanju prototipa potrebno zagotoviti to vsebino, potem to naredimo bolj namerno, ne pa z zgledom.

Algoritem videza je približno enak kot pri gumbu navzgor. Glavna stvar je, da ugibate, kdaj dosežejo razdaljo. Sam videz se lahko uresniči s pomočjo Move, vendar je primer lažji. Elementi se ne premaknejo nikamor, pojavijo se (Show) z animacijo (Animate), ki se pomakne v levo (potisnite levo), navzgor (navzgor) in desno (potisnite desno).

Tretja polovica zaslona ali vrste blaga

Цель данного блока показать, какую можно сделать анимацию при наведении на карточку товара или категорию, как на примере. Для этого, как ранее говорилось достаточно создать один элемент, заранее подогнанным по размеру. На примере, его ширина составляет 300 px, т. е. на экране уместиться ровно 4 элемента.

Итак, цель анимации сделать так, чтобы при наведении на элемент выдвигалась полупрозрачная плашка с информацией, а при снятии выделения она отъезжала. Za to:

  • Берем контейнер заданного размера (или подходящее изображение, как на примере) и переводим в динамическую панель (назовем ее "Бонсай в сортах").
  • Внутри динамической панели с изображением создаем контейнер с прозрачностью (29 на примере), добавляем текстовые блоки с описанием (белого цвета для контрастности). Потом все это переводим в динамическую панель (назовем "Бонсай в сортах слайд"). Расположим его сразу после основного изображения. Таким образом, через окошко динамической панели "Бонсай в сортах" в 300 на 300 пикселей, динамическая панель ("Бонсай в сортах слайд"), которая находится внутри, не будет видна.
  • Далее, делаем так, что при наведении на динамическую панель "Бонсай в сортах" передвигалась панель "Бонсай в сортах слайд". To naredite tako, da izberete ploščo "Bonsai v različicah", izberete v Interactions OnMouseEnter.
  • V Widgetih izberite Move, izberite "Bonsai v diapozitivih" v seznamu elementov in v pogojih, kjer y nastavimo -300 (premikanje vzdolž y osi minus 300 slikovnih pik, t.j. navzgor). Pri premikanju mora biti vrednost. Dodate lahko animacijo, na primer Swing.
  • Da bi plošča izginila, je postopek enak, samo morate izbrati OnMouseOut in vrednost mora biti pozitivna.

Ko je en element pripravljen, ga lahko pomnožimo s štirimi. In tam, če je potrebno, v vsaki spremembi podobe in opisa.

Četrti zaslon ali dejanje zalog

V tem bloku je nekaj huliganstva in nesmiselnih dekoracij.

Povratno poročilo

S temi elementi ponavadi ni vredno motiti, včasih je dovolj, da označimo sliko ali blok. Če pa obstaja želja, lahko izvedete spremembo minut in sekund. Edina negativna stvar je, da ni tako tehnološko napredna, kot se zdi (če mojstri Axure preberejo ta članek in ki to vedo s kratko formulo, pišejo, ker tega znanja ni bilo v buržoaziji).

  • Ustvarjamo več zabojnikov za vsako številko, ki jih kličemo, da se ne zmedemo (na primer, "Enote, sekunde", "Deset sekund").
  • Na strani Interakcija (ne pozabite, odstranite izbor iz elementa) kliknite OnPageLoad.
  • V Widgetih izberite Set Text in v elementih izberite "Enote sekund" in nastavite vrednost na 8.
  • V Widgetih vzamemo Wait in nastavimo vrednost na 1000 ms (to je 1 sekundo).
  • V Widgetih izberite Set Text in v elementih izberite "Enote sekund" in nastavite vrednost na 7.
  • V Widgetih vzamemo Wait, vrednost pa nastavimo na 1000 ms.

Ponovite tolikokrat, kot niste zadovoljni z rezultatom. Ko preštejemo do 10, spreminjamo deset sekund in štejemo do 60 minut. Hkrati pa ni treba vsakokrat izbirati elementov v pripomočkih s peresi. V polju Organize actions jih lahko kopirate in prilepite.

Nagibni elementi

Če želite zavrteti element, premaknite kazalec v njegov kot in držite tipko Ctrl. Nato obrnite miško. Razvijalci niso izumili kolesa in ga implementirali kot pri vseh grafičnih urednikih.

Takoj za pultom je element, ki nenehno spreminja svoj položaj. Njegova izvedba je podobna prejšnjemu primeru s časovnikom, z edino razliko, da je izvedba enostavnejša:

  • Vzemite besedilo widget, nastavite vrednost na "1000 rubljev", nagib v eno smer.
  • Prevedemo ga v dinamično ploščo in kopiramo prvo stanje (država).
  • Drugo stanje je nagnjeno v drugo smer.
  • Na strani Interactions izberite OnPageLoad.
  • V Widgetih izberite Set State State in v stolpcu Select state izberite Next. Obkljukamo zavitek od zadnjega do prvega (s tem bomo zanemarili postopek). Prav tako vstavite kljukico v Ponovi vsak. Število v milisekundah označuje hitrost, s katero se bo država med seboj zamenjala. Dodate lahko tudi animacijo. In kliknite "OK".

Tako lahko izvedete katerokoli animacijo. Kot primer sem naredil animacijo zajcev in, bolj primerno za delo, nalagalno animacijo.

Učinek izrezovanja

Še en življenjski padec je vstavljanje posode po meri, ki je bila izrezana na drug predmet, kot je slika. Če želite to narediti, vzemite vsebnik, v Properties -> Select shape -> Convert to custom shape. Nato kliknete na elemente ali dodate nove.

Peti zaslon ali kako prenesti Youtube video na prototip

V prototipu lahko preprosto naredite videoposnetek. V privzeti knjižnici morate najti pripomoček Inline Frame. Objavite ga v delovnem prostoru, kot bi želeli, da se videoposnetek nahaja. Nato kliknite na ta element. V prikazani povezavi izberite zunanji URL ali datoteko in v vnosno polje vnesite url obrazca //www.youtube.com/embed/b5dexpeO-l4. Lahko ga dobite v YouTubu, tako da kliknete gumb "delite" pod video posnetkom in izberete kodo html. Koda zanemarimo, kopiramo samo URL iz zgornjega primera.

Šesti zaslon ali kako narediti drsnik v Axure

Dosegel je tipičen element, ki ga verjetno že veste. Ampak, če se tukaj pomikate samo zaradi tega, bom ponovil od samega začetka:

  • Vzamemo vsebnik ali kateri koli drug predmet, ki lahko nakazuje vsebino drsnika.
  • Prevedemo ga v dinamično ploščo.
  • Kopiranje ali dodajanje stanja (država). Na primer, običajni vsebnik je bil kopiran, na katerem je bilo napisano "Slide 1".
  • Dodajte elemente, ki so lahko sprožilec za preklop drsnika. Lahko ga preklopite samodejno, na primer, o katerem ste prej razpravljali na strani Interactions in OnPageLoad. Tukaj uporabljamo ikone puščic, ki jih postavimo na levo in desno.
  • Na ikoni v lastnostih, ki jih obesimo OnClick. V Widgetih na levi strani izberite Set Panel State. Na seznamu najdemo potreben dinamični drsnik. V stanju Izberi, na gumbu na desni, izberite Naprej, na levem gumbu - Nazaj in označite Prelomi od prvega do zadnjega. Animacija se izvede oz. Z gumbom na levi strani levo, desno z desno stranjo.

Sedmi in osmi zaslon ali informacije o podjetju in nedavni članki

Tipični objekti, ki jih lahko postavite, kot želite (seveda po logiki in dimenzionalni mreži). Blok "Novi materiali v našem blogu" se izvaja s preglednim vsebnikom, ki je prikazan naprej (spredaj). Rob prekrivanja je podan z MouseOver.

Deveti zaslon ali kako prenesti

Kartico lahko označite na več načinov:

  1. Posoda s podpisom je kartica.
  2. Posnetek zaslona iz Google Zemljevidov ali Yandex.Maps.
  3. Z vstavitvijo celotnega interaktivnega zemljevida v prototip.

Kako narediti prvi v prvih dveh primerih, si lahko sami ugotoviti, ampak kako izvajati tretjo možnost, morate razmisliti podrobneje.

Najprej morate uporabiti isti privzeti pripomoček, ki smo ga uporabili za vstavitev videoposnetka iz YouTuba - Inline Frame. Postavite ga na delovno območje, saj bo to primerno. Nato morate s programom Yandex.Maps zapisati kodo, ki jo morate v samem pripomočku postaviti z referenco:

  • Dvakrat kliknite na okvir inline elementa
  • Vstavi povezavo do zunanjega URL-ja ali datoteke.

Zdaj pa poglejmo, kako dobiti kodo iz Yandex.Maps:

  • Pojdite na //yandex.ru/maps/.
  • Iz naslova se vozimo po želenem naslovu.
  • V spodnjem levem kotu poleg orodja za tiskanje in povratne informacije najdemo gumb "Delež" in kliknemo nanj.
  • Iz polja "vstavi kodo na mesto" kopiramo le del URL-ja, ki izgleda takole: //yandex.ru/map-widget/v1/-/CBQX48GkdD

Zdaj moramo zemljevid raztegniti na celotno širino zaslona. Preko dinamične plošče je nemogoče izvesti drugo metodo:

  • Na strani Interactions izberite OnPageLoad.
  • V meniju Dejanja izberite možnost Nastavi velikost in kliknite element Inline Frame.
  • V Width kliknite na fx.
  • Kliknite Vstavi spremenljivko funkcije.
  • Na seznamu izberite Window.width in kliknite "OK".
  • Na spustnem seznamu Sidro izberite Top ali Center.

Klet

Elemente v kleti je mogoče pogojno razdeliti v dva bloka - obrazec za naročnino in vrsto dodatnih informacij. Slednje ni smiselno opisati ločeno, vendar je v naročninski obliki smiselno, da se podrobneje ustavi, saj je nekoliko zapletena različica naročila povratnega klica.

V obrazcu za povratni klic smo navedli, da je, če je polje prazno, napačno napolnjeno. S prijavnico lahko označite prisotnost simbola @.

  • Ustvarjamo dva bloka z besedilom uspešnega pošiljanja in neuspešno. Prevedi v skrit položaj.
  • Na sprožitvenem gumbu nastavimo OnClick dejanje.
  • Na vrhu okna izberite Edit Condition.
  • V oknu, ki se prikaže, vnesite: text on widget, polja za vnos gradnikov iz e-pošte, ne vsebuje vrednosti, @. Polje Opis naj piše naslednje, če besedilo v e-pošti ne vsebuje »@«. Kliknite V redu.
  • Izberite Prikaži. Dodate lahko animacijo, na primer, samo bledite (videz) za 1 milisekundo.
  • Dodaj Počakaj v levem bloku, lahko postaviš 2 sekundi. Uporablja se za štetje, na primer, med čakanjem med dejanji.
  • Izberite Skrij in izberite gradnik z opozorilom, da morate vnesti podatke.
  • Dodajte drugi primer (zadeva).
  • Izberite Prikaži / skrij.
  • Kliknite na pripomoček za besedilo z uspešnim oblikovanjem.
  • Izberite Wait in nastavite vrednost na 2.000.
  • Skrij sporočilo o uspešnem pošiljanju prek možnosti Skrij.

Zaključek

Kot smo omenili na začetku, je to le prvi del. V prihodnjih člankih bodo na voljo katalog, kartica izdelkov, osebni račun in druga dovoljenja. Prav tako lahko pustite v komentarjih vprašanja o izvajanju elementov - morda bom o njih govoril v naslednjih členih.

Kot sem obljubil, dajem brezplačne knjižnice elementov, kot tudi pripravljen prototip, ki smo ga obravnavali v tem članku. Za to uporabljamo storitev, ki bo zagotovila povezavo za skupno rabo v družabnem omrežju.

Prenesite knjižnice (elemente in ikone) in končni prototip Axure. kak-sdelat-prototip-v-axure-rp-esli-nichego-v-etom-ne-ponimaesh
#
UporabnostInstrumentiWeb razvoj

Loading...

Pustite Komentar