09 లో 01
ఎలా UXPin ప్రారంభించండి పొందడం
మేము మొబైల్ డిజైన్, అనువర్తనం రూపకల్పన మరియు ప్రతిస్పందించే రూపకల్పనలో UX (వినియోగదారు అనుభవం) మరియు వైర్ఫ్రేమింగ్ , ఇంటరాక్టివ్ ప్రొటోటైపింగ్ మరియు mockups పై పెరుగుతున్న దృష్టి పెట్టింది. అక్కడ ఈ గూడులో లక్ష్యంగా ఉన్న టన్నుల టూల్స్ ఉన్నాయి మరియు వారు సంక్లిష్టత నుండి పూర్తి స్వరసప్తకాన్ని అమలు చేస్తాయి, ఇవి చదునైన మరియు తక్కువగా ఉపయోగపడే లాడెన్ బెహెమోత్లను కలిగి ఉంటాయి. డిజైనర్ల కోసం డిజైనర్లచే అభివృద్ధి చేయబడినందున, నా కంటిని ఆకర్షించిన సాధనాల్లో UXPin ఒకటి.
మేము ముందుకు వెళ్ళడానికి ముందు ... ఒక మినహాయింపు. మీదే సాఫ్ట్వేర్ను కలిగి ఉండటానికి ఇష్టపడే ఒక సంస్థ అయితే UXPin మీ కోసం కాదు. ఈ అనువర్తనం చేసిన పని అన్ని బ్రౌజర్లో చేయబడుతుంది మరియు మీరు సేవ్ చేసిన ప్రాజెక్టులు మీ ఖాతాకు సేవ్ చేయబడతాయి.
UXPin తో ప్రారంభించడానికి మీరు UXPin కు బ్రౌజర్ మరియు తలని ప్రారంభించండి. ఇక్కడ నుండి మీరు ఉచిత ట్రయల్ కోసం సైన్ అప్ చేయవచ్చు లేదా మీ ఎదురుచూసిన అవసరం ఆధారంగా నెలవారీ ప్రణాళిక కోసం ఏర్పాట్లు చేయవచ్చు. సైన్ అప్ ప్రక్రియ చాలా సులభం మరియు మీరు మీ యూజర్ పేరు మరియు పాస్వర్డ్ సెట్ ఒకసారి, మీ ప్రారంభించడానికి సిద్ధంగా ఉన్నాయి.
09 యొక్క 02
UXPin లో ఒక ప్రాజెక్ట్ ను ఎలా ప్రారంభించాలి
మీరు లాగిన్ అయినప్పుడు డాష్బోర్డ్ వద్దకు చేరుకుంటారు మరియు ఇక్కడ నుండి మీరు ఒక కొత్త వైర్ఫ్రేమ్, ఒక కొత్త మొబైల్ ప్రాజెక్ట్ లేదా ఒక ప్రతిస్పందించే వెబ్ డిజైన్ ప్రాజెక్ట్ను రూపొందించాలని నిర్ణయించుకుంటారు. మీరు మీ Photoshop లేదా Sketch ప్రాజెక్టులు తీసుకురావడానికి అనుమతించే UXPin కోసం ప్లగిన్లు కూడా ఉన్నాయి. దీనికోసం నేను బ్యానర్కు కొంత టెక్స్ట్తో బ్యానర్ను క్రియేట్ చేస్తాను మరియు బ్యానర్కు ఒక ఇమెయిల్ బటన్ను జోడించాను. దీనిని సాధించేందుకు నేను ఒక కొత్త వైర్ఫ్రేమ్ను సృష్టించాను.
09 లో 03
UXPin ఇంటర్ఫేస్ ఎలా ఉపయోగించాలి
డిజైన్ ఉపరితలం నాలుగు ప్రాంతాలుగా విభజించబడింది. ఎడమవైపు ఉన్న నల్ల ప్రాంతంలో మీరు డాష్బోర్డ్కు తిరిగి వెళ్లండి, మీరు ఉపయోగించే ఎలిమెంట్స్ని తెరిచి, స్మార్ట్ ఎలిమెంట్స్ పానెల్ను తెరిచి, అంశాల కోసం శోధించండి, పేజీకి గమనికలను జోడించి, జట్టు సభ్యులను జోడించండి. దిగువన ఒక చిన్న ట్యుటోరియల్ తెరుచుకునే ఒక బటన్, మీ ఖాతాను ఆక్సెస్ చెయ్యడానికి మిమ్మల్ని అనుమతించే మరొకటి మరియు తరచుగా అడిగే ప్రశ్నలను ఆక్సెస్ చేసే, మీరు ప్రశ్నలు అడగండి మరియు అభిప్రాయాన్ని అందించవచ్చు.
పైభాగంలో ఉన్న నీలం ప్రాంతంలో టూల్స్ మరియు లక్షణాల శ్రేణి. కుడి వైపున ఉన్న ముదురు బటన్లు మీ డిజైన్ను మళ్ళిస్తుంది, ప్రాజెక్ట్ సెట్టింగులను సర్దుబాటు చేయండి, పేజీని భాగస్వామ్యం చేయండి మరియు పేజీలోని బ్రౌజర్లో అనుకరణ చేయండి.
మీరు డిజైన్ ఉపరితల కోసం బిట్స్ మరియు ముక్కలు పట్టుకోడానికి పేరు ఎలిమెంట్స్ ప్యానెల్ ఉంది, మీ ప్రాజెక్ట్ పేరు మరియు పేజీలు జోడించడానికి లేదా తొలగించండి.
ఎలిమెంట్స్ లైబ్రరీ UX డిజైనర్లు కోసం ఒక ఆనందకరమైన ఆశ్చర్యం. డౌన్ ఈ పాప్ మీరు iOS నుండి Android Lolipop వరకు అలోన్ 30 గ్రంథాలయాలు నుండి ఎంచుకోండి అనుమతిస్తుంది అలాగే మీరు ఫాంట్ బ్రహ్మాండం చిహ్నాలు, మొబైల్ కోసం సంజ్ఞ చిహ్నాలు మరియు సామాజిక విడ్జెట్లు సేకరణ పాటు బూట్స్ట్రాప్ మరియు ఫౌండేషన్ అంశాల యాక్సెస్.
04 యొక్క 09
ఒక UXPin పేజీకి ఎలిమెంట్ను ఎలా జోడించాలి
ప్రారంభించడానికి నేను బాక్స్ మూలకాన్ని డిజైన్ ఉపరితలంలోకి లాగి, నేను మౌస్ను విడుదల చేసినప్పుడు, గుణాలు ప్యానెల్ తెరుచుకుంటుంది. గుణాలు బటన్ మీరు మూలకం పేరు మరియు మూలకం యొక్క వెడల్పు ఎత్తు మరియు స్థానం విలువలు సెట్ అనుమతిస్తుంది. మీరు మూలకాలను మూసివేయడం, మూలకాన్ని పాడింగ్ చెయ్యవచ్చు మరియు దాని అస్పష్టతను సర్దుబాటు చేయవచ్చు. నేపథ్య రంగు బటన్ను క్లిక్ చేయడం ఒక RGBA రంగు ఎంపికను తెరుస్తుంది.
మీరు ఎంచుకున్న మూలకానికి ఫాంట్, బోర్డర్ మరియు నమూనాను కూడా కేటాయించవచ్చు. మెరుపు బోల్ట్ మీరు ఎంచుకున్న మూలకానికి ప్రభావశీలతను జోడించే సామర్థ్యాన్ని అందిస్తుంది.
09 యొక్క 05
ఎలా UXPin లో జోడించు మరియు ఫార్మాట్ టెక్స్ట్
వచనాన్ని జోడించడానికి, పాఠ్య మూలకాన్ని రూపకల్పన ఉపరితలంలోకి లాగి, మీ వచనాన్ని నమోదు చేయండి. ఫాంట్ లక్షణాలను తెరిచి మీ టెక్స్ట్ ను ఫార్మాట్ చెయ్యడానికి టెక్స్ట్ ఆస్తి బటన్ క్లిక్ చేయండి . మీకు డమ్మీ టెక్స్ట్ యొక్క బ్లాక్ అవసరమైతే, టెక్స్ట్ మూలకాన్ని జోడించి ఫాంట్ లక్షణాల్లో GENERATE LOREM IPSUM బటన్ క్లిక్ చేయండి.
09 లో 06
ఒక UXPin పేజికి ఒక చిత్రాన్ని ఎలా జోడించాలి
ఈ పనిని సాధించడానికి రెండు మార్గాలు ఉన్నాయి. టూల్బార్లో మీరు చిత్రం టూల్ను ఉపయోగించవచ్చు, లైబ్రరీ నుండి ఒక ఇమేజ్ మూలకాన్ని జోడించడం లేదా ఎగువన చూపిన విధంగా డిజైన్ ఉపరితలంపై మీ డెస్క్టాప్పై ఒక చిత్రాన్ని డ్రాగ్ చేసి డ్రాప్ చేయండి.
09 లో 07
ఒక UXPin పేజికి బటన్ను ఎలా జోడించాలి
ఒక బటన్ మూలకం ఉన్నప్పటికీ, శోధన ప్రాంతంలోకి " బటన్ " ప్రవేశిస్తుంది, పైన చూపిన విధంగా, లైబ్రరీస్ అన్ని కనిపించే బటన్లు అన్ని తెరుచుకుంటుంది. డిజైన్ ఉపరితలంపై మీకు పనిచేసే ఒకదాన్ని లాగి, రంగు, ఫాంట్ మరియు బోర్డర్ వ్యాసార్థాన్ని మార్చడానికి లక్షణాలను ఉపయోగించండి. బటన్ లోపల టెక్స్ట్ మార్చడానికి, ఒకసారి టెక్స్ట్ క్లిక్ చేసి కొత్త టెక్స్ట్ ఎంటర్.
09 లో 08
ఎలా UXPin పేజీకి ఇంటరాక్టివ్ జోడించండి
ఇది మొదట కనిపిస్తున్నందున ఇది సంక్లిష్టంగా లేదు. ఇమెయిల్ ఇన్పుట్ కోసం, నేను ఒక ఇన్పుట్ మూలకాన్ని జోడించి, అది పరిమాణం మార్చింది, టెక్స్ట్ ఎంటర్ చేసి, టెక్స్ట్ని ఫార్మాట్ చేసాం. ఇన్పుట్ ఎలిమెంట్ ఎంచుకున్నప్పుడు గుణాలు బటన్ను క్లిక్ చేయండి మరియు ఎలిమెంట్ లక్షణాలు కనిపించేటప్పుడు ప్యానెల్ యొక్క కుడి ఎగువ భాగంలో కంటికి కనిపించే బటన్-ఐబాల్.
బటన్ ఎంచుకోండి మరియు పరస్పర బటన్ క్లిక్ - మెరుపు బోల్ట్- లక్షణాలు. ఇంటరాక్షన్ ప్యానెల్ తెరిచినప్పుడు, కొత్త ఇంటరాక్షన్ ఎంచుకోండి. ట్రిగ్గర్ పాప్ డౌన్ నుండి ఎంచుకోండి. యాక్షన్ ప్రాంతంలో షో ఎలిమెంట్ ఎంచుకోండి. ఎలిమెంట్ చూపించడానికి మీరు ఇప్పుడు అడుగుతారు. ఒకసారి తుపాకీయం మీద క్లిక్ చేసి ఇన్పుట్ మూలకంపై క్లిక్ చేయండి. గుర్తించిన మూలకంతో, మీరు ఇప్పుడు ఎలిమెంట్ను యానిమేట్ చేయాలో లేదో నిర్ణయించవచ్చు. ఈ సందర్భంలో నేను ఒక ఇన్పుట్ బాక్స్ లో సులభంగా కనిపించాలని నిర్ణయించుకున్నాను మరియు 300ms యొక్క డిఫాల్ట్ వ్యవధి విలువతో వెళ్ళాను.
నేను క్లిక్ చేసినప్పుడు కుడివైపున 65 పిక్సెల్ల గురించి బటన్ తరలించాలనుకుంటున్నాను. నేను బటన్ ఎంపిక, ఇంటరాక్షన్ ప్యానెల్ తెరిచింది మరియు కొత్త పరస్పర ఎంపిక. నేను ఈ సెట్టింగులను ఉపయోగించాను:
- ట్రిగ్గర్ : క్లిక్ చేయండి
- యాక్షన్: తరలించు
- తరలించు దర్శకత్వం : x అక్షంపై 65 px
- యానిమేషన్ : లీనియర్
- వ్యవధి: 300 ms
ఒక పరస్పర తొలగించడానికి మూలకాన్ని ఎంచుకోండి మరియు ఇంటరాక్షన్ ప్యానెల్ తెరవండి. ప్యానెల్లో పరస్పర ఎంపికని ఎంచుకుని, దానిని తొలగించడానికి ట్రాష్ కెన్ క్లిక్ చేయండి.
09 లో 09
UXPin లో మీ పేజీని ఎలా పరీక్షించాలో
మీరు బ్రౌజర్ లో పని చేస్తున్న కారణంగా, పరీక్ష చనిపోయిన సులభం. సిమ్యులేట్ డిజైన్ బటన్ క్లిక్ చేయండి. పేజీ బ్రౌజర్లో తెరవబడుతుంది మరియు మీరు మార్గాన్ని పరీక్షించవచ్చు. బహుళ పేజీలు, వినియోగ పరీక్ష, లైవ్ షేరింగ్, ఎడిటింగ్ మరియు డాష్బోర్డ్కు తిరిగి వచ్చేటప్పుడు, వ్యాఖ్యల కోసం, సైట్ మ్యాప్కు అనుమతించే పేజీ యొక్క ఎడమ వైపుకి జోడించబడిన ప్యానెల్ కూడా ఉంటుంది.
పేజీ దిగువన మీరు ఇంటరాక్టివ్ ఎలిమెంట్లను చూపుటకు అనుమతించే మరొక చిన్న పానల్, వ్యాఖ్యలను చూపించు లేదా దాచండి మరియు ప్రాజెక్ట్ లింక్ను ఇతరులతో పంచుకుంటారు.