01 de 09
Kiel Akiri Komencita Kun UXPin
Dum ni moviĝas en la regnon de moveblaj dezajno, dezajno de aplikaĵoj kaj respondema dezajno, kreskanta fokuso sur UX (Uzanta Sperto) kaj wireframing , interagaj prototipoj kaj mokupoj. Estas tuno da iloj tie direktitaj al ĉi tiu niĉo kaj ili kuras la kompletan gamon de komplekso, prezentas ŝarĝitajn behemotojn por maldolĉaj kaj apenaŭ utilaj. Unu el la iloj, kiuj kaptis mian okulon, estas UXPin simple ĉar ĝi estis disvolvita de diseñistoj por diseñistoj.
Antaŭ ol ni antaŭeniru ... kaverno. Se via estas organizo, kiu preferas posedi la programaron, tiam UXPin ne estas por vi. La tuta laboro farita en ĉi tiu programo fariĝas en la retumilo kaj la projektoj, kiujn vi konservas, konserviĝas al via konto.
Komenci kun UXPin vi lanĉas retumilon kaj direktu al UXPin. De ĉi tie vi povas subskribi por Libera Procezo aŭ aranĝi monatan planon bazitan sur via atendata bezono. La subskribo-procezo estas sufiĉe facila kaj post kiam vi starigis vian uzantonomon kaj pasvorton, vi pretas komenci.
02 de 09
Kiel Komenci Projekto en UXPin
Kiam vi ensalutas, vi alvenos al la Dashboard kaj, de ĉi tie, vi povas decidi krei novan telefonan telefonon, novan moveblan projekton aŭ respondan TTT-projekton. Ankaŭ estas plug-ins por UXPin kiu permesos al vi enporti viajn projektojn de Photoshop aŭ Skizo. Por ĉi tio Kiel Mi tuj kreos standardon kun iu teksto kaj aldonos retpoŝan butonon al la banner. Por plenumi tion mi elektis Krei novan telefonan telefonon.
03an de 09
Kiel Uzi La UXPin-Interfacon
La Desegna Surfaco estas rompita en kvar areojn. En la nigra zono maldekstre estas serio da iloj, kiuj lasas vin reveni al la panelo, malfermu la Elementojn, kiujn vi uzos, malfermu la Elektronikan panelon, serĉi elementojn, aldoni notojn al la paĝo kaj aldoni teamojn. En la fundo estas butono kiu malfermas mallongan lernilon, alia kiu permesas al vi aliri vian konton kaj alian, kiu aliras la Oftaj Demandojn, ni petu demandojn kaj eĉ provizu sugestojn.
En la blua areo laŭ la supro estas serio de iloj kaj propraĵoj. La pli malhelaj butonoj dekstre permesas al vi ripeti vian dezajnon, ĝustigi la projektajn agordojn, dividi la paĝon kaj fari simuladon en la retumilo de la paĝo.
La Elements-panelo estas kie vi kroĉas la pecojn kaj pecojn por la Desegna Surfaco, nomu vian projekton kaj aldonu aŭ forigu paĝojn.
La Elementa biblioteko estas agrabla surprizo por UX-diseñistoj. Ĉi tiu popo malsupren permesas elekti el anon 30 bibliotekoj, kiuj iras de iOS ĝis Android Lolipop. Vi ankaŭ havas aliron al Bootstrap kaj Fundaj elementoj kune kun la Font Awesome ikonoj, Gesture ikonoj por moveblaj kaj kolekto de Sociaj Widgets.
04 de 09
Kiel aldoni elementon al paĝo UXPin
Komenci mi trenis la Skatolon al la dezajno surfaco kaj, kiam mi liberigas la muson, la Propra panelo malfermiĝas. La butono de Proprietoj permesas al vi nomi la elementon kaj agordi la larĝan altecon kaj pozicion valorojn de la elemento. Vi ankaŭ povas aldoni kompletigon al la elemento, rondirante la angulojn kaj ĝustigi ĝian opakecon. Alklakante la butonon de Fona Koloro malfermas kolorŝanĝilon de RGBA.
Vi ankaŭ povas atribui fonton, landlimon kaj ŝablonon al la elektita elemento. La Fulmilo Bolt donas al vi la kapablon aldoni interagadon al elektita elemento.
05 de 09
Kiel aldoni kaj formi tekston en UXPin
Por aldoni tekston, trenu la elementan tekston al la dezajno surfaco kaj enmetu vian tekston. Alklaku la butonon de Teksto Projekto por malfermi la Tiparajn proprietojn kaj formi vian tekston. Se vi bezonas blokon de senmova teksto, aldonu tekston kaj klaku la butonon GENERATE LOREM IPSUM en la Font-propraĵoj.
06 de 09
Kiel aldoni bildon al paĝo de UXPin
Estas kelkaj manieroj plenumi ĉi tiun taskon. Vi povas uzi la bildan ilon en la ilobreto, aldonu bildon de la Biblioteko aŭ simple treni kaj faligi bildon de via labortablo al la elemento sur la dezajno surfaco kiel montrita supre.
07 de 09
Kiel Aldoni Butonon Al UXPin-Paĝo
Kvankam estas Butono-elemento, enirante " Butonon " en la Serĉan areon, kiel montrita supre, malfermas ĉiujn butonojn trovitajn en ĉiuj Libroj. Trenu tiun, kiu funkcias por vi sur la dezajnan surfacon kaj uzu la Propraĵojn por ŝanĝi la koloron, la tiparon, kaj eĉ la limon-radiuson. Por ŝanĝi la tekston ene de la butono, klaku unufoje en la teksto kaj eniru la novan tekston.
08 de 09
Kiel aldoni interaktivecon al paĝo UXPin
Ĉi tio ne estas tiel komplika kiel ĝi eble aperos. Por la retpoŝta enigo, mi aldonis enigan elementon, ŝanĝis ĝin, eniris la tekston kaj formateis la tekston. Kun la Elena elemento elektita klaku la butonon Propraĵoj kaj, kiam la Elektraj ecoj aperas klaku la Videblecon- la okulbulo - en la supra dekstra angulo de la panelo.
Elektu la butonon kaj alklaku la interŝanĝan butonon - la Fulmilo-Bolt- en la propraĵoj. Kiam la interrilata panelo malfermiĝas, elektu Novan Interacon. Elektu Alklaku el la Trigger-popo sube. En la Ago areo elektu Montri Elemento. Vi nun demandos, kiun Elemento montriĝos. Alklaku unufoje sur la pafilon kaj klaku sur la Eniga elemento. Kun la elemento identigita, vi nun povas determini ĉu aŭ ne animi la elementon. En ĉi tiu kazo mi decidis montri la Enigan skatolon kun facileco en kaj iris kun la defaŭlta daŭra valoro de 300m.
Mi ankaŭ volas havi la butonon movi proksimume 65 rastrumeroj dekstre kiam ĝi estas klakita. Mi elektis la butonon, malfermis la Interaktan panelo kaj elektis Novan Interacon . Mi uzis ĉi tiujn agordojn:
- Trigger : Klako
- Ago: Movi De
- Mova Direkto : 65 px sur la x-akso
- Kuraĝigo : Lineara
- Daŭro: 300 m
Forigi interagon elektu la elementon kaj malfermu la Interagojn panelo. Elektu la interagon en la panelo kaj alklaku la Ŝipon-Ŝelon por forigi ĝin.
09 de 09
Kiel Atesti Vian Paĝon En UXPin
Pro la fakto, ke vi laboras en la retumilo, provado estas morta simpla. Alklaku la butonon Simulate Design . La paĝo malfermiĝos en la retumilo kaj vi povas provi vojon. Ankaŭ estos panelo aldonita al la maldekstra flanko de la paĝo, kiu permesas Komentojn, retejo-mapo, se ekzistas multaj paĝoj, uzado-testado, Live Sharing, Redaktado kaj reveno al la Dashboard.
Ĉe la malsupro de la paĝo estas alia malgranda panelo, kiu ebligas al vi montri la Interagajn elementojn, montri aŭ kaŝi komentojn kaj dividi la ligon de projektoj kun aliaj.