"ኤለመንትን ማንቀሳቀስ" ማንኛውንም የድረ-ገጽ ክፍል እንዲያንቀሳቅሱ፣ አቀማመጡን እንዲቀይሩ እና የተለየ ዲዛይን በቅጽበት እንዲሞክሩ ያስችልዎታል። ኤለመንቱን ይጎትቱ እና ወደሚፈልጉት ቦታ ይልቀቁት—የገጹ ሌይአውት ከአዲሱ ቦታ ጋር ወዲያውኑ ይላመዳል።
የሌይአውት ለውጦችን በኮድ መሞከር ብዙ ጊዜ ሊወስድ ይችላል—የCSS ባህሪያትን መቀየር፣ ገጹን ማደስ እና ውጤቱን ማየት። "ኤለመንትን ማንቀሳቀስ" ይህንን ሂደት በምስል እና በእጅ እንዲያደርጉ ያስችልዎታል። በማንኛውም ኤለመንት ላይ ይጫኑ እና አይጥዎን ሳይለቁ ወደ አዲስ ቦታ ይውሰዱት። መሣሪያው ኤለመንቱን ከDOM ውስጥ ነቅሎ ወደ አዲሱ ቦታ የሚሰካበትን ነጥብ በምስል ያሳየዎታል። ኤለመንቱን ሲለቁት በቋሚነት ወደዚያ ቦታ ይዛወራል። ይህ ለዲዛይን ሙከራዎች፣ ለማሻሻያዎች፣ ወይም በቀላሉ አንድ ክፍል ሌላ ቦታ ላይ እንዴት ሊታይ እንደሚችል ለማየት ፍጹም መሣሪያ ነው። ሰነዶችዎን ወይም የኮምፖነንትዎን ኮድ ከመቀየርዎ በፊት ምርጡን አቀማመጥ በእውነተኛ ገጽ ላይ ለመወሰን ይረዳል።
በገጹ ላይ ያለን ማንኛውንም ኤለመንት—ምስሎች፣ ጽሁፎች፣ ቁልፎች፣ ወይም ሙሉ ሰክሽኖች—ይጫኑ እና በነጻነት ወደ የትኛውም ቦታ ይጎትቱ። ኤለመንቱ ከከርሰርዎ ጋር አብሮ ይንቀሳቀሳል።
ኤለመንቱን እየጎተቱ ሳሉ፣ ሲለቁት የት እንደሚቀመጥ የሚያሳይ ባለቀለም መስመር ወይም ቦታ ይታያል። ይህ ኤለመንቱን በትክክል በሌሎች ኤለመንቶች መካከል ወይም በኮንቴይነሮች ውስጥ ለማስቀመጥ ይረዳል።
ኤለመንቱ ወደ አዲስ ቦታ ሲዛወር፣ መሣሪያው የገጹን የDOM አወቃቀር በራስ-ሰር ያስተካክላል። ይህ ማለት ኤለመንቱ ከነስታይሉ እና ከነባህሪው አዲሱ ወላጅ ኤለመንት ውስጥ ይገባል ማለት ነው።
ኤለመንቱን ሲለቁት ቀሪዎቹ የገጽ ክፍሎች ክፍተቱን ለመሙላት ወይም ለአዲሱ እንግዳ ቦታ ለመስጠት በራስ-ሰር ይንቀሳቀሳሉ። ይህ ሽግግር በእውነተኛ የCSS ፍሰት (flow) መሰረት ይከናወናል።
አንድን ኤለመንት በስህተት አንቀሳቅሰዋል? "ወደነበረበት መልስ" (Undo) የሚለውን ቁልፍ በመጫን ወይም ገጹን በማደስ ሁሉንም ለውጦች ወዲያውኑ ማጥፋት እና ወደ ዋናው ዲዛይን መመለስ ይችላሉ።
አዲስ የዲዛይን ሃሳብ አለዎት? የናቪጌሽን ባሩን ወደ ጎን፣ ወይም የደንበኛ ምስክርነቱን ወደ ላይ በማንቀሳቀስ ለውጡ ምን እንደሚመስል ወዲያውኑ ለቡድንዎ ወይም ለደንበኛዎ ለማሳየት ይጠቀሙበት።
የ"Add to Cart" ቁልፍ ከምርቱ ምስል በላይ ቢሆን ይሻላል? ወይስ በጎን? በምስል አንቀሳቅሰው ያረጋግጡና የተሻለውን ውሳኔ ያሳልፉ። በኮድ ደጋግሞ ከመሞከር የበለጠ ፈጣን ነው።
ከደንበኛ ጋር በስብሰባ ላይ እያሉ "ይህ ክፍል ትንሽ ከፍ ቢልስ?" ለሚለው ጥያቄ ወዲያውኑ ኤለመንቱን አንቀሳቅሰው በማሳየት ውሳኔውን እዚያው ያጠናቅቁ።
በጣም አስፈላጊ የሆነውን መረጃ በገጹ አናት ላይ ለማስቀመጥ ሰክሽኖችን ያቀያይሩ። የይዘቱ ቅደም ተከተል መቀየር በተጠቃሚው ልምድ (UX) ላይ ያለውን ተፅእኖ በእውነተኛ ገጽ ላይ ይገምግሙ።
አንድ ኤለመንት ለጊዜው ሌላውን እየሸፈነብዎት ከሆነ ወይም እይታዎን እየረበሸ ከሆነ፣ ለጥቂት ሰከንዶች ወደ ሌላ ቦታ አንቀሳቅሰው ስራዎን በሰላም ይቀጥሉ።
አሁን ያለን ገጽ እንደ መነሻ በመጠቀም እና ክፍሎቹን በማዘዋወር አዲስ የዲዛይን ስሪት ይፍጠሩ። ይህ በFigma አዲስ ፕሮቶታይፕ ከማዘጋጀት የበለጠ ፈጣን እና እውነተኛ ነው።
የDevSuite Pro ተንሳፋፊ ዶክን ይክፈቱ እና የ"Move Element" አዶን ይጫኑ። መሣሪያው ይሠራል እና በገጹ ላይ ባሉ ኤለመንቶች ላይ ሲያነዣብቡ ሰማያዊ ድንበር ይታያል።
ለማንቀሳቀስ የሚፈልጉትን ኤለመንት ይጫኑ እና አይጥዎን ሳይለቁ ይጎትቱት። ኤለመንቱ ከከርሰርዎ ጋር አብሮ መንቀሳቀስ ይጀምራል።
ኤለመንቱን በገጹ ላይ ወደሚፈልጉት ቦታ ይውሰዱት። ሲለቁት የሚቀመጥበትን ቦታ የሚያመለክት አግድም ወይም ቀጥ ያለ መስመር ሲታይ ይመልከቱ።
ትክክለኛው ቦታ ላይ ሲደርሱ አይጥዎን ይልቀቁ። ኤለመንቱ ወዲያውኑ ወደዚያ ቦታ ይዛወራል እና የገጹ ሌይአውት እራሱን ያስተካክላል።
የዲዛይን ሙከራዎን ሲጨርሱ ገጹን በማደስ ሁሉንም ለውጦች ወደነበሩበት መመለስ ይችላሉ። ለውጦቹ ቋሚ አይደሉም።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።
