03 నుండి 01
తాజా Atomic.io నవీకరణ స్క్రోల్ చెయ్యదగిన కంటైనర్లు కలిపి
కొన్ని నెలల క్రితం నేను మోషన్ నమూనాను ఎలా ఉపయోగించాలో అటామిక్.ఐయో చూపించాను . నేను ముక్కగా చేసిన కీ పాయింట్లు ఒకటి క్లయింట్ యొక్క లేదా జట్టు యొక్క ఊహ దానికి వదిలి కంటే "మోషన్ చూపిస్తున్న" ముఖ్యమైనది. వాస్తవానికి, ఇది చాలా క్లిష్టమైన మారింది UX / UI టూల్స్ యొక్క మొత్తం కొత్త వర్గం సన్నివేశంలో కనిపించే. వీటిలో - ఆపిల్ కీనోట్, Adobe యొక్క ఎడ్జ్ యానిమేట్, ఎఫ్ఫెక్ట్స్ తరువాత మరియు UXPin , కొన్ని పేరు. బ్లాక్లో ఉన్న కొత్త పిల్లవాడు Atomic.io నేను మొదటి ఉత్పత్తి గురించి వ్రాసినప్పుడు ఓపెన్ బీటాలో ఉంది.
ఓపెన్ betas గురించి చక్కగా విషయం వారు సాఫ్ట్వేర్ తయారీదారు ఫీచర్ ఫీచర్లు వినియోగదారు ఫీడ్బ్యాక్ సేకరించడానికి అవకాశం ఇస్తుంది, లేదు లక్షణాలు సహా, ఆపై వాటిని అప్లికేషన్ జోడించి వాటిని వాణిజ్య విడుదల ముందు పరీక్షించారు. అణు విషయంలో, నేను నిజంగా తప్పిపోయిన ఒక ఫీచర్ నిలువుగా లేదా అడ్డంగా కంటెంట్ స్క్రోల్ సామర్థ్యం ఉంది. ఇది కార్డ్లు, స్లైడ్ షోలు లేదా ఒక అనువర్తనం యొక్క లేదా సైట్ యొక్క ఇంటర్ఫేస్ యొక్క పరిమితుల్లో ఒక వినియోగదారు తుడుపు లేదా లాగడం వంటి అంశాల వంటి వాటిని కలిగి ఉంటుంది.
స్క్రోల్ చెయ్యదగిన కంటైనర్లు కేవలం ఈ నెలలో అనువర్తనంకి ప్రవేశపెట్టినందున ఇది చాలా మంది వినియోగదారులకు అడిగింది, నేను ఒప్పుకోవలసి ఉంటుంది, నమూనాలో స్క్రోల్ చేయదగిన కంటెంట్ను ఎనేబుల్ చేయడం సులభం.
ఇక్కడ ఎలా ఉంది ...
02 యొక్క 03
ఎలా అటామిక్ లో లంబ స్క్రోలింగ్ కంటెంట్ సృష్టించు
మీరు మొదటి 30-రోజుల ట్రయల్ కోసం ముందుగా సైన్ అప్ చేయాల్సి ఉంటుంది మరియు ఆ వ్యవధి ముగింపులో, మీకు మూడు ధరల ప్రణాళికలు ఉంటాయి.
మీరు తెలుసుకోవాల్సిన మొదటి విషయం ఏమిటంటే, మీరు చేస్తున్న మొత్తం పని బ్రౌజర్లో ఉంది మరియు అనువర్తనం గూగుల్ క్రోమ్ వద్ద ఖచ్చితమైన లక్ష్యంతో ఉంటుంది. ఒకసారి మీరు లాగిన్ చేసిన తర్వాత, మీరు ప్రాజెక్ట్స్ పేజీలోకి తీసుకోబడతారు. అనువర్తనాన్ని తెరవడానికి, కొత్త ప్రాజెక్ట్ బటన్ క్లిక్ చేయండి.
ఇంటర్ఫేస్ కనిపించినప్పుడు మీరు పరిమిత సంఖ్యలో టూల్స్, పేజీలు మరియు పొరలు పేజీలను, ఆర్ట్ బోర్డు మరియు కుడి వైపున, ఒక సందర్భోచిత సున్నితమైన లక్షణాల ప్యానెల్ను జోడించే సామర్థ్యాన్ని కలిగి ఉంటారు.
ఈ ఉదాహరణలో, నేను ఒక ఐఫోన్ 5 ముందుగానే 320 x 568.I తో మొదలుపెట్టాను, ఆ చిత్రాలను కలిగి ఉన్న ఫోల్డర్ను తెరిచి వాటిని కాన్వాస్ పైకి లాగారు. వారు స్వయంచాలకంగా ప్రాజెక్ట్కు జోడించబడ్డారు మరియు మీరు లేయర్స్ ట్యాబ్పై క్లిక్ చేస్తే వారు వ్యక్తిగత పొరల్లో ఉన్నారు. నేను బాణం సాధనం (ఎంపిక) ఎంచుకొని, ఒక చిత్రాన్ని ఎంపిక చేసి, వాటి మధ్య కొంత ఖాళీని జోడించడానికి ఒక క్రొత్త స్థానానికి లాగసాగింది. నేను అన్ని చిత్రాలను ఎంచుకుని , టూల్బార్లో నిలువుగా పెట్టి పంపిణీని క్లిక్ చేసాను. ఇది సమానంగా చిత్రాలు ఖాళీ.
తదుపరి దశలో స్క్రోల్ చేయబడటానికి కంటెంట్ను ఎంచుకుని, కంటైనర్ బటన్ను క్లిక్ చేయండి లేదా స్క్రోల్ కంటైనర్ను సృష్టించండి గ్రూప్ బటన్ పాప్ డౌన్ నుండి ఎంచుకోండి. కంటైనర్ సృష్టించిన తర్వాత - మీరు దానిని పొరలు ప్యానెల్లో చూస్తారు - కంటైనర్ పై క్లిక్ చేసి, కాన్వాస్ దిగువకు పైకి క్రిందికి లాగండి . ప్రెజెంటేషన్ ప్యానల్ దిగువన ఉన్న పరిదృశ్య బటన్ను క్లిక్ చేసి , ఇది ఒక బ్రౌజర్ విండోని ప్రారంభిస్తుంది. కంటెంట్ను స్క్రోల్ చేయడానికి మీ మౌస్ స్క్రోల్ చక్రం ఉపయోగించండి. మీ ప్రాజెక్ట్కు తిరిగి రావడానికి, బ్రౌజర్ విండో యొక్క దిగువ కుడివైపున సవరించు బటన్ను క్లిక్ చేయండి.
03 లో 03
ఎలా అటామిక్ లో హారిజాంటల్ స్క్రోలింగ్ కంటెంట్ సృష్టించండి
క్షితిజసమాంతర స్క్రోలింగ్ సాధించడానికి కేవలం సులభం.
ఈ సందర్భంలో, చిత్రాల శ్రేణిని కాన్వాస్కు లాగారు మరియు వాటిని ఒకదానితో ఒకటి కట్టివేశారు. ఎంచుకున్న చిత్రాలతో, నేను అగ్రస్థానంలో ఉన్న అలైన్ బటన్ను క్లిక్ చేస్తాను.
నేను షిఫ్ట్ కీని క్రింద ఉంచాను మరియు పొరలు ప్యానెల్లో ప్రతి పొరను ఎంచుకున్నాను. చిత్రాల ఎంపికతో, నేను కంటైనర్ బటన్ను క్లిక్ చేసాను , గుణాలు ప్యానెల్స్లో, బిహేవియర్స్ ప్రాంతంలో క్షితిజ సమాంతరంగా ఎంపిక చేయబడ్డాయి.
నేను ప్రివ్యూ బటన్ను క్లిక్ చేసి బ్రౌజర్ విండోలో ప్రాజెక్ట్ను పరీక్షించాను.
మీరు ఒక కంటైనర్లో స్క్రోల్ చెయ్యదగిన కంటెంట్ను ఉంచినంతవరకు, నిలువు మరియు క్షితిజసమాంతర స్క్రోలింగ్ యొక్క వ్యక్తిగత సంస్కరణలను ఎలా సృష్టించాలో చూపించినప్పటికీ, మీరు ఈ కంటైనర్లను స్క్రీన్ యొక్క ప్రత్యేక ప్రాంతాల్లో కలిగి ఉండవచ్చు. ఉదాహరణకు, ఒక పేజీలో నిలువుగా స్క్రోలింగ్ కంటెంట్ ఒక వైపు మెనులో మరియు అదే పేజీలో స్లయిడ్-షోలో క్షితిజ సమాంతర స్క్రోలింగ్ కంటెంట్ కలిగి ఉండవచ్చు. నిజానికి, ఒక కంటైనర్ డజను లేదా అంతకంటే సూక్ష్మచిత్రాలను కలిగి ఉండే చిత్రం పికర్ వంటి అంశాల కోసం నిలువు మరియు హారిజాంటల్ స్క్రోలింగ్ను కలిగి ఉండవచ్చు.
Atomic.io లో ఈ ఫీచర్ గురించి మరింత తెలుసుకోవడానికి తనిఖీ చేయండి:
- బ్లాగ్ ప్రకటన
- కంటైనర్ ట్యుటోరియల్ స్క్రోలింగ్
- కంటైనర్లను ఉపయోగించి మాస్కింగ్
- ట్రబుల్ షూటింగ్ స్క్రోలింగ్ కంటైనర్లు