09 වන දින
UXPin සමඟ ආරම්භ වීමට ඔබ ආරම්භ කරන්නේ කෙසේද?
ජංගම දුරකථන නිර්මාණකරණය, යෙදුම් නිර්මාණ සහ ප්රතිචාරාත්මක මෝස්තරයට අප පිවිසෙන විට UX (පරිශීලක අත්දැකීම්) සහ සජීව විකාශනය , අන්තර්ක්රියාකාරී මූලාකෘති නිර්මාණය සහ මාකූපත් මත වැඩි අවධානයක් යොමු වී ඇත. මෙම ආයුධය ඉලක්ක කරගත් මෙවලම් ටොන් එකකි. ඔවුන් සංකීර්ණ, අංගෝපාංගයන්ගෙන් පිරි හැසිරීම් වල රළු හා ඉතා ප්රයෝජනවත් ය. මගේ ඇසට හසු වූ එක් මෙවලමක් වන්නේ UXPin සරලව සැලසුම්කරුවන් සඳහා නිර්මාණකරුවන් විසින් වර්ධනය කර ඇති නිසාය.
ඉදිරියට යන්න කලින් ... උද්ඝෝෂණයක්. ඔබේ සමාගමට මෘදුකාංගය හිමිවීමට කැමැත්තක් දක්වන සංවිධානයක් නම්, UXPin ඔබ සඳහා නොවේ. මෙම යෙදුමෙන් සිදු කරන ලද කාර්යය බ්රවුසරයේ සිදු කරන අතර ඔබ සුරකින ව්යාපෘති ඔබගේ ගිණුමට සුරකිනු ඇත.
UXPin සමඟ ආරම්භ වීමට ඔබ UXPin වෙත බ්රව්සරයක් ආරම්භ කරමු. මෙතැන් සිට ඔබට නොමිලේ නඩු විභාගයක් සඳහා ලියාපදිංචි විය හැකිය හෝ ඔබගේ අපේක්ෂිත අවශ්යතා මත මාසික සැලැස්මක් පිළියෙල කිරීම. ලියාපදිංචි වීමේ ක්රියාවලිය බෙහෙවින් පහසුය. ඔබ ඔබගේ පරිශීලක නාමය සහ මුරපදය සකස් කර ඇති විට, ඔබ ආරම්භ කිරීමට සූදානමින් සිටී.
09 සිට 09 දක්වා
UXPin හි ව්යාපෘතියක් ආරම්භ කරන්නේ කෙසේද?
ඔබ පිවිසෙන විට Dashboard වෙත පැමිණෙන විට, මෙතැන් සිට ඔබට නව wireframe, නව ජංගම ව්යාපෘතියක් හෝ ප්රතිචාරාත්මක වෙබ් නිර්මාණ ව්යාපෘතියක් නිර්මාණය කිරීමට තීරණය කළ හැකිය. ඔබගේ Photoshop හෝ ස්කීච් ව්යාපෘති ගෙන ඒමට ඉඩ සලසන UXPin සඳහා ප්ලග් ඉන්ස් පවතී. මෙම ලිපිය සඳහා යම් බැනරයක් සාදාගෙන බැනරයට ඊමේල් බොත්තමක් එකතු කරගන්නේ කෙසේද. මෙය ඉටු කිරීම සඳහා මම නව රැහැන් රාමුවක් නිර්මාණය කරන්නෙමි.
09 දින 03
UXPin අතුරුමුහුණත භාවිතා කරන්නේ කෙසේද
සැලසුම් මතුපිට ප්රදේශ හතරකට කැඩී පවතී. වම් පස අසල ඇති කළු පැහැති වස්තූන් පුවරුව වෙත ආපසු යාමට ඉඩ සලසන මෙවලම් මාලාවක්, ඔබ භාවිතා කරන මූලද්රව්යයන් විවෘත කර, Smart Elements කවුළුව විවෘත කිරීම, මූලද්රව්ය සෙවීම, පිටුවට සටහන් සටහන් සහ කණ්ඩායම් සාමාජිකයින් එකතු කරන්න. පතුලෙහි, කෙටි සටහනක් විවෘත කරන බොත්තමක්, ඔබේ ගිණුම වෙත පිවිසීමට සහ තවත් අයෙකුගේ නිතර අසන ප්රශ්ණ වලට පිවිසීමට ඉඩ ලබා දෙන වෙනත්, ඔබ විසින් ප්රශ්න විමසා බැලීමට සහ ප්රතිපෝෂණ සපයන්නෙමු.
ඉහළ කෙළවරේ නිල් ප්රදේශය තුළ මෙවලම් හා ගුණාංග මාලාවක් ඇත. දකුණු පැත්තෙන් ඇති අඳුරු බොත්තම් ඔබට ඔබේ සැලසුම විසරණය කිරීමට, ව්යාපෘති සැකසීම් වෙනස් කිරීම, පිටුව බෙදාගැනීමට සහ පිටුවෙහි වෙබ් බ්රවුසරය නිර්මාණය කිරීම සිදු කරයි.
Elements Panel යනු ඔබ නිර්මාණය කරන ලද මතුපිට සඳහා බිට් සහ කෑලි අල්ලා, ඔබගේ ව්යාපෘතියේ නමක් එකතු කර පිටු ඉවත් කිරීම හෝ ඉවත් කිරීමයි.
Elements පුස්තකාලය UX නිර්මාණකරුවන්ට ප්රියජනක පුදුමයකි. මෙම pop-up ඔබට iOS සිට Android Lolipop දක්වා 30 පුස්තකාලවලින් ඔබ තෝරාගන්න ඉඩ ලබා දෙයි ඔබට Bootstrap සහ පදනම් වූ මූලද්රව්ය වලට ප්රවේශ වීමේ හැකියාව ඇත. Font Awesome අයිකන, ජංගම සඳහා වන සංකේතය සහ ජංගම Widgets එකතුවකි.
09 සිට 04 දක්වා
UXPin පිටුවට එක් අංගයක් එකතු කරන්නේ කෙසේද?
ආරම්භ කිරීම සඳහා මා විසින් නිර්මාණය කරන ලද මතුපිටට කොටු අංගය ඇදගෙන මා විසින් මූසිකය මුදාහරින විට, ප්රොපර්ට් පැනල් විවෘත වේ. ප්රොපටි බොත්තම ඔබට මූලද්රව්යයේ නම සහ සිරස්තලයෙහි පිහිටීම සහ අගයන් සැකසීමට ඉඩ සලසයි. මූලද්රව්යයට වැල්වැටිපිනය එකතු කළ හැකි අතර, කොන්ක්රීට් වට කර වටා එහි පාරාන්ධතාවය සකස් කරන්න. පසුබිම වර්ණ බොත්තම මත ක්ලික් කිරීමෙන් RGBA වර්ණ එකතු කරන්නකු විවෘත කරයි.
තෝරාගත් මූලද්රව්යයට ෆොන්ට්, මායිම් සහ රටාව නියම කළ හැකිය. තෝරාගත් මූලද්රව්යයට අන්තර්ක්රියාකාරිත්වයක් එක්කිරීමට හැකියාව ඇති අකුණු කදම්භයකි.
09 සිට 05 දක්වා
UXPin හි එක් කිරීමට හා හැඩතලගැන්වීමේ ආකාරය
පෙළ එක් කිරීමට, පාඨමය මතුපිටට පෙළ ඇතුළු කරන්න, ඔබේ පෙළ ඇතුළු කරන්න. අකුරු දේපල බොත්තම ක්ලික් කිරීම සඳහා අකුරු ගුණාංග විවෘත කිරීම සහ ඔබේ පෙළ හැඩසවා ගැනීම. ඔබට ඩේටියම් පෙළක් අවශ්ය නම්, පාඨමය අංගයක් එකතු කර ෆොන්ට් ගුණාංග තුළ GENERATE LOREM IPSUM බොත්තම ක්ලික් කරන්න.
09 සිට 06 දක්වා
UXPin පිටුවකට පින්තූරයක් එකතු කරන්නේ කෙසේද?
මෙම කාර්යය ඉටු කිරීමට ක්රම කිහිපයක් තිබේ. ඔබට මෙවලම් තීරුවේ රූප මෙවලම භාවිතා කළ හැකිය, පුස්තකාලයෙන් පින්තූර අංගයක් එකතු කරන්න, හෝ ඔබේ පරිගණකයේ සිට ඩිජිටල් ආකාරයෙන් රූපයේ ආකෘතියට ඇදගෙන ආවේ.
09 සිට 07 දක්වා
UXPin පිටුවකට බටන් එකක් එකතු කරන්නේ කෙසේද
බොත්තම් මූලද්රව්යයක් වුවද, " බොත්තම් " සෙවුම් ප්රදේශයට ඇතුල් වුවද, ඉහත දැක්වෙන පරිදි, සියලුම පුස්තකාල වල ඇති සියලු බොත්තම් විවෘත කරයි. ඔබ සඳහා නිර්මාණය කරන ලද පෘෂ්ඨය මත වැඩ කරන අයව ඇදගෙන, වර්ණය, අකුරු සහ සීමාව වෙනස් කිරීම සඳහා ප්රමිති භාවිතා කරන්න. බොත්තම ඇතුළත පෙළ වෙනස් කිරීම සඳහා, පෙළ මත ක්ලික් කරන්න සහ නව පෙළ ඇතුල් කරන්න.
09 සිට 08 දක්වා
UXPin පිටුවට අන්තර්ක්රියාකාරිත්වයක් එක් කරන්නේ කෙසේද
මෙය මුලින්ම පෙනෙන පරිදි සංකීර්ණ නොවේ. විද්යුත් තැපැල් ආදානය සඳහා, මම ආදාන අංගයක් එකතු කර, එය ප්රමාණනය කර, පෙළට ඇතුළු වූ අතර පෙළ හැඩසවිණි. ඉන්පුට් අංගය තෝරා ඇති ප්රොපටීස් බොත්තම ක්ලික් කර, Element Properties ක්ලික් කළ විට Visibility බොත්තම ක්ලික් කර - Eyeball පුවරුවේ ඉහළ දකුණු කෙළවරෙහි ඇති.
බොත්තම තෝරා ගන්න. එහි අන්තර්ක්රියා බොත්තම ක්ලික් කරන්න. අන්තර් ක්රියාකාරී කවුළුව විවෘත වන විට, නව අන්තර්ක්රියා තෝරාගන්න. Trigger pop පහළට ක්ලික් කරන්න. ක්රියාකාරී ප්රදේශයෙහි පෙන්වන්න Element පෙන්වන්න. දැන් ඔබට පෙන්වන කුමන අංගයක් ඔබෙන් විමසනු ඇත. තුවක්කුවේ එක් වරක් ක්ලික් කරන්න Input Element මත ක්ලික් කරන්න. හඳුනාගත් මූලද්රව්යය සමඟ, මූලද්රව්ය සජීවනය කිරීමට හෝ නොකිරීමට තීරණය කළ හැකිය. මෙම අවස්ථාවෙහිදී මා හට ඇතුල් කිරීමේ පෙට්ටිය පෙන්වීමට සහ 300ms ට පෙරනිමි කාලපරිච්ඡේදය සමඟ ගියේය.
බොත්තම ක්ලික් කළ විට බොත්තම් 65 ක් පමණ දකුණට ගෙන යාමට අවශ්යයි. මම බොත්තම තෝරා, අන්තර් ක්රියාකාරී කවුළුව විවෘත කර නව අන්තර් ක්රියාකාරීත්වය තෝරා ගත්තා. මම මෙම සැකසුම් භාවිතා කළා:
- ස්පර්ශය : ක්ලික් කරන්න
- ක්රියාවන්: ඉදිරියට යන්න
- දිශාව යොමු : x අක්ෂය මත 65 px
- සජීවීකරණය : ලීනියර්
- කාලය: 300 ms
අන්තර්ක්රියාකාරකය ඉවත් කිරීම සඳහා මූලද්රව්යය තෝරා ඉන්කාරක පැනලය විවෘත කරන්න. පැනලය තුළ ඇති අන්තර්ක්රියා තෝරන්න සහ එය මකා දැමීම සඳහා කුණු කූඩුව ක්ලික් කරන්න.
09 සිට 09 දක්වා
UXPin හි ඔබේ පිටුව පරීක්ෂා කර ගන්නේ කෙසේද?
බ්රව්සරයේ ඔබ වැඩ කරන නිසා, පරීක්ෂා ඉතා සරළයි. Simulate Design බොත්තම ක්ලික් කරන්න. බ්රව්සරයේ පිටුව විවෘත වනු ඇත, ඔබට මාර්ගය පරීක්ෂා කළ හැකිය. පිටුවෙහි වම් පැත්තට එක්තරා කවුළුවක් ද අදහස් දැක්වීමට ඉඩ සලසනු ඇත, පිටු ගණනාවක් තිබේ නම්, භාවිතයේ යෝග්යතාව පරීක්ෂා කිරීම, සජීවී හුවමාරු කිරීම, සංස්කරණය කිරීම සහ උපකරණ පුවරුව වෙත නැවත පැමිණීම.
පිටුවෙහි පහතින් දැක්වෙන්නේ ඔබට අන්තර්ක්රියාකාරී අංග පෙන්වීමට ඉඩ දෙන, ප්රදර්ශනය හෝ සැඟවීමට හෝ වෙනත් ව්යාපෘති සමඟ සම්බන්ධතා හුවමාරු කර ගැනීමට තවත් කුඩා පැනලයකි.