Skip to main content

తాజా Atomic.io నవీకరణ స్క్రోల్ చెయ్యదగిన కంటైనర్లు కలిపి

Anonim
03 నుండి 01

తాజా Atomic.io నవీకరణ స్క్రోల్ చెయ్యదగిన కంటైనర్లు కలిపి

కొన్ని నెలల క్రితం నేను మోషన్ నమూనాను ఎలా ఉపయోగించాలో అటామిక్.ఐయో చూపించాను. నేను ముక్కగా చేసిన కీ పాయింట్లు ఒకటి క్లయింట్ యొక్క లేదా జట్టు యొక్క ఊహ దానికి వదిలి కంటే "మోషన్ చూపిస్తున్న" ముఖ్యమైనది. వాస్తవానికి, ఇది చాలా క్లిష్టమైన మారింది UX / UI టూల్స్ యొక్క మొత్తం కొత్త వర్గం సన్నివేశంలో కనిపించే. వీటిలో - ఆపిల్ కీనోట్, Adobe యొక్క ఎడ్జ్ యానిమేట్, ఎఫ్ఫెక్ట్స్ తరువాత మరియు UXPin, కొన్ని పేరు. బ్లాక్లో ఉన్న కొత్త పిల్లవాడు Atomic.io నేను మొదటి ఉత్పత్తి గురించి వ్రాసినప్పుడు ఓపెన్ బీటాలో ఉంది.

ఓపెన్ betas గురించి చక్కగా విషయం వారు సాఫ్ట్వేర్ తయారీదారు ఫీచర్ ఫీచర్లు వినియోగదారు ఫీడ్బ్యాక్ సేకరించడానికి అవకాశం ఇస్తుంది, లేదు లక్షణాలు సహా, ఆపై వాటిని అప్లికేషన్ జోడించి వాటిని వాణిజ్య విడుదల ముందు పరీక్షించారు. అణు విషయంలో, నేను నిజంగా తప్పిపోయిన ఒక ఫీచర్ నిలువుగా లేదా అడ్డంగా కంటెంట్ స్క్రోల్ సామర్థ్యం ఉంది. ఇది కార్డ్లు, స్లైడ్ షోలు లేదా ఒక అనువర్తనం యొక్క లేదా సైట్ యొక్క ఇంటర్ఫేస్ యొక్క పరిమితుల్లో ఒక వినియోగదారు తుడుపు లేదా లాగడం వంటి అంశాల వంటి వాటిని కలిగి ఉంటుంది.

స్క్రోల్ చెయ్యదగిన కంటైనర్లు కేవలం ఈ నెలలో అనువర్తనంకి ప్రవేశపెట్టినందున ఇది చాలా మంది వినియోగదారులకు అడిగింది, నేను ఒప్పుకోవలసి ఉంటుంది, నమూనాలో స్క్రోల్ చేయదగిన కంటెంట్ను ఎనేబుల్ చేయడం సులభం.

ఇక్కడ ఎలా ఉంది …

02 యొక్క 03

ఎలా అటామిక్ లో లంబ స్క్రోలింగ్ కంటెంట్ సృష్టించు

మీరు మొదటి 30-రోజుల ట్రయల్ కోసం ముందుగా సైన్ అప్ చేయాల్సి ఉంటుంది మరియు ఆ వ్యవధి ముగింపులో, మీకు మూడు ధరల ప్రణాళికలు ఉంటాయి.

మీరు తెలుసుకోవాల్సిన మొదటి విషయం ఏమిటంటే, మీరు చేస్తున్న మొత్తం పని బ్రౌజర్లో ఉంది మరియు అనువర్తనం గూగుల్ క్రోమ్ వద్ద ఖచ్చితమైన లక్ష్యంతో ఉంటుంది. మీరు లాగిన్ చేసిన తర్వాత, మీరు తీసుకుంటారు ప్రాజెక్ట్స్ పేజీ. అనువర్తనాన్ని తెరవడానికి, క్లిక్ చేయండికొత్త ప్రాజెక్ట్ బటన్.

ఇంటర్ఫేస్ కనిపించినప్పుడు మీరు పరిమిత సంఖ్యలో టూల్స్, పేజీలు మరియు పొరలు పేజీలను, ఆర్ట్ బోర్డు మరియు కుడి వైపున, ఒక సందర్భోచిత సున్నితమైన లక్షణాల ప్యానెల్ను జోడించే సామర్థ్యాన్ని కలిగి ఉంటారు.ఈ ఉదాహరణలో, నేను ఒక ఐఫోన్ 5 ముందుగానే 320 x 568.I తో మొదలుపెట్టాను, ఆ చిత్రాలను కలిగి ఉన్న ఫోల్డర్ను తెరిచి వాటిని కాన్వాస్ పైకి లాగారు. వారు స్వయంచాలకంగా ప్రాజెక్ట్కు జోడించబడ్డారు మరియు వారు మీరు వ్యక్తిగత లేయర్లలో ఉంటే చూడవచ్చు లేయర్స్ ట్యాబ్ను క్లిక్ చేయండి. నేను బాణం సాధనం (ఎంపిక) ఎంచుకొని, ఒక చిత్రాన్ని ఎంపిక చేసి, వాటి మధ్య కొంత ఖాళీని జోడించడానికి ఒక క్రొత్త స్థానానికి లాగసాగింది. నేను అన్ని చిత్రాలను ఎంచుకున్నాను పంపిణీ నిలువుగా బటన్ క్లిక్ టూల్బార్లో. ఇది సమానంగా చిత్రాలు ఖాళీ.

