ගූගල් වෙතින් ද්රව්ය නිර්මාණ සැලසුම් specification මුලින්ම අරමුණු කර ඇත්තේ Android වේදිකාවේ වේදිකාවේ නිර්මාණවල අනුකූලතාවයක් යෝජනා කිරීමට ක්රමයක් ලෙසය.
06 දින 01
Adobe අත්දැකීම් නිර්මාණ CC හි දී ද්රව්ය නිර්මාණ කාඩ්පතක් නිර්මාණය කරන්නේ කෙසේද
නිර්මාණ ශිල්පීන් එය හරහා පාගා දැමීමත් පසුපස ඇති සිතුවිලි අවබෝධ කර ගැනීමත් සමඟම, නිර්මාණකරණය වෙබ් සහ ජංගම සැලසුම් කිරීමේදී ඉතාමත්ම බලගතු දෘශ්ය දර්ශනවාදයන්ගෙන් නිහඬව සිටියි. අප වෙත පැමිණෙන දේ බැලීමට ඔබට අවශ්ය සියල්ලම Pinterest මත ද්රව්ය නිර්මාණ සැලසුම් සෙවීම කළ හැකි අතර උපකරණ, ටැබ්ලට් සහ වෙබ් අඩවි පවා සිය ගණනක් නිදර්ශන සහ අත්හදා බැලීම් දකින්නෙමු.
ද්රව්ය නිර්මාණයේ ආකර්ෂණීය පැතිකඩ වන්නේ, යෙදුම් යෙදුම් දර්ශනය කළ යුතු සහ ජංගම උපාංග මත වැඩ කරන ආකාරයයි. නමුත් සංකල්පයන් ඕනෑම වේදිකාවක ඕනෑම තිරයක් මත ඕනෑම වේලාවක යෙදිය යුතුය. ගූගල් පරිච්ඡේදයේ ආරම්භක වගන්තියේ ගූගල් පවසන පරිදි, "නව තාක්ෂණය හා විද්යාව හා නවෝත්පාදනයත් සමඟ හොඳ නිර්මාණකරණයේ සම්භාව්ය මූලධර්ම සංස්ලේෂණය කරන අපගේ පරිශීලකයින් සඳහා දෘශ්ය භාෂාවක් නිර්මාණය කිරීමට අපි අභියෝග කළෙමු. මෙය ද්රව්යමය සැලසුමකි. මෙම විශේෂය ද්රව්යමය සැලසුමේ නිශ්චිත ගුණාංගයන් හා නිශ්චිත ගුණාංග වර්ධනය කරගෙන යන විට යාවත්කාලීන කරනු ලබන ජීව ලේඛනයක් වේ. "
සාමාන්යයෙන් ඉතාම සාමාන්යයෙන් කඩදාසි හා ද්රව්ය නිර්මාණයේ සලකුණ වන්නේ කාඞ්පතයි. මතුපිට දර්ශක කාඩ්පතක් ගැන සිතන්න. ඔබ නිවැරදි මාර්ගයේ සිටියි. කාඞ්පත යනු ඡායාරූප, වීඩියෝ දර්ශන, පෙළ සබැඳි අඩංගු වන මූලද්රව්යයකි. නමුත් වඩාත්ම අන්තර්ක්රියාකාරී මෝස්තර වලින් වෙනස් වන ඒවා වන්නේ එක් විෂයයකට අවධානය යොමු කිරීමයි. කාසල් වටකුරු කොන්ගර්, මතුපිටට ඉහළින් ඇති බව පෙන්නුම් කරන සුදුමැලි සෙවන අඩංගු වන අතර ඒවා සියල්ලම එකම "යානයක්" නම් ඒවා "එකතු" ලෙස හැඳින්වේ.
මෙම "කෙසේ වෙතත්" අපි විශේෂයෙන් spec මත පදනම්ව කාඩ් නිර්මාණය කිරීමට යන්නේ ය. විවිධාකාර රූප සහ ඇඳීම් මෙවලම් සහිත කාඩ්පතක් නිර්මාණය කිරීම වෙනුවට, අපි එය වෙනස් දිශාවකින් පැමිණෙනු ඇත. දැනට Macintosh-එකම පොදු පෙරදසුනක් වන නිදහස් මෘදුකාංගයක් වන Adobe හි අත්දැකීම් මෝස්තරයේ මෙවලම් භාවිතා කරන්නෙමු. ඔබට මෙහි බාගත හැකිය.
අපි ආරම්භ කරමු.
06 සිට 06 දක්වා
ඇඩෝබි අත්දැකීම් නිර්මාණ CC හි ප්රොටොබෝප් ඇප්බෝඩ් නිර්මාණය කිරීම
අත්දැකීම් නිර්මාණ CC (XD) ආරම්භක තිරයෙන් ඇන්ඩ්රොයිඩ් තිරයක් නිර්මාණය කිරීමට පැහැදිලි ක්රමයක් නැත. අපි XD ආරම්භ කරන විට අප කළ යුත්තේ, iPhone 6 විකල්පය තෝරා ගැනීමයි. ඉන්පසුව අතුරු මුහුණත විවෘත වන විට, මෙවලම් තීරුවේ පතුළෙහි Artboard මෙවලම් තෝරන්න . ප්රොපර්ස් පුවරුව මත දකුණේ සිට දකුණු පස තෝරාගන්න. ඉන්පසුව අපි තෝරා ගැනීමේ මෙවලම වෙත මාරු කරමු, iPhone පුවරුවේ නම මත ක්ලික් කරන්න සහ එම පුවරුව මකා දමන්න. තවත් බැහැ.
XD වත්මන් අනුවාදය තුළ iPhone 6 හැරුණු විට කුඩා ඊතලයක් ඇත. එය ක්ලික් කළ විට, පහළට මෙනුව විවෘත කරයි. එතැන් සිට ඔබ ඇන්ඩ්රොයිඩ් ජංගම අනුවාදය තෝරාගෙන, ඇන්ඩ්රොයිඩ් ජංගම චිත්රක පුවරුව තෝරාගෙන ඇත.
කාඩ්පත සඳහා විවෘත තිරය සඳහා අප විසින් සහතික කර ඇති පරිදි, අපි සාමාන්යයෙන් ස්කීච් 3 වෙත ගොස් හිසකෙස් සැකසීමේ ආකෘති පත්රයේ තත්ත්ව තීරුව, Nav තීරුව සහ ඇප් තීරුව පිටපත් කර ඇලවීම හා ඇලවෙන්න. ස්කීච් 3.2 අඩංගු ද්රව්ය නිර්මාණ ආකෘතියක් ( File> New From Template> Material Design ) සහ තවත් සැබවින්ම හොඳ නිදහස් එකක් මෙහි ඔබට ලබාගත හැකි Kyle Ledbetter වෙතින් වේ. ඔබට Sketch නොමැති නම්, ඔබ විසින් File> Open UI Kit> Google Material තුල සොයා ගත හැකි XD ස්ටිකර් වලින් ඒවා පිටපත් කර ඇලවිය හැකිය. ඔබ Photoshop, Illustrator, After Effects සහ Sketch හි භාවිතා කිරීමට Google වෙතින් ඒවා බාගත කර ගත හැකිය.
06 දින 03
ඇඩෝබි XD CC ආකෘතියට ද්රව්ය නිර්මාණ කාඞ්පතක් එක් කිරීම
XD හි වඩාත් ප්රයෝජනවත් විශේෂාංගයක් වන්නේ Apple iOS, Google Material සහ Microsoft Windows සඳහා UI කට්ටල ඇතුළත් කිරීමයි. "බොහෝ වේගයෙන්" යන වචනය "Rapid Prototyping" යන වචනය වෙත ඔවුන් එකතු කරනු ලබන අතර, ඔවුන් විසින් නිර්මාණය කරන ලද කාර්යය වඩාත් පහසු කරවන අතර එම පොදු UI මූලද්රව්යයන් නිරූපණය කිරීම සඳහා Photoshop, Illustrator හෝ ස්කීච්.
අපට අවශ්ය වූ UI මූලද්රව්යය කාඩ් එකකි. ඒ සඳහා අපි File> Open UI Kit> Google Material සහ කට්ටලය නව ලේඛනයක් ලෙස විවෘත කළා. අපට අවශ්ය වූ අංගය කාඞ්පත් කාණ්ඩයේ දක්නට ලැබේ.
මේ පිළිබඳව අපි ආදරය කරන්නේ, මුද්රණ ද්රව්ය විශේෂයෙහි ඇති අන්තර්ගත බ්ලොක්ස් පිරිවිතරයන් තුළ මෙන්ම ද්රව්ය ලේඛන හැඩගැස්වීම සහ පරතරය පිරික්සා බැලීම සඳහා ද්රව්ය නිර්මාණ පිරිවිතරවලට අනුකූල වීමයි.
අපට අවශ්ය වූ කාඩ් පන්නයේ පහළ කෙළවරෙහි ඇති විය. අපි අපේ මූසිකය සමඟ එය සාදමින් එය clipboard එකට පිටපත් කර ඇත. අවාසනාවකට මෙන්, විවෘත ලේඛන සඳහා XD ටැබ්ලට් අතුරුමුහුණතක් නොමැත. අප කරන ක්රියාමාර්ගය වන්නේ අප වැඩ කරන තැනැත්තා හෙළිදරව් කිරීම සඳහා, විවෘත ලේඛන කවුළුව ටිකෙන් ටික ගෙනයාම, එය තෝරා ගැනීම සහ ඇලවීමයි. විවෘත XD ලේඛන අතර ඉක්මනින් මාරු කිරීම සඳහා තවත් ක්රමයක් වන්නේ Command-'ක්ලික් කිරීමයි.
06 දින 04
Adobe මෝස්තර නිර්මාණ ඩී.එස්
XD කාඩ්පතෙන් ලැබෙන ප්ලගිඩර් එකෙන් පැමිණි විට එය සමග වැඩ කිරීමට පටන් නොගන්න. ඔබට කළ යුතු පළමු කරුණ නම් කාඩ්පත සෑදීමට අවශ්ය බිට් සහ කෑලි වලට ප්රවේශ වීම අවශ්ය වන නිසා කාඩ් පත වෙන් කිරීමයි. මෙය සිදු කිරීම සඳහා, කාඩ්පත තෝරන්න, Object> තෝරන්න හෝ Shift-Command-G බොත්තම ඔබන්න.
ඔබගේ කාඩ්පත දැන් කොටස් තුනකින් සමන්විත වේ:
- රූප සඳහා ලා අළු පෙට්ටියක්.
- පෙළ සඳහා මධ්ය අළු පෙට්ටියක්
- පසුබිම පසුබිම ලෙස භාවිතා කරයි.
පළමු පියවර වන්නේ සැහැල්ලු අළු කොටුව මකා දැමීමයි. එහි එකම අරමුණ වනුයේ ඔබ විසින් තෝරා ගන්නා ලද රූපය සඳහා අනේවාසික ස්ථානයක් ලෙස ක්රියා කිරීමයි.
පෙළ සමඟ ඇති පෙට්ටිය ඇත්තටම අඳුරු අළු පැහැයක් සහිත 50% මෙම කොටුව පෙළ ආකෘතිය ලෙස භාවිතා කල හැකි අතර වර්ණය හා කොටුවෙහි පාරාන්ධතාවය වෙනස් කළ හැකිය.
එය ක්ෂණිකව පැහැදිළි නොවූවත්, සැහැල්ලු අළු පෙට්ටිය Material Design specs අනුගමනය කරමින් එහි ඉහළ කෙළවරේ පික්සල 2 ක් වට කර ඇත. ඔබ රූපයක් එකතු කරන විට මෙය මතක තබා ගන්න. එය රූපමය අයදුම්පත්රයට හෝ XD තුළට එකතු කළ හැකි වටකුරු කොන අවශ්ය වේ.
කාඩ්පතෙහි විවේචනාත්මක තත්ත්වය එය ද සෙවණක් අවශ්ය වේදැයි බලන්න. විශේෂයෙන් පික්සල් 2 ක කාඩ්පතේ විවේක ස්ථානයක් ඇත. මෙය එකතු කිරීම සඳහා කළු පසුබිම හැඩය තෝරන්න. Y සහ B (Blur) අගයන් ගුණාංග පුවරුවෙහි 2 ටයි.
06 සිට 05 දක්වා
Adobe XD CC හි ද්රව්ය නිර්මාණ සැලැස්ම සඳහා රූපයක් එකතු කර ගන්නේ කෙසේද?
කාඩ්පත දැනගැනීම සඳහා පික්සල් 344 ක් පළල වන අතර රූපයේ ප්රමාණය පික්සල 150 ක් පමණ වේ. ( අළු අඳුරු කොටුවෙහි උස අඩක් ) අපි Photoshop හි පින්තූරය විවෘත කළෙමු, එය ප්රමාණය වෙනස් කර එය Photoshop's Export As dialog පෙට්ටියක්. මෙම පින්තූරය ඇඩෝබි XD වෙත ගෙන ආවේය.
අපි පෝට්බොඩ් රූපය මත ආලෝකය අළු පෙට්ටිය ඇදගෙන ගියා. තෝරාගත් Object> Shape With Mask . ප්රතිඵලය වූයේ හැඩයේ වටකුරු කොන අල්ලාගැනීමයි. ඉන්පසුව අපි රූපය අවසන් ස්ථානයට ගෙන ගියා.
ප්රතිරූපය සමඟ, අපි පසුව මධ්යම අළු පෙට්ටියේ පසුබිම් වර්ණය වෙනස් කර, සබැඳියේ පෙළ සහ වර්ණයෙහි වර්ණය වෙනස් කරන ලදී.
06 සිට 06 දක්වා
Adobe XD CC Grid විශේෂාංගය භාවිතා කිරීම
කාඞ්පත් සම්පුර්ණ කිරීමෙන් එය ද්රව්ය නිර්මාණකරණ විශේෂයට අනුව නිසි ලෙස තැන්පත් කළ යුතුය. මෙයින් අදහස් වන්නේ කාඩ්පතේ දෙපසින් පික්සල් 8 ක් පවතින අතර යෙදුම් තීරුවට වඩා අඩු පික්සල 8 ක් විය යුතුය. මෙය කිරීමට, කවුළුවෙහි නම එක් වරක් ක්ලික් කරන්න, ප්රොපර්ට් ඩෙටනේලාවේ, ගි්රුඩ් තෝරාගන්න. පුවරුව චිත්ර ශිල්පය මත දිස්වේ.
ප්රකෘති ජාලක ප්රමාණය පික්සල් 8 ක් වන අතර එය ද්රව්ය නිර්මාණය සඳහා එකම දැවැන්ත ප්රමාණයයි. ඔබට වෙනස් ප්රමාණයකට අවශ්ය නම්, ග්රිඩ් ප්රදේශයෙහි අගය වෙනස් කරන්න. ඔබට ග්රීෂ්මයේ වර්ණය වෙනස් කිරීමට අවශ්ය නම් වර්ණ චිප් ක්ලික් කරන්න, ප්රතිඵල ලෙස වර්ණ තෝරා ගත් වර්ණ තෝරන්න.
ජාලය දෘශ්යමාන වන විට, කාඩ්පත මත ක්ලික් කර එහි අවසන් ස්ථානයට මාරු කරන්න.
අවසානය දක්වා අපි කාඩ්පත තෝරාගෙන, නැවතත් ග්රාහක බොත්තම ක්ලික් කර, කාඩ්පත් අතර ඇති පරතරය 8 දක්වා ද වෙනස් කළා.