ux ui නිර්මාණය සඳහා වැඩසටහන්. ජංගම යෙදුම්වල UX සහ UI: සැලසුම් සහ අලෙවිකරණය සම්බන්ධ කරන දේ. UX සහ UI නිර්මාණය අතර වෙනස කුමක්ද?

ජංගම යෙදුම් සැලසුම් කිරීම ආරම්භ වන්නේ කොතැනින්ද යන්න සහ පරිශීලකයින්ට පහසු සහ තේරුම් ගැනීමට උපකාර වන විශේෂාංග මොනවාදැයි පෙන්වීමට මම විශේෂ ඉදිරිපත් කිරීමක් නිර්මාණය කළෙමි.

UX සහ UI නිර්මාණය අතර වෙනස කුමක්ද?

ඉතා මැනවින්, නිර්මාණය ආකෘතිය සහ කාර්යය, ගුණාංග සහ සෞන්දර්යාත්මක ප්රකාශනයන් ඒකාබද්ධ කරයි. UX (පරිශීලක අත්දැකීම්) නිර්මාණය විශේෂාංග සහ ක්‍රියාකාරීත්වය පිළිබඳ වන අතර, ප්‍රයෝජනවත්, භාවිතයට පහසු සහ අන්තර්ක්‍රියා කිරීමට ප්‍රියජනක නිෂ්පාදනයක් නිර්මාණය කිරීමේ ක්‍රියාවලියයි. UX නිර්මාණකරුවෙකුගේ කර්තව්‍යය වන්නේ පරිශීලකයා අවසාන ඉලක්කය කරා ගෙන යාම, ඔහුට “ගැටලුව විසඳීමට” උපකාර කිරීමයි.

UI නිර්මාණය යනු “නිෂ්පාදනයේ” දෘශ්‍ය සැලසුමයි: භාවිතා කළ යුතු වර්ණ මොනවාද, පුද්ගලයෙකුට තම ඇඟිල්ලෙන් බොත්තම් ස්පර්ශ කිරීමට පහසු වේද, පෙළ කියවිය හැකිද යන්න.

UX ආරම්භ වන්නේ කොතැනින්ද?

UX නිර්මාණයේ මුල් අවධියේදී සිදු කරනු ලබන පර්යේෂණ අලෙවිකරණ පර්යේෂණ හා සමාන බොහෝ දේ ඇත. උදාහරණයක් ලෙස, තරඟකරුවන් සහ වෙළඳපල විශ්ලේෂණය, ඉලක්කගත ප්රේක්ෂකයින් සහ ව්යාපාර ආකෘතිය තීරණය කිරීම.

මිණුම් සලකුණු කිරීම එවැනි එක් අධ්‍යයනයකි. මෙය තරඟකාරී සමාගම්වල ක්‍රියාකාරකම් අධ්‍යයනය කිරීම සඳහා ඔවුන්ගේ ධනාත්මක අත්දැකීම් ලබා ගැනීමට සහ ඔවුන්ගේම ක්‍රියාකාරකම්වල ඒ පිළිබඳ දත්ත යෙදීමට ක්‍රමයකි.

නිර්මාණකරු මිණුම් ලකුණක් විය යුත්තේ ඇයි?

1. තක්සේරු කරන ලද වස්තූන්ගේ ශක්තීන් සහ දුර්වලතා තීරණය කරන්න.
2. වෙළඳපල සහ ව්‍යාපාර වසම* පිළිබඳ ඔබේ අවබෝධය පුළුල් කරන්න.
3. ව්යාපෘතිය පිළිබඳ ඔබේම දැක්ම වර්ධනය කර නව අදහස් වර්ධනය කරන්න.

*ව්‍යාපාර වසම (මෘදුකාංග සංවර්ධනය තුළ) යනු සම්මත අවශ්‍යතා, විශේෂ පාරිභාෂිතය සහ ක්‍රියාකාරීත්වය (උදාහරණයක් ලෙස, විනෝදාස්වාදය, සංචාරක සහ සංචාර, හෝ සමාජ සේවා) නිර්වචනය කරන විෂය ක්ෂේත්‍රයකි.

ප්‍රේක්ෂක විශ්ලේෂණය ද අලෙවිකරණ පර්යේෂණ සමඟ ඡේදනය වේ. UX නිර්මාණකරුවන් එය කාර්යයේ පළමු අදියරේදී සිදු කරයි. සම්මුඛ පරීක්ෂණයකින්, සමීක්ෂණයකින් හෝ නිරීක්ෂණයකින් පටන් ගෙන, පරිශීලක වර්ගය අනුව ප්‍රේක්ෂකයින් කොටස් කිරීම. පුද්ගල චරිත (ප්‍රබන්ධ පෞරුෂයන්, අනාගත පරිශීලකයින්ගේ රූප) නිර්මාණය කිරීමෙන් සහ ඔවුන් එක් එක් දර්ශනයක් හරහා සිතීම. එවැනි පර්යේෂණ සිදු කරන්නේ ඇයි? නිර්මාණකරුට මෙයින් ලැබෙන ප්‍රතිලාභ මොනවාද:

1. පරිශීලකයින්ගේ ප්රාථමික හා ද්විතියික කාර්යයන් තීරණය කරයි.
2. පරිශීලක අභිප්රේරණය තීරණය කරයි.
3. හෙළි කරනු ඇත සාමාන්ය ගැටළුපරිශීලකයන් හමුවන බව.
4. පරිශීලක අවශ්‍යතා සන්දර්භය තුළ ප්‍රමුඛතා ඉස්මතු කරනු ඇත.
5. පරිශීලකයාගේ සාමූහික ප්‍රතිමූර්තියක් සාදනු ඇත.
6. සංවේදී සම්බන්ධතාවයක් ගොඩනැගීම සඳහා පූර්වාවශ්යතාවයන් සොයා ගනී.

UX යනු නිෂ්පාදනයක් හෝ සේවාවක් සමඟ පුද්ගලයෙකුගේ අන්තර්ක්‍රියාවල සියලු අංග සලකා බලන නිර්මාණ ප්‍රවේශයකි. එය පරිශීලක හැසිරීම, අවශ්‍යතා, ඉලක්ක, අභිප්‍රේරණ සහ නිෂ්පාදනය භාවිතා කරන සන්දර්භය අවබෝධ කර ගැනීමට දැඩි ලෙස සම්බන්ධ වේ.

සියලුම පර්යේෂණ සිදු කිරීමෙන් පසුව, අනාගත යෙදුම නිර්මාණය කර Wireframe නිර්මාණය කර ඇති අතර, දෘශ්ය නිර්මාණය පහත දැක්වේ.

පරිශීලක-හිතකාමී නිර්මාණයක් නිර්මාණය කිරීම සඳහා නීති හතරක්

UI (පරිශීලක අතුරුමුහුණත) යනු බොහෝ අය "සැලසුම්" යන වචනය සමඟ වහාම සම්බන්ධ කරයි: වර්ණ, ග්‍රැෆික්ස්, අයිකන සහ ලාංඡනය. එය පුද්ගලයෙකු සහ පද්ධතිය අතර සන්නිවේදන මාධ්‍යයකි. සැලසුම පහසු වීමට, ගැටලුවක් විසඳීමට සහ නිෂ්පාදනය "විකිණීම" සඳහා, UX/UI නිර්මාණකරුවන් ඔවුන්ගේ ඉලක්කය සපුරා ගැනීම සඳහා අනුගමනය කරන නීති සහ ප්‍රවණතා ගණනාවක් තිබේ:

1. පරිශීලක අත්දැකීම සරල කිරීම.පරිශීලකයෙකු යෙදුමක් සමඟ අන්තර්ක්‍රියා කරන විට, ඔවුන්ට නිශ්චිත අරමුණක් ඇත. සාමාන්‍යයෙන්, එම ඉලක්කය සපුරා ගැනීම සඳහා පරිශීලකයා දරන උත්සාහය අඩු වන තරමට, පරිශීලක අත්දැකීම වඩා හොඳය. හොඳ උදාහරණයක්- රේඛීය මාර්ගයක් සැලසුම් කිරීම, සෑම පරිශීලක පියවරක්ම එක් ක්‍රියාවක් පමණක් ක්‍රියාත්මක කරන විට.
2. ක්රියාකාරී මූලද්රව්යයක් ලෙස වර්ණය.වර්ණ තේරීම සෞන්දර්යය පමණක් නොවේ, එය පරිශීලක අත්දැකීමේ කොටසකි. වර්ණය යනු ප්රධාන දෙය අවධාරණය කිරීම සඳහා මෙවලමකි. උදාහරණයක් ලෙස, නිර්මාණකරුවන් අතර දෘශ්‍ය වෙනසක් ඇති කිරීමට වර්ණ භාවිතා කළ හැකිය විවිධ වර්ගදැනුම්දීම්.
3. සංවාදාත්මක නිර්මාණය.පරිශීලකයන් බොහෝ විට යෙදුම් තුනක් පමණක් භාවිතා කරන අතර, අවම වශයෙන් ඒවායින් එකක් messenger වේ. මිනිසුන් සන්නිවේදනය කිරීමට කැමතියි. එබැවින්, chatbots සහ හඬ සහායකයින්, කෘතිම බුද්ධිය මගින් වැඩිදියුණු කරන ලද, මෑත වසරවල ප්රවණතා බවට පත් වී ඇත.
4. චිත්තවේගීය අන්තර්ක්රියා.අතුරුමුහුණත් යුගයේ පවා විධාන රේඛාවඅපගේ හැඟීම් අන් අයට පැවසීමට අපි emoticons (emoticons) භාවිතා කළෙමු. මිනිසුන් ඔවුන් භාවිතා කරන සියලුම නිෂ්පාදන සමඟ චිත්තවේගීය සම්බන්ධතාවයක් ඇති කර ගැනීමට නැඹුරු වේ. එහි ප්‍රතිඵලයක් වශයෙන්, නිෂ්පාදන සමඟ අන්තර් ක්‍රියා කරන විට, මිනිසුන්ට සමාන ප්‍රතික්‍රියා අපි බලාපොරොත්තු වෙමු.

ජංගම යෙදුම් වෙළඳපොළ සංවර්ධනය වෙමින් පවතී, උපාංග වඩාත් දක්ෂ වෙමින් පවතී, සහ නිර්මාණකරුවන් ස්මාර්ට් ජංගම දුරකථනය "මානුෂික" කිරීම සඳහා නව දෘශ්ය විසඳුම් සොයමින් සිටිති. මේ සියල්ල පරිශීලකයින්ගේ සහ ව්‍යාපාරවල අවශ්‍යතා සපුරාලීමට.

සැලසුම් සහ අලෙවිකරණය සමාන වන්නේ කෙසේද?

අලෙවිකරුවෙකු සහ නිර්මාණකරුවෙකු ඇගයීම්, විශ්ලේෂණය සහ වෙළඳපල පර්යේෂණ, විශේෂතා, ඉල්ලුම සහ ප්‍රේක්ෂකයින් මත පදනම්ව කාර්යයන් සකසා ඉලක්ක සපුරා ගනී. නිර්මාණකරුවන් සංවේදී වීමට ඉගෙන ගෙන ඇත, මන්ද යෙදුමක් සැලසුම් කිරීම සඳහා ඔබට පාරිභෝගිකයා සහ ඔහුගේ හැසිරීම පිළිබඳ විශාල දැනුමක් අවශ්‍ය වේ. සාර්ථක වෙළඳ ප්‍රචාරණ ව්‍යාපාරයක් පැවැත්වීමට අලෙවිකරුවන් එකම දෙය භාවිතා කරයි. ව්‍යාපාර සාර්ථකත්වයේ සූත්‍රය හොඳ නිර්මාණය + හොඳ අලෙවිකරණයයි.

අලෙවිකරණය සහ සැලසුම් සම්බන්ධක ව්‍යාපාරය (නිෂ්පාදනය), එනම් අනාගත ප්‍රතිචාර සහ හැඟීම් පුරෝකථනය කිරීම, හැසිරීම සැලසුම් කිරීම, නව අත්දැකීම් සහ පවතින ආකෘති මත පදනම්ව හැසිරීම සැලසුම් කිරීම.

නිගමන

1. UX/UI නිර්මාණයේ කාර්යය වන්නේ අතුරු මුහුණත හරහා නිෂ්පාදනයක් හෝ සේවාවක් "විකිණීම" ය. UX/UI නිර්මාණකරුගේ කාර්යයේ පදනම මත පරිශීලකයා තීරණය කරයි: “විය යුතුද නැද්ද?”, කැමතිද අකමැතිද.
2. UX (පරිශීලක අත්දැකීම්) නිර්මාණය විශේෂාංග සහ ක්‍රියාකාරීත්වය පිළිබඳ වන අතර, ප්‍රයෝජනවත්, භාවිතයට පහසු සහ අන්තර්ක්‍රියා කිරීමට ප්‍රියජනක නිෂ්පාදනයක් නිර්මාණය කිරීමේ ක්‍රියාවලියයි. UI නිර්මාණය යනු “නිෂ්පාදනයේ” දෘශ්‍ය සැලසුමයි: භාවිතා කළ යුතු වර්ණ මොනවාද, පුද්ගලයෙකුට තම ඇඟිල්ලෙන් බොත්තම් ස්පර්ශ කිරීමට පහසු වේද, පෙළ කියවිය හැකිද යන්න.
3. සැලසුම පහසු වීමට, ගැටළුවක් විසඳීමට සහ නිෂ්පාදනය "විකිණීම" සඳහා, UX/UI නිර්මාණකරුවන් ඔවුන්ගේ ඉලක්කය සපුරා ගැනීම සඳහා අනුගමනය කරන නීති ගණනාවක් තිබේ:

• සංවාද නිර්මාණය;
• ක්රියාකාරී මූලද්රව්යයක් ලෙස වර්ණය;
• පරිශීලක අන්තර්ක්‍රියා සරල කිරීම;
• චිත්තවේගීය අන්තර්ක්රියා.

රීතියක් ලෙස, අලෙවිකරුවන් විසින් නිර්මාණය කරන ලද නිෂ්පාදනයෙන් ආරම්භ වන අතර ව්‍යාපාරයේ ගනුදෙනුකරුවන් කවුරුන් විය යුතුද යන්න තීරණය කරයි. නිර්මාණකරුවන් ප්‍රතිවිරුද්ධ දෙය කරයි, පළමුව සේවාලාභියාගේ ගැටලුව පර්යේෂණය කර එයට විසඳුමක් නිර්මාණය කරන්න - නිෂ්පාදනයක්. ඒවා සම්බන්ධ කරන්නේ සැලසුම් සහ අලෙවිකරණය ව්‍යාපාරික (නිෂ්පාදන) ඉලක්කවලට සේවය කිරීමයි.

ඔබ යතුරු ලියන දෝෂයක් සොයා ගන්නේ නම්, එය උද්දීපනය කර Ctrl + Enter ඔබන්න! අප හා සම්බන්ධ වීමට ඔබට භාවිතා කළ හැකිය.

මූලාකෘති මෘදුකාංග යනු නිර්මාණාත්මක අදහසක් සහ අවසාන නිෂ්පාදනය අතර සම්බන්ධකයයි. ඉතා මෑතකදී, Photoshop UX/UI නිර්මාණ ක්‍ෂේත්‍රයේ උත්තරීතර වූ නමුත්, සමීක්ෂණයකින් පෙන්නුම් කළේ මෙම වඩාත් ප්‍රසිද්ධ ග්‍රැෆික් සංස්කාරකය සංවර්ධකයින් අතර ජනප්‍රියතාවය නැති වීමට පටන් ගත් බවයි. රටවල් දෙසීයකට ආසන්න ප්‍රමාණයකින් ප්‍රතිචාර දැක්වූවන් හාරදහසකට වැඩි පිරිසක් මෙම සමීක්ෂණයට සහභාගී වූ අතර එහි ප්‍රතිඵලවලින් කෙනෙකුට පැහැදිලි නිගමනයකට එළඹිය හැකිය: සංවර්ධකයින් සැමවිටම ඩිජිටල් නිෂ්පාදන සංකල්පනය, මූලාකෘතිකරණය සහ සැලසුම් කිරීමේ ක්‍රියාවලියට පහසුකම් සැලසීම සඳහා නිර්මාණය කර ඇති නව මෙවලම් සඳහා විවෘතය.

UX/UI නිර්මාණය සඳහා මෙවලම්

මෑතකදී, ජනප්‍රිය Axure වැඩසටහන සහ නව Mockplus ඇතුළු බොහෝ නව මූලාකෘති මෙවලම් වෙළඳපොලේ දර්ශනය වී ඇත. තුල මෙම සමාලෝචනයදෙනු ලැබේ කෙටි විස්තරයසංස්කාරකවරුන්ගේ මතය අනුව මේ වසරේ අවධානය යොමු කළ යුතු වැඩසටහන් අටක්. ඇතැම් මෘදුකාංග නිෂ්පාදනසරල මූලාකෘති නිර්මාණය කිරීමට පමණක් භාවිතා කළ හැකි අතර අනෙක් අය ඔබට සම්පූර්ණ වැඩ කරන මූලාකෘතියක් තැනීමට ඉඩ සලසයි.

1. Axure RP

Axure RP Pro යනු වෙබ් අඩවි සහ යෙදුම් සඳහා මූලාකෘති, වයර් රාමු, පිරිවිතර නිර්මාණය කිරීම සඳහා මෘදුකාංගයකි. වැඩසටහන මඟින් ඔබට මූසිකය ඇදගෙන යාමෙන් විජට් ඇතුළු කිරීමට මෙන්ම ඒවායේ ප්‍රමාණය සහ ආකෘතිය වෙනස් කිරීමට ඉඩ සලසයි. Axure RP Pro යනු සංවර්ධකයින්ට සංකීර්ණ අන්තර්ක්‍රියාකාරී මූලාකෘති නිර්මාණය කිරීමට ඉඩ සලසන සම්පූර්ණ UX මෙවලමකි, නමුත් එය ප්‍රගුණ කිරීමට කාලය ගතවේ. ඔබ වෘත්තීය සංවර්ධකයෙක් නම්, ඔබට Axure RP Pro සමඟින් වඩාත් සංකීර්ණ අන්තර්ක්‍රියාකාරී මූලාකෘති නිර්මාණය කළ හැකිය.

2. මොක්ප්ලස්

Mockplus යනු වේගයෙන් වර්ධනය වන නව්‍ය සමාගමක් වන Jongde Software LLC විසින් නිර්මාණය කරන ලද සරල මූලාකෘති මෙවලමකි. මෙම වැඩසටහන ස්වාධීන භාවිතය සඳහා නිර්මාණය කර ඇති අතර මූලාකෘති වැඩ සඳහා සහාය වේ මෘදුකාංගසියලුම ප්‍රධාන වේදිකා සඳහා: PC, ජංගම යෙදුම් සහ වෙබ් යෙදුම්. මෙය හොඳ තේරීමක්වැඩසටහන ඉගෙන ගැනීමට පහසු වන අතර බුද්ධිමය අතුරු මුහුණතක් ඇති බැවින් ඕනෑම පුහුණු මට්ටමක් භාවිතා කරන්නන් සඳහා. ඔබේ ඉලක්කය දැඩි කාල රාමුවක් තුළ ඉක්මනින් අන්තර්ක්‍රියාකාරී මූලාකෘති නිර්මාණය කිරීම නම් සහ ඔබට ඉගෙනීමේ නිර්මාණ මෙවලම් කාලය නාස්ති කරනවා වෙනුවට ඔබේ කාර්යය කෙරෙහි අවධානය යොමු කිරීමට අවශ්‍ය නම්, Mockplus අතපසු නොකරන්න. වැඩසටහනට අවශ්‍ය UI විජට් සහ අයිකන කට්ටලයක් ඇත - ඔබේ විජට් සමඟ වැඩ කිරීමට අවශ්‍ය සියල්ල. HTML/රූපයක් අපනයනය කිරීමෙන් හෝ QR කේතයක් භාවිතයෙන් පවතින උපාංගයකින් එය පරීක්ෂා කිරීමෙන් මූලාකෘතිය පෙරදසුන් කළ හැක.

3. Balsamiq Mockups

Balsamiq Mockups යනු ඔබට වේගයෙන් සහ කාර්යක්ෂමව වැඩ කිරීමට උපකාර වන එක්ස්ප්‍රස් මූලාකෘති මෙවලමකි. මෙම වැඩසටහන සරල පුවරුවක ඇඳීමට හැකි තරම් කිට්ටුවෙන් වැඩ කරන ක්රමයක් ක්රියාත්මක කරයි. වැඩසටහන වෙනස් සරල අතුරු මුහුණතසහ UI මූලද්‍රව්‍ය විශාල කට්ටලයක් ඇත. සම්මත විජට් මූසිකය ඇදගෙන යාමෙන් තිරය මත සකස් කළ හැක. වැඩසටහනේ අනුවාද දෙකක් ඇත: ස්වාධීන භාවිතය සඳහා සහ Google Drive, Confluence සහ JIRA සඳහා දිගුවක් ලෙස.

4. Justinmind

Justinmind යනු ජංගම සහ වෙබ් යෙදුම් මූලාකෘති සහ උසස් තත්ත්වයේ වෙබ් අඩවි mockup නිර්මාණය කිරීම සඳහා UX මෙවලමකි. වැඩසටහන සම්මත කාර්යයන් වලින් සමන්විත වේ: මූසිකය සමඟ වස්තූන් ඇදගෙන යාම, ඒවායේ ප්රමාණය සහ ආකෘතිය වෙනස් කිරීම, මෙන්ම විජට් අපනයනය සහ ආනයනය කිරීම. ඊට අමතරව, විජට් සටහන් කිරීමට සහ ඒවාට කොන්දේසි, සජීවිකරණ, ගණනය කිරීම්, ටැබ් ස්ටැක්, සැඟවුණු මූලද්‍රව්‍ය සහ සැබෑ දත්ත සමඟ දත්ත සමුදා සමාකරණ වැනි අන්තර්ක්‍රියාකාරී විශේෂාංග සැපයීමට හැකිය. සංකීර්ණ මූලාකෘති නිර්මාණය කිරීමේ හැකියාව සොයන අය සඳහා Justinmind සුදුසු වේ. ඔබ වෘත්තීය සංවර්ධකයෙකු නොවේ නම්, ඔබට මෙම මෙවලම ප්‍රගුණ කිරීමට අපහසු වනු ඇත - එය අවාසිය.

5. ඉන්විෂන්

InVision සඳහා සුදුසු වේ එක්වමූලික සැලසුමක් සංවර්ධනය කිරීම සහ සගයන් සහ ගනුදෙනුකරුවන්ගෙන් තොරතුරු ලබා ගැනීම. InVision සමඟින්, ඔබට ඉක්මනින් ස්ථිතික ජංගම සහ වෙබ් නිර්මාණ අන්තර්ක්‍රියාකාරී මූලාකෘති බවට පරිවර්තනය කළ හැකිය. මෙම වැඩසටහන මඟින් ඔබට නියම වේලාවට ආකෘති නිර්මාණය කිරීමට ඉඩ සලසයි.

6.UX පින්

UX Pin යනු මාර්ගගත මූලාකෘති මෙවලමක් වන අතර එමඟින් ඔබට අවශ්‍ය අතුරුමුහුණත් ආකෘතිය සරල ඇදගෙන යාමක් සමඟින්, ක්‍රමලේඛනය වෙත යොමු වීමේ අවශ්‍යතාවයකින් තොරව ගොඩනගා ගැනීමට ඉඩ සලසයි. මෙම වැඩසටහනතිර සංස්කාරකයක් වන අතර එමඟින් ඔබට අවශ්‍ය මූලද්‍රව්‍ය තෝරා ගැනීමට සහ ඒවායින් අවශ්‍ය සංයෝජන සිදු කිරීමට ඉඩ සලසයි. UX Pin සමඟින් ඔබට යථාර්ථවාදී ආකෘති නිර්මාණය කළ හැකි අතර Sketch සහ Photoshop වැනි වැඩසටහන් වලින් ස්ථර ආනයනය කළ හැක.

7. OmniGraffle

OmniGraffle යනු Mac, iPhone, iPad සහ සමඟ ක්‍රියා කරන Omni Group විසින් සංවර්ධනය කරන ලද රූප සටහන් සහ ඩිජිටල් කලා නිර්මාණ යෙදුමකි. iPod touch. වැඩසටහන තනිවම සහ වෙබ් යෙදුමක් ලෙස භාවිතා කළ හැකිය; එය සංවර්ධකයින් සඳහා මෙවලම් කිහිපයක් ඇතුළත් වේ. OmniGraffle මඟින් ඔබට මූසිකය සමඟ වස්තූන් ඇදගෙන යාමට ඉඩ සලසයි, තවද මූලාකෘති සහ ආකෘති සඳහා සටහන් ඇතුළු කිරීමට සහ පිරිවිතරයන් නිර්මාණය කිරීමේ හැකියාව ද ඇතුළත් වේ. මෙම යෙදුම iPhone සහ iPad මත වැඩ කිරීමට සුදුසුම මෙවලම වේ.

8. ෆ්ලින්ටෝ

ෆ්ලින්ටෝ සමඟින්, සංවර්ධකයෙකුට ජංගම, නොබැඳි සහ වෙබ් යෙදුම් සඳහා අන්තර්ක්‍රියාකාරී මූලාකෘති සහ මොක්අප් ඉක්මනින් නිර්මාණය කළ හැකිය. සංක්‍රාන්ති සජීවිකරණ නිර්මාණය කිරීම සඳහා අවශ්‍ය සියලුම මෙවලම් මෙන්ම යෙදුම් තිර විශාල සංඛ්‍යාවක් සමඟ වැඩ කිරීම සඳහා තිර කළමනාකරණ පද්ධතියකින් මෙම වැඩසටහන සමන්විත වේ. ඔබට යෙදුමක් සඳහා මූලාකෘතියක් අවශ්‍ය නම් iOS පාලනය, ෆ්ලින්ටෝ ඔබේ තේරීමයි.

නිගමනය

මූලාකෘතිකරණය සඳහා මෙවලම් විශාල ප්‍රමාණයක් ඇති අතර, ඒවා අතර නියත වශයෙන්ම හොඳම නැත, මන්ද ඒ සියල්ල පුද්ගලික මනාපයන් සහ වැඩ කිරීමේ විලාසය මත රඳා පවතී. ඔබ සරල, මිල අඩු මෙවලමක් සොයන්නේ නම්, අපි Mockplus නිර්දේශ කරමු, එය Axure සහ Justinmind තරම් සංකීර්ණ නොවන අතර Balsamiq වලට වඩා ක්‍රියාකාරීත්වයෙන් උසස් වේ. ඔබට මිල අධික බලපත්‍රයක් සඳහා ගෙවීමට හැකි නම් සහ සංකීර්ණ මූලාකෘති නිර්මාණය කිරීමට උනන්දුවක් දක්වන්නේ නම්, Axure සලකා බැලීම අර්ථවත් කරයි.

මෙය අපගේ ප්‍රමුඛතාවය ලෙසින්, අපට ඕනෑම සංකීර්ණ සංකල්ප හෝ අදහස් iOS සහ Android මත වෙබ් සහ ජංගම යෙදුම් සඳහා අලංකාර, සරල සහ පරිශීලක-හිතකාමී අතුරුමුහුණත් බවට පත් කළ හැක.

"නිර්මාණය ලෝකය සුරකිනු ඇත" යනු එක් කුප්‍රකට චිත්‍රාගාරයක ආදර්ශ පාඨයයි, සමහර විට රුසියාවේ හොඳම. අපි සම්පූර්ණයෙන්ම බෙදා හදා ගන්නා අතර කිසි විටෙකත් බලාපොරොත්තුව නැති කර නොගනිමු, එහි අර්ථය වචනයේ අඩංගු වේ සුරැකෙනු ඇත.

මිත්‍රශීලී UI එකක ප්‍රධාන අංග

තොරතුරු ගෘහ නිර්මාණ ශිල්පය (IA)

IA යනු ඕනෑම හොඳ ජාලයක පදනම වේ ජංගම යෙදුම. වාස්තු විද්‍යාඥයකුගේ සැලසුමක් නැතිව ගෙයක් හදන්න බැහැ නේද? නිවැරදි තොරතුරු නිවැරදි ආකාරයෙන්, නියම ස්ථානයේ සහ නියම වේලාවට ඉදිරිපත් කරන බව IA සහතික කරයි.

පරිශීලක අත්දැකීම් (UX)

UX යනු කලාවක් සහ විද්‍යාවකි. අපට ආරම්භක සහ සමාගම් දුසිම් ගනනක් සමඟ වැඩ කිරීමේ අත්දැකීම් ඇති අතර ඔබගේ UX ගැටළු විසඳීමට අපගේ දැනුමේ සම්පූර්ණ පරාසය යොදනු ඇත.

පරිශීලක අතුරුමුහුණත (UI)

අපි සංකල්පීය අදහස්, කටු සටහන් සහ කටු සටහන් වෙබ්, iOS සහ Android සඳහා සරල, ක්‍රියාකාරී සහ අලංකාර දෘශ්‍ය අතුරුමුහුණත් බවට පරිවර්තනය කරමු. ඔබ දකින දේට ඔබ කැමති වනු ඇත.

අපගේ ප්රධාන ඉලක්කය වන්නේ තාක්ෂණය සහ පරිශීලකයා අතර පරිපූර්ණ සම්බන්ධතාවයයි.

මෙම සම්බන්ධතාවය - අපි ඵලදායි පරිශීලක අතුරුමුහුණතක් ලෙස හඳුන්වමු - ඔබගේ අන්තර්ජාල ව්‍යාපෘතියේ හෝ ජංගම යෙදුමේ සාර්ථකත්වයට පෙරාතුව ප්‍රවේශමෙන් සැලසුම් කරන ලද සහ සවිස්තරාත්මක අන්තර්ක්‍රියා අනුපිළිවෙලක් ලෙස නිරූපණය කෙරේ.

මෙම සම්බන්ධතාවය වර්ධනය කිරීම සඳහා, අපි පද්ධති සහ තාක්ෂණයන් මිනිස් හැසිරීම් වලට අනුගත කරමු (අනෙක් මාර්ගයක් නොවේ).

කාර්ය

බොහෝ විට පරිශීලකයා සමඟ සංවර්ධිත පද්ධතිවල නිවැරදි අන්තර්ක්රියාකාරිත්වය ලබා ගත නොහැක. මෙම ගැටළුව සාමාන්‍යයෙන් සිදුවන්නේ අතුරු මුහුණත නිර්මාණය කිරීම ව්‍යාපෘතියේ අවසානයට තල්ලු කරන විට, එතැනින් ආරම්භ කිරීම වඩා හොඳය.

60%ක් වීම පුදුමයක් නොවේ. මෘදුකාංග සංවර්ධනයසාර්ථක නොවේ (Standish CHAOS වාර්තාව, 2013).

විසඳුමක්

අපගේ තීරය යටතේ සාර්ථක ව්‍යාපෘති 300කට අධික ප්‍රමාණයක් සමඟින්, අපගේ ආශ්‍රිත ප්‍රවීණතා ක්ෂේත්‍ර 4 හරහා ඔබේ සංකීර්ණ ව්‍යාපාරික අභියෝග සඳහා නිවැරදි විසඳුම් සෙවීමට අපි ක්‍රියා කරමු: ප්‍රේක්ෂක පර්යේෂණ, ඩිජිටල් උපාය මාර්ග, විසඳුම් සොයාගැනීම (UX) සහ UI සංවර්ධනය.

ඕනෑම ව්‍යාපෘතියක සෑම අදියරකදීම, පුද්ගලයෙකු සහ වැඩසටහනක් අතර අන්තර්ක්‍රියා පිළිබඳ ගැටළුව අපට නොපෙනේ.

මෑත වසරවලදී යෙදුම් සංවර්ධන භූ දර්ශනයේ පැහැදිලි වෙනසක් සිදුවී ඇත. සෑම දිනකම පාහේ කර්මාන්ත සංවර්ධනයේ වේගය වැඩි වෙමින් පවතී. තාක්ෂණ ලෝකය නව යුගයකට පිවිස ඇත. දැන් වඩාත්ම වැදගත් සාධකය වන්නේ පරිශීලක අත්දැකීමයි. පෙනුම, සැලසුම් සහ ග්‍රැෆික්ස් යෙදුමේ කාර්යක්ෂමතාව, විශ්වසනීයත්වය, නිරවද්‍යතාවය සහ එහි මෘදුකාංග සහ දෘඩාංග වැනි අංශවලට වඩා වැදගත්කමෙන් පහත් නොවේ. පරිශීලක අත්දැකීම් මෙවලම් ඒකාබද්ධ කිරීම සහ පරිශීලක අතුරුමුහුණත 2018 දී යෙදුම් සංවර්ධනය සහ සැලසුම් පිළිබඳ නව ප්‍රවණතා මතුවීමට හේතු විය. - LiveWireLabs ලියන්න.

පළමු පූර්වාවශ්යතාවයන් 2017 දී මතු විය. අතුරු මුහුණත, නිර්මාණය, පරිශීලක සහභාගීත්වය, අන්තර්ගතය - මෙම සියලු සාධක පරිශීලක අත්දැකීමට සෘජුවම බලපෑවේය. එකල වර්ධනයන්හි අසාර්ථකත්වය වැරදි ගණනය කිරීම් සහ UI වැරදි ලෙස භාවිතා කිරීම සමඟ සම්බන්ධ විය. අද, අන්තර්ක්‍රියා අත්දැකීම සැලකිල්ලට නොගෙන, හොඳ අතුරු මුහුණතක් නිර්මාණය කිරීමට නොහැකි වනු ඇතැයි කිසිවෙකු තර්ක නොකරනු ඇත. නවීන නිර්මාණකරුවෙකුට අවසාන පරිශීලකයාගේ සපත්තුව තුළට යාමට හැකි විය යුතුය. සංවර්ධකයින් නව ප්‍රවණතාවය වැලඳ ගන්නේ නම්, නිෂ්පාදන සමඟ ප්‍රේක්ෂක තෘප්තියේ මට්ටම සැලකිය යුතු ලෙස වැඩි වනු ඇත.

නවෝත්පාදනය සැමවිටම නිර්මාණ ප්‍රවණතා කෙරෙහි තීරණාත්මක බලපෑමක් ඇති කර ඇත. එබැවින්, 2018 සඳහා ජංගම සහ වෙබ් යෙදුම් සඳහා වඩාත්ම කැපී පෙනෙන සහ ආකර්ෂණීය UI/UX නිර්මාණ ප්‍රවණතා මෙන්න:

1. යෙදුම් නිර්මාණය කිරීමේදී අන්තර්ගතය වඩාත් වැදගත් අංගයක් වනු ඇත

අද්විතීය හා රසවත් අන්තර්ගතය වඩාත්ම වටිනා ය. 2018 දී, ගුණාත්මක අන්තර්ගතයන් ලුහුබැඳීම ඉන් එකක් වනු ඇත ප්රධාන ප්රවණතා. CX සංකල්පය (අන්තර්ගත අත්දැකීමෙන්) UI/UX නිර්මාණයේ දිස් විය. උසස් තත්ත්වයේ අන්තර්ගතය සහ ධනාත්මක අන්තර්ක්‍රියා අත්දැකීමක් යනු උසස් තත්ත්වයේ නිර්මාණයක් නිපදවන ප්‍රශස්ත සංයෝජනයකි.

2. පරිශීලක අත්දැකීම් සඳහා නව ප්රවේශයක්

පාරිභෝගිකයාට අවශ්‍ය දේ ඔබට තේරුම් ගත හැක්කේ ඔහුගේ දෘෂ්ටිකෝණයෙන් භාණ්ඩය දෙස බැලීමෙන් පමණි. ඔබට උපාංග තිරය ස්පර්ශ කිරීමට අවශ්‍ය වාර ගණන අඩු වන තරමට එය භාවිතා කිරීම පහසු වේ. ඒ අනුව, පරිශීලක අතෘප්තිය අඩුයි. පරිශීලක අත්දැකීම සඳහා නව ප්රවේශය පරිශීලකයාට අවශ්ය දේ මත පදනම් වේ. තවද මේවා ප්‍රයෝජනවත් බව, සරල බව, ප්‍රවේශ්‍යතාව, විශ්වසනීයත්වය, වටිනාකම, ආකර්ෂණය වැනි ගුණාංග වේ.

3. වේගයෙන් වැඩ කරන නිර්මාණ මූලද්රව්ය

පරිශීලකයාගේ අවධානය තත්පර 8 ක් සඳහා පමණක් තබා ගත හැකිය. එය පසුව වෙනත් කාර්යයකට හෝ යෙදුමකට මාරු වේ. නූතන පරිශීලකයා නොඉවසිලිමත් ය. දැන් මිනිසුන්ට තිරයේ එක් ස්පර්ශයකින් සියල්ල එකවර ලබා ගැනීමට අවශ්‍යයි. පරිශීලකයන් තම උපාංගවල ස්පර්ශ තිර සමඟ අන්තර් ක්‍රියා කිරීමට වැය කරන වටිනා මිනිත්තු ගණන අඩු කිරීමට UX නිර්මාණකරුවන් කටයුතු කරනු ඇත.

4. හඬ-පාලිත අතුරුමුහුණත්

පසුගිය වසර කිහිපය ආවරණය කරන එක් අධ්‍යයනයකට අනුව, සියලුම ජංගම සෙවුම් වලින් 20% ක්ම වේ හඬ සෙවීම. කථන පාලනය පරිශීලක අත්දැකීම වැඩිදියුණු කරනු ඇත, උදාහරණයක් ලෙස රිය පැදවීමේදී ටයිප් කිරීමේ අවශ්‍යතාවය ඉවත් කිරීම. කථන පාලනයේ වැදගත්ම අංගය වන්නේ 90% දක්වා ළඟා විය හැකි ක්රියාකාරිත්වයේ නිරවද්යතාවයි.

5. වර්ධිත රියැලිටි තාක්ෂණයේ ජනප්‍රියත්වය ඉහළ යාම

වර්ධිත යථාර්ථය සැමවිටම උත්සාහ කර ඇත්තේ යථාර්ථයෙන් වෙන්කර හඳුනා ගැනීමට අපහසු වන මට්ටමට ගෙන ඒමට ය. කෘතිම බුද්ධිය සමඟ ඒකාබද්ධව, එය නවීන තාක්ෂණික ප්රවණතාවල අනිවාර්ය අංගයකි.

6. ජෛවමිතික සත්‍යාපනය

මීට වසර කිහිපයකට පෙර, ජෛවමිතික සත්‍යාපනය සහ දෘෂ්ටි විතානයේ ස්කෑනිං භාවිතයෙන් ස්මාර්ට් ජංගම දුරකතනයක් ආරක්ෂා කිරීම ගැන සිහින දැකිය හැකි විය. අද වන විට ජෛවමිතික සත්‍යාපනය විකිණීම සඳහා දියත් කරන ලද ඕනෑම නව ස්මාර්ට් ජංගම දුරකතනයක් සඳහා ආරක්ෂාව පිළිබඳ පොදු අංගයක් බවට පත්ව ඇත. ඊට අමතරව මුහුණු හඳුනාගැනීම, ඇඟිලි සලකුණු හඳුනාගැනීම, කටහඬ හඳුනාගැනීම සහ අයිරිස් ස්කෑන් කිරීම ජනප්‍රියත්වයට පත්වේ.

7. අපහසු නිර්මාණ අංග නිවැරදි කිරීම

නිර්මාණකරුවන් බොහෝ විට හැකි තරම් තාර්කිකව ක්රියා කිරීමට උත්සාහ කරන අතර එම නිසා සංයුක්ත අයිකනවල විවිධ මෙනු සහ බොත්තම් සඟවන්න. කෙසේ වෙතත්, මෙය සැමවිටම සුදුසු නොවේ. ව්යාකූලත්වය පැන නගී, පරිශීලකයා යෙදුම සමඟ කලකිරීමට පත් වන අතර අවසානයේ එය කෙරෙහි ඇති උනන්දුව නැති වී යයි.

8. සරල වර්ණ පටිපාටි භාවිතා කරන්න

යෙදුම් නිර්මාණය සරල කිරීමට නැඹුරුතාවයක් ඇත. මෙම හෝ එම මෙහෙයුම සිදු කිරීමට කොපමණ කාලයක් ගතවේද සහ ඔබ ඒ සඳහා කොපමණ උත්සාහයක් දැරිය යුතුද යන්න දැන් වඩා වැදගත් ය. 2018 දී, තිරයේ අවම ස්පර්ශ ගණනක් අවශ්ය වන මෝස්තර ජනප්රිය වනු ඇත.

UI8

9. ඔබගේ අත්වල හෝ අත්වල ගැජට් රැගෙන යාම

තාක්‍ෂණය මිනිසුන්ට දත්ත සහ ආරක්‍ෂක පද්ධති හරහා සෑම විටම තම උපාංග නිරීක්ෂණය කිරීමේ හැකියාව ලබා දී ඇත.
බොහෝ දුරට ඉඩ ඇති පරිදි, උපකරණ ළඟදීම බොහෝ දුරට අතේ නොව අත්වල ගෙන යනු ඇත. ඔරලෝසු දැනටමත් ඉදිරිපත් කර ඇත ඇපල් ඔරලෝසුවසහ Android Wear.

10. ක්රියාකාරී සජීවිකරණය

ක්‍රියාකාරී සජීවිකරණය පරිශීලක අත්දැකීමට සමීපව සම්බන්ධ වේ. එය බහු කාර්යයන් සඳහා ඉඩ සලසයි. කාර්යයන් කිහිපයක් එකවර ක්‍රියාත්මක වන යෙදුම්වල මෙම විශේෂාංගය ඉල්ලුමේ පවතී.

ස්ටෙෆන් නෝර්ගාඩ්

ආයුබෝවන්. මම පාඩම් කරනවා ආලේඛ සැලසුමවයස අවුරුදු 13 සිට. මම අන්තර්ජාලයේ පාඨමාලා වලින් ටිකෙන් ටික වෙබ් නිර්මාණකරණය පිළිබඳ මගේ අත්දැකීම් එකතු කර ගත් අතර, Photoshop සහ Affinity Designer සමඟ සෙල්ලම් කරමින් දින ගත කළෙමි. මෙන්න, ඇත්ත වශයෙන්ම, මගේ නිර්මාණය වැඩිදියුණු කිරීමේ මගේ පළමු පියවර පිළිබඳ කෙටි සාරාංශයකි.

මම දැන් අවුරුද්දක් තිස්සේ යෙදුම් නිර්මාණය කර සංවර්ධනය කරමින් සිටිමි. ඇය දැනටමත් යුනිවර්සිටි ජංගම යෙදුමේ වැඩ කිරීමට සමත් වී ඇත. මාස දෙකකට පෙර මම ජනවාරි 28 වන දින App Store හි ප්‍රකාශයට පත් කරන ලද Crypto Price Tracker හි නව යෙදුමක් මත වැඩ කිරීමට පටන් ගතිමි.

මෙම ලිපියෙන්, මම යෙදුම් මත වැඩ කරන සෑම අවස්ථාවකම මා භාවිතා කරන නිර්මාණ ක්‍රියාවලියේ පියවර ඔබ සමඟ බෙදා ගන්නෙමි. මගේ ප්‍රවේශය ආරම්භකයින්ට සහ ඔවුන්ගේ නිර්මාණ කුසලතා වැඩි දියුණු කිරීමට අවශ්‍ය අයට උපකාරී වනු ඇතැයි මම සිතමි.

නිර්මාණය වැඩ පමණක් නොවන බව රහසක් නොවේ ග්රැෆික් සංස්කාරකවරුන්හෝ නිර්මාණ මෙවලම්, එබැවින් මෙම ලිපියේ මෘදුකාංග නිබන්ධන අඩංගු නොවේ. මෙම මාතෘකාව මත දැනටමත් උසස් තත්ත්වයේ අධ්‍යාපනික වීඩියෝ සිය ගණනක් ඇත. නිර්මාණය යනු ඔබේ නිෂ්පාදනයේ සාරය, එහි ක්‍රියාකාරීත්වය සහ මිනිසුන් සඳහා ප්‍රයෝජනවත් නිෂ්පාදන සැලසුම් කිරීම පිළිබඳව අවබෝධ කර ගැනීමයි.

මෙන්න මගේ යෙදුම් සැලසුම් පිරික්සුම් ලැයිස්තුව:

1. එක් එක් තිරය සඳහා පරිශීලක-ප්‍රවාහය සැලසුම් කරන්න;
2. තිරවල රූප සටහන් (රැහැන් රාමු);
3. සුදුසු රටා සහ වර්ණ පුවරු තෝරන්න;
4. මූලාකෘති නිර්මාණය කිරීම සහ සැලසුම් කිරීම (මෝක්-අප්);
5. අන්තර්ක්‍රියාකාරී යෙදුම් මූලාකෘතියක් ගොඩනඟා ශ්‍රේණිගත කිරීමට සහ ප්‍රතිපෝෂණ ලබා දීමට මිනිසුන්ගෙන් ඉල්ලා සිටින්න;
6. මූලාකෘතියේ අවසාන නැවත ලබා ගැනීම සිදු කරන්න, සියලු තිර ඔප දැමීමෙන් ඒවා සියල්ල සංවර්ධනය සඳහා සූදානම් වේ.

පටන් ගමු!

පරිශීලක-ප්රවාහය

පළමු පියවර වන්නේ යෙදුමේ ඔබට අවශ්‍ය විශේෂාංග මොනවාදැයි සොයා බැලීමයි. ඔබ තීරණය කළ පසු, පරිශීලක-ප්‍රවාහයක් සාදන්න - ඔබගේ යෙදුම ක්‍රියා කරන ආකාරය පිළිබඳ ගැලීම් සටහනක්.

සාමාන්‍යයෙන් පරිශීලක ප්‍රවාහය හැඩතල වර්ග තුනකින් සමන්විත වේ:

• සෘජුකෝණාස්රා - තිර නිරූපණය කිරීමට භාවිතා කරයි;
• දියමන්ති - කොන්දේසි සඳහා භාවිතා වේ (උදා: පිවිසුම් බොත්තම ක්ලික් කරන්න, වමට ස්වයිප් කරන්න, විශාලනය කරන්න);
• ඊතල - තිර සහ කොන්දේසි එකට සම්බන්ධ කරන්න.

පරිශීලක ප්‍රවාහ ඉතා ප්‍රයෝජනවත් වන්නේ ඒවා යෙදුම ක්‍රියා කළ යුතු ආකාරය සහ ගැටළුවක් විසඳිය යුතු ආකාරය පිළිබඳ තාර්කික අදහසක් ලබා දෙන බැවිනි.

මෙන්න මම මගේ යෙදුම් නිර්මාණයේ වැඩ කිරීමට පටන් ගත් විට මම ඇඳගත් පරිශීලක-ප්‍රවාහ රූප සටහනකි.

ප්රධාන අතුරු මුහුණත සඳහා පරිශීලක ප්රවාහය.

තිර රූප සටහන් (රැහැන් රාමු)

ඔබ සියලු අවස්ථා සඳහා පරිශීලක ප්‍රවාහය සැලසුම් කිරීම සම්පූර්ණ කළ පසු, ඔබ සියලු තිරවල කටු සටහන් මත වැඩ කිරීමට පටන් ගනී. Wireframes යනු ඔබගේ යෙදුමේ අත්‍යවශ්‍යයෙන්ම ඉක්මන් රූප සටහන් වේ. රූප සටහන්, රූප, ලේබල්, බොත්තම් ආදිය පිහිටා ඇති ස්ථානය පිළිබඳ රූප සටහනක්. මෙය ඔබගේ යෙදුම ක්‍රියා කළ යුතු ආකාරය පිළිබඳ දළ සටහනකි.

මම සිතුවම් කිරීම සඳහා UI ස්ටෙන්සිල් වලින් මුද්‍රණය කළ හැකි සැකිලි භාවිතා කරමි. මෙමගින් කාලය ඉතිරි වන අතර සටහන් තැබීමට ඉඩද සැලසේ.

මෙන්න උදාහරණ මූලාකෘතියක්.

Wireframes නිර්මාණය කිරීමෙන් පසු, ඔබට Pop නම් යෙදුමක් භාවිතා කළ හැකිය, ඔබගේ සියලු චිත්‍රවල ඡායාරූපයක් ගත හැකිය, සහ බොත්තම් භාවිතයෙන් සියලුම තිර සම්බන්ධ කිරීමෙන් ක්ලික් කළ හැකි මූලාකෘතියක් ලබා ගත හැකිය.

රටා සහ වර්ණ පුවරු

මේක මම ආසම කොටස. හරියට කඩේක තියෙන window display එකක් බලනවා වගේ. තෝරා ගැනීමට රටා සහ වර්ණ පුවරු ගොඩක්. මම කැමති ඒවා තෝරාගෙන ඒවා අත්හදා බලනවා.

මාර්ගය වන විට, රටා සොයා ගැනීම සඳහා හොඳම වේදිකා ජංගම රටා සහ Pttrns වේ. හොඳ වර්ණ පුවරු සොයා ගැනීමට, වර්ණ දඩයම පරීක්ෂා කර බලන්න.

මූලාකෘති සහ නිර්මාණය

අන්තිමට අපි මෘදුකාංගයට ආවා. අවසානයේ අපට ලැබෙන්නේ අපි අපගේ අනාගත යෙදුමට ලොග් වී තිරයෙන් තිරය ඉලක්කයට යන අතරතුර තිර දර්ශන මාලාවක් ගත්තාක් මෙනි. සෑම දෙයක්ම සැබෑ විය යුතුය, යෙදුම දැනටමත් ජීවමානව මෙන් විය යුතුය.

එය කළ යුතු ආකාරයටම කිරීමට ඔබට ඉඩ සලසන මෘදුකාංගයක් තිබීම හොඳය. මම භාවිතා කරන්නේ Affinity Designer. සහ iOS මත, මගේ ප්‍රධාන මෙවලම Sketch වේ.

මගේ මුල්ම නිර්මාණ එහෙමයි.

ඔබගේ ඇඳීම පික්සල වෙත මාරු කිරීම!

මම විවිධ වර්ණ පුවරු සමඟ තවත් අත්හදා බැලීම් කළෙමි.

මම පළමු පිරිසැලසුම් මිතුරන් සමඟ බෙදාගෙන ඔවුන්ගෙන් ප්‍රතිපෝෂණ එකතු කළෙමි. බොහෝ අය රන් සහ කළු අනුක්‍රමණ යෝජනා ක්‍රමයට කැමති බව පෙනේ.

ප්‍රතිපෝෂණ ලබා ගැනීමට සහ නව යෝජනා සමඟ අත්හදා බැලීමට සූදානම් වන්න! Dribbble හෝ Behance හරහා අනුචලනය කිරීමට වඩා, ඔවුන් සමඟ කතා කිරීමෙන් ඔබට ඇදහිය නොහැකි තරම් අදහස් ප්‍රමාණයක් ලැබෙනු ඇත.

සම්මුඛ පරීක්ෂණයෙන් පසු, මම නිර්මාණය නැවත සකස් කර පසුබිම් ග්‍රැෆික්ස් ඉවත් කළේ ඒවා කේත කිරීමට අපහසු වූ නිසා සහ කියවීමේ හැකියාව අඩු වූ බැවිනි. අවසානයේ එළියට ආ දේ මෙන්න:

වර්ණ පටිපාටිය, ටැබ් තීරු අයිකන සහ සමස්ත පිරිසැලසුම ගැන මම සතුටු වෙමි. ඊළඟ පියවර වූයේ එම මාර්ගෝපදේශ අනුගමනය කරමින් ඉතිරි තිර සැලසුම් කිරීමයි. එය කාලය ගත විය, නමුත් එය ඇදහිය නොහැකි තරම් උද්යෝගිමත් විය!

මගේ තිර සියල්ල සූදානම් වූ පසු, මම Adobe XD හි මූලාකෘතියක් සාදා, අත්හදා බැලීමට සහ ප්‍රතිපෝෂණ ලබා දීමට මිතුරන් කිහිප දෙනෙකුගෙන් ඉල්ලා සිටියෙමි.

අවසන් ස්පර්ශයෙන් පසුව එය ක්‍රියාත්මක විය අවසාන අනුවාදයනිර්මාණ.

සියලුම තිර අවසන් වූ පසු, මම ඒවා Xcode වෙත ආනයනය කර යෙදුම සංවර්ධනය කිරීමට පටන් ගතිමි.

එච්චරයි! ඔබගේ යෙදුම් නිර්මාණය සමඟ ආරම්භ කිරීමට හෝ ඔබ බවට පත් වීමට මෙම ලිපිය ඔබට උපකාරී වනු ඇතැයි මම බලාපොරොත්තු වෙමි හොඳම නිර්මාණකරු. මාර්ගය වන විට, ඔබ මගේ යෙදුමට කැමති නම්, ඔබට එය බාගත කළ හැකිය.

අවසාන වශයෙන්, මම මගේ ප්‍රියතම උපුටා දැක්වීමක් එකතු කරමි.

“නිර්මාණය යනු යමක් පෙනෙන ආකාරය සහ දැනෙන ආකාරය පමණක් නොවේ. නිර්මාණය එය ක්‍රියාත්මක වන ආකාරයයි."

(ඇ) ස්ටීව් ජොබ්ස්

ඔබට UX සහ තවත් බොහෝ දේ පිළිබඳ හොඳ ලිපියක් තිබේ නම්, අපට සබැඳිය එවන්න, අපි එය මත වැඩ කිරීමට සතුටු වන්නෙමු.