స్కాన్ చేయబడటానికి మరియు అన్నింటికీ కంటెంట్ను ఎంచుకోవడమే తదుపరి దశ కంటైనర్ బటన్ను క్లిక్ చేయండి లేదా గ్రూప్ బటన్ నుండి స్క్రోల్ కంటైనర్ సృష్టించండి ఎంచుకోండి పాప్ డౌన్. కంటైనర్ సృష్టించిన తర్వాత- మీరు పొరలు ప్యానెల్లో దాన్ని చూస్తారు - కంటైనర్ను క్లిక్ చేసి, కాన్వాస్ దిగువకు పైకి క్రిందికి లాగండి. ప్రివ్యూ బటన్ క్లిక్ చేయండి గుణాలు ప్యానెల్ దిగువన మరియు ఇది ఒక బ్రౌజర్ విండోను ప్రారంభించనుంది. కంటెంట్ను స్క్రోల్ చేయడానికి మీ మౌస్ స్క్రోల్ చక్రం ఉపయోగించండి. మీ ప్రాజెక్ట్కు తిరిగి రావడానికి, సవరించు బటన్ను క్లిక్ చేయండి బ్రౌజర్ విండో దిగువ కుడివైపున.

03 లో 03

ఎలా అటామిక్ లో హారిజాంటల్ స్క్రోలింగ్ కంటెంట్ సృష్టించండి

క్షితిజసమాంతర స్క్రోలింగ్ సాధించడానికి చాలా సులభం.

ఈ సందర్భంలో, చిత్రాల శ్రేణిని కాన్వాస్కు లాగారు మరియు వాటిని ఒకదానితో ఒకటి కట్టివేశారు. ఎంచుకున్న చిత్రాలతో, నేను అగ్రస్థానంలో ఉన్న అలైన్ బటన్ను క్లిక్ చేస్తాను.

నేను షిఫ్ట్ కీని క్రింద ఉంచాను మరియు పొరలు ప్యానెల్లో ప్రతి పొరను ఎంచుకున్నాను. ఎంచుకున్న చిత్రాలతో, నేను కంటైనర్ బటన్ను క్లిక్ చేయండి మరియు, ప్రాపర్టీస్ ప్యానెల్స్లో, క్షితిజ సమాంతరంగా ఎంపిక చేయబడింది బిహేవియర్స్ ప్రాంతంలో.

నేను ప్రివ్యూ బటన్ను క్లిక్ చేసి బ్రౌజర్ విండోలో ప్రాజెక్ట్ను పరీక్షించాను.

మీరు ఒక కంటైనర్లో స్క్రోల్ చెయ్యదగిన కంటెంట్ను ఉంచినంతవరకు, నిలువు మరియు క్షితిజసమాంతర స్క్రోలింగ్ యొక్క వ్యక్తిగత సంస్కరణలను ఎలా సృష్టించాలో చూపించినప్పటికీ, మీరు ఈ కంటైనర్లను స్క్రీన్ యొక్క ప్రత్యేక ప్రాంతాల్లో కలిగి ఉండవచ్చు. ఉదాహరణకు, ఒక పేజీలో నిలువుగా స్క్రోలింగ్ కంటెంట్ ఒక వైపు మెనులో మరియు అదే పేజీలో స్లయిడ్-షోలో క్షితిజ సమాంతర స్క్రోలింగ్ కంటెంట్ కలిగి ఉండవచ్చు. నిజానికి, ఒక కంటైనర్ డజను లేదా అంతకంటే సూక్ష్మచిత్రాలను కలిగి ఉండే చిత్రం పికర్ వంటి అంశాల కోసం నిలువు మరియు హారిజాంటల్ స్క్రోలింగ్ను కలిగి ఉండవచ్చు.

Atomic.io లో ఈ ఫీచర్ గురించి మరింత తెలుసుకోవడానికి తనిఖీ చేయండి:

  • బ్లాగ్ ప్రకటన
  • కంటైనర్ ట్యుటోరియల్ స్క్రోలింగ్
  • కంటైనర్లను ఉపయోగించి మాస్కింగ్
  • ట్రబుల్ షూటింగ్ స్క్రోలింగ్ కంటైనర్లు