ඕතඩොක්ස් අයිකන සහ ඒවායේ අර්ථය. ප්‍රශ්නය: PNG අයිකනවල ප්‍රමාණය කුමක් විය යුතුද? පෙර පරිශීලක අත්දැකීම් සැලකිල්ලට නොගනී

ජංගම යෙදුම් නිරූපකයක් යනු වෙළඳපලක වැනි යෙදුමක් නියෝජනය කරන කුඩා පින්තූරයකි Google Playහෝ යෙදුම් වෙළඳසැල, සහ පරිශීලකයාගේ උපාංගය. ඔබ ඔබේ පළමු ජංගම යෙදුම් නිරූපක නිර්මාණය සැලසුම් කිරීමට යන්නේ නම්, මෙම ඉඟි දෙස බලන්න. ආරම්භකයින් මුහුණ දෙන වැරදි මඟහරවා ගැනීමට ඔවුන් ඔබට උපකාර කරනු ඇත.

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

එබැවින්, යෙදුම් නිරූපකයක් සැලසුම් කිරීම සඳහා පහත ඉඟි සලකා බලන්න:

1. මාර්ගෝපදේශ අනුගමනය කරන්න

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

ඔබ ආරම්භ කිරීමට මාර්ගෝපදේශ මෙන්න:

1. Android සඳහා ද්‍රව්‍ය නිර්මාණය සඳහා කැප වූ නිල වෙබ් අඩවිය. මෙහිදී ඔබට මෝස්තරය, සජීවිකරණය, සංරචක, රටා, පිරිසැලසුම් සහ උපයෝගීතාව මෙන්ම නිර්මාණකරුට උපකාර කිරීම සඳහා ද්රව්ය බාගත කිරීම ගැන කියවිය හැකිය.
2. ඔබට iPad හෝ iPhone සඳහා අයිකනයක් සෑදීමට අවශ්‍ය නම් Apple හි iOS හියුමන් අතුරුමුහුණත් නිබන්ධන ප්‍රයෝජනවත් වේ.

OS වෙළෙන්දා ඔබ අනුගමනය කිරීමට අපේක්ෂා කරන ප්‍රවණතා සහ ප්‍රමිතීන් ඔබ තේරුම් ගත් පසු, ඔබට ඊළඟ පියවරට යා හැකිය.

2. ඔබේ ප්‍රේක්ෂකයින් දැන ගන්න

ආහාර බෙදා හැරීමේ සේවාවක් වැනි දේශීය සමාගමක් සඳහා වන යෙදුම් නිරූපකය ජාත්‍යන්තරයට යාමට අවශ්‍ය සමාගමක් සඳහා වන නිරූපකයට වඩා වෙනස් වනු ඇත. අවසාන අවස්ථාවෙහිදී, ඔබ විශ්වීය අක්ෂර භාවිතා කරන බවට සහතික විය යුතුය, එය මිනිසුන්ට සමානව වටහා ගත හැකිය. විවිධ කොටස්සැහැල්ලු වන අතර කිසිවෙකුගේ හැඟීම් රිදවන්නේ නැත:

3. නිවැරදි ප්‍රමාණයේ අයිකනයක් සාදන්න

A4 පිටුවක හොඳ පෙනුමක් ඇති දේ පික්සල 120 x 120 කින් අනිවාර්යයෙන්ම පිටතට නොයනු ඇත. වෘත්තීය නිර්මාණඅයිකන මෙය සැලකිල්ලට ගත යුතුය.

4. සරල කරන්න සහ අනවශ්‍ය විස්තර සමඟ ඔබේ අයිකනය අධික ලෙස පටවන්න එපා

අවමවාදය ඔබේ ය අඹ යහළුවා. අයිකනය මත වැඩි සැරසිලි සහ විස්තර, එහි පිළිගැනීම අඩු වේ. නිරූපකය සංකේතයක් වැනි දෙයක් විය යුතුය - ප්රමාණවත් තරම් සරල සහ පැහැදිලිය. උදාහරණයක් ලෙස, මෙන්න අපි කුකෝරම් වට්ටෝරු යෙදුම සඳහා සාදන ලද නිරූපකය:

5. ඔබේ ආලෝකය සහ සෙවනැලි නිවැරදිව ලබා ගන්න

ඔබ Android යෙදුමක් සඳහා අයිකනයක් සාදන්නේ නම් මෙම උපදෙස් අදාළ වේ. මගපෙන්වීම ඇන්ඩ්රොයිඩ් ද්රව්යමෙම අංගය ගැන විස්තරාත්මකව කතා කරයි. එය දී ඇති වර්ණයක නිරූපකයක් මගින් හෙවන ලද සෙවනැලි සඳහා අගයන් ද ලබා දෙයි.

6. වෙනත් වර්ණයක (අඳුරු, ආලෝකය, වර්ණය) පසුබිමක නිරූපකය පෙනෙන්නේ කෙසේදැයි පරීක්ෂා කරන්න

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

7. ඉදිරිදර්ශනය භාවිතා කිරීමට බිය නොවන්න

ඇත්ත වශයෙන්ම, එය උල්ලංඝනය නොකරන්නේ නම් සාමාන්ය හැඟීම. ඉදිරිදර්ශනයේ මුල් භාවිතය ඔබට යෙදුම් නිරූපකය වඩාත් දෘශ්‍යමාන කිරීමට උපකාරී වේ. ඉදිරිදර්ශනය භාවිතා කිරීමේ විශිෂ්ට උදාහරණයක් මෙන්න:

8. රසවත් හැඩයක් සාදන්න

පහත දැක්වෙන අයිකන ඒවායේ භාවිතා කර ඇති හැඩතල නිසා මතක තබා ගත හැකිය:

හැඩය ඉතා කුඩා වුවද නිරූපකය හඳුනා ගැනීමට උපකාරී වේ.

9. වගකීමෙන් වර්ණ සමඟ යන්න

ඔබ භාවිතා කරන වර්ණ ගණන වැඩි කිරීමට පටන් ගත් පසු, ඔබට එය නතර කිරීමට අපහසු වනු ඇත. එමනිසා, වර්ණ එකක් හෝ දෙකක් භාවිතා කරන්න - මෙය ප්රමාණවත්ය. වර්ණ දෙකක් සහිත අයිකනයක හොඳ උදාහරණයක් මෙන්න:

10. ඡායාරූප භාවිතා නොකරන්න

එහි විශිෂ්ට ඡායාරූප යථාර්ථවාදී අයිකන ඇත, නමුත් ඡායාරූප භාවිතා කිරීම තහනම්ය.

11. අමතර අකුරු නොමැතිව යෙදුම් අයිකන සාදන්න

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

12. අයිකනය මත යෙදුම් අතුරුමුහුණතෙන් මූලද්රව්ය භාවිතා නොකරන්න

මෙය පරිශීලකයා ව්‍යාකූල කරන ඉතා නරක පුරුද්දකි. ඔබගේ නිරූපකය මත UI මූලාංග ඇත.

13. යෙදුමේ ප්‍රධාන කාර්යයට කතා කරන අයිකන සාදන්න

හොඳ නිරූපකයක් සමඟ, පරිශීලකයාට විස්තරය දෙස බැලීමටවත් අවශ්‍ය නැත: ක්‍රීඩකයින් සඳහා, ඔවුන් සාමාන්‍යයෙන් සටහන්, උපකරණ හෝ දෘශ්‍යකරණයක්, කැමරා සඳහා - කැමරාවක හෝ කාචයක රූප සහ Viber වැනි ක්ෂණික පණිවිඩකරුවන් සඳහා - පණිවිඩ වලාකුළක් භාවිතා කරයි. :

UARoads ව්‍යාපෘතිය සඳහා වන නිරූපකයේ, අපි දෙකක් ප්‍රදර්ශනය කළෙමු වැදගත් පැතියෙදුම්: සැකසීම සඳහා සේවාදායකයකට දත්ත යැවීමේ අවශ්‍යතාවය සහ එය මෝටර් රථ හිමියන් සඳහා අදහස් කෙරේ. ජාතික කොඩියේ වර්ණ ද අයිකනය මත භාවිතා වේ:

14. තරඟකරුවන්ගේ අයිකන අධ්‍යයනය කරන්න

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

ඡායාරූප ශිල්පීන් ඉලක්ක කරගත් KeepSnap යෙදුම සඳහා අපි නිර්මාණය කළ නිරූපකය මෙන්න:

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

අයිකනය වෙනස් කිරීම විහිළුවක් නොවේ. උදාහරණයක් ලෙස, රේඩියෝ මධ්‍යස්ථාන එකතු කිරීමේ යෙදුමක් වන රේඩියම් හි හිමිකරුවන්ට, පරිශීලකයින් එයට අකමැති නිසා මසකට කිහිප වතාවක් අයිකනය වෙනස් කිරීමට සිදු විය.

අපි, චිත්‍රාගාරය, ඔබේ යෙදුම සඳහා අයිකනයක් නිර්මාණය කිරීමට සතුටු වනු ඇත, එය තරඟකරුවන්ගේ නිෂ්පාදන වලින් එය වෙන්කර හඳුනා ගනී.

• පරිවර්තනය

පරිවර්තකයෙකුගෙන්.
මෙය css-tricks.com වෙතින් පිලිප් බර්නාඩ් විසින් ලියන ලද ලිපියක පරිවර්තනයකි. ඔහු විසින් නිර්මාණය කරන ලද සේවාව සමඟ වැඩ කිරීමේ විස්තරයක් අඩංගු ලිපියේ කොටස මග හැරීමට මම මට ඉඩ දුන්නෙමි. ඔබ දෝෂ සොයා ගන්නේ නම්, කරුණාකර ඒවා පුද්ගලික පණිවිඩයකින් වාර්තා කරන්න.

විවිධ අවස්ථා වලදී හොඳින් ප්‍රදර්ශනය වීම සඳහා ෆේවිකෝනය කුමක් විය යුතුද (සහ එය ප්‍රතිස්ථාපනය කරන්නේ කුමක් ද) යන්න පිළිබඳ ඔහුගේ පර්යේෂණයේ ප්‍රතිඵල ලිපියෙහි අඩංගු වේ.

ෆේවිකෝනය 1999 දී හඳුන්වා දෙන ලදී අන්තර්ජාල ගවේෂකය 5 () සහ මාස කිහිපයකට පසුව W3C විසින් සම්මත කරන ලදී. එය අඩවිය නියෝජනය කරන කුඩා නිරූපකයක් විය.

එතැන් සිට, බොහෝ ඩෙස්ක්ටොප් බ්‍රව්සර් ප්‍රවණතාව අනුගමනය කර එක් ආකාරයකින් හෝ වෙනත් ආකාරයකින් ෆේවිකොන් භාවිතා කර ඇත. හරිම සරලයි නේද? කුඩා පින්තූරයක් සාදා එය "සම්පූර්ණ" කිරීමට ඕනෑම අන්තර්ජාල ව්‍යාපෘතියකට එක් කරන්න. කිසිවක් සංකීර්ණ නොවේ. නැත්ද?

අපි ප්‍රශ්නාවලියක් කරමු!

ප්‍රධාන ෆේවිකොන් ගොනුව කුමක්ද?

පිළිතුර: favicon.icoසහතික වීමට නම්, එය Favicon.ico ලෙස නැවත නම් කරන ලද PNG එකක් නොවේ. සමහර බ්‍රව්සර් මෙම දෝෂයට සමාව දෙන අතර, ICO යනු රූපයක බහු අනුවාද සඳහා සහය දක්වන වෙනස් ආකෘතියකි.

ප්‍රශ්නය: favicon.ico කොතරම් විශාල විය යුතුද?

A: 16x16.සම්මත.
B: 32x32.කාලෙකට කලින් ෆේවිකොන් එක අප්ඩේට් කළේ නැද්ද?
C: 64x64.
D: ඉහත කිසිවක් නොවේ.

පිළිතුර: ඩී.

Favicon.ico ආකෘතිය මුලින් මයික්‍රොසොෆ්ට් විසින් සංකල්පනය කරන ලද අතර තවත් වෙළෙන්දන් කිහිප දෙනෙකු විසින් සහාය දක්වන ලදී. Microsoft විසින් 16x16, 32x32, සහ 48x48 ප්‍රමාණ නිර්දේශ කරයි. ඔව්, එක් ICO එකක පින්තූර කිහිපයක් අඩංගු විය හැක.

බ්‍රව්සර් සාමාන්‍යයෙන් ටැබ්වල ෆේවිකෝනය පෙන්වයි, සාමාන්‍ය විභේදන වලදී, 16x16 අනුවාදය හොඳ පෙනුමක් ඇත:

Chrome පටිත්තෙහි 16x16. මේ වනතෙක් ගොඩක් හොඳයි.

නමුත් 16x16 නිරූපකය අනෙකුත් ස්ථාන සඳහා ඉතා කුඩා වේ: කාර්ය තීරුව සහ ඩෙස්ක්ටොප්.

කාර්ය තීරුවේ 16x16.

ඩෙස්ක්ටොප් එකේ 16x16. හොඳ නැහැ.

අයිකනයක පින්තූර කිහිපයක් අඩංගු වන විට, ප්‍රතිඵලය වඩා හොඳ වේ.

කාර්ය තීරුවේ 16x16, 32x32 සහ 48x48 favicon.ico. සාමාන්‍ය වැඩසටහනක් වගේ.

ඩෙස්ක්ටොප් එකේ 16x16, 32x32 සහ 48x48 favicon.ico. පරිපූර්ණ.

ප්‍රශ්නය: favicon.png හි අරමුණ කුමක්ද?

ඇත්ත වශයෙන්ම, තවත් ගොනුවක්, favicon.png, වඩාත් පොදු වේ. බොහෝ විට මිනිසුන් මේ ගැන අසයි.
ඇත්තටම එය කුමක්ද?

A: favicon.ico සඳහා සහය නොදක්වන බ්‍රව්සර් සඳහා අයිකනය.සමහරවිට Firefox වගේද?
B: අධි විභේදන නිරූපකය.ඔබ දන්නවා, මේ සියලු නව තිර සමඟ අධික ඝනත්වයපික්සල.
C: අතීතයේ සිට කෞතුක වස්තුවක්.දැන් මේවා නව අයිකන, උදාහරණයක් ලෙස, Apple Touch අයිකනය.
D: සියල්ල එකට.

පිළිතුර: ඩී.
HTML5 භාවිතා කිරීමෙන් පසු, favicon.ico එතරම් ප්‍රයෝජනවත් නොවේ. ගුණාංගය හඳුන්වා දෙන ලදී ප්රමාණ, එකම නිරූපකයේ විවිධ අනුවාද කිහිපයක් ප්‍රකාශ කිරීමට ඔබට ඉඩ සලසයි, මේවා PNG ගොනු විය හැක:

එසේනම් අප ප්‍රකාශ කළ යුත්තේ කුමක්ද?

අපි එයට මුහුණ දෙමු. සියලුම ඩෙස්ක්ටොප් බ්‍රව්සර් පාහේ favicon.ico සඳහා සහය දක්වන අතර, මෙම ගොනුව යල් පැන ගොස් ඇත. ඔව්, ඔබට තවමත් මෙම ගොනුව භාවිතා කළ හැකි අතර සෑම දෙයක්ම අපේක්ෂිත පරිදි ක්‍රියා කරනු ඇත. නමුත් බරපතල ලෙස, මෙය යල් පැන ගිය ආකෘතියකි. එය වෙබයේ මිස කොතැනකවත් භාවිතා නොවේ. PNG වඩා හොඳ සහය දක්වයි.

Favicon.ico - IE හි පැරණි අනුවාද සඳහා. වෙනත් බ්‍රව්සර් සඳහා සහ නවතම අනුවාදයන් IE PNG අයිකන භාවිතා කරයි. ඉතින් කුමක් ද ප්රමාණතීරණය කළ යුතුද? අපි ඉක්මනින්ම සොයා ගනිමු.

Q: ජංගම වේදිකා සඳහා සහාය වීමට අවශ්‍ය ආකෘතිය කුමක්ද?

SmartInsights ට අනුව, වෙබ් ගමනාගමනයෙන් 26% කට වැඩි ප්‍රමාණයක් ස්මාර්ට්ෆෝන් සහ ටැබ්ලට් මගින් ජනනය වේ. මෙය අනාගතයයි. මේ ලෝකය පවත්වා ගැනීමට අවශ්‍ය වන්නේ කුමක්ද?

A: favicon.ico.එය වසර 15 කට පෙර වැඩ කළ අතර එය අදටත් ක්‍රියාත්මක වේ.
B: PNG අයිකන.ඒ ගැන කතා කරන්නම් කිව්වා.
C: Apple Touch නිරූපකය.කැප්.
D: මෙහි තවමත් නිවැරදි පිළිතුරක් නොමැත.

පිළිතුර: ඩී. PNG අයිකන අවශ්‍යයි. සහ Apple Touch නිරූපකය. සහ Windows 8 සඳහා ටයිල්. සහ browserconfig.xml නම් ගොනුවක්.

ජංගම වේදිකා සාමාන්‍ය ඩෙස්ක්ටොප් බ්‍රව්සර් වලට වඩා බොහෝ විෂමජාතීය වේ. තිරයේ ප්‍රමාණයන් සහ විභේදනය බොහෝ සෙයින් වෙනස් වන අතර අන්තර්ජාලයේ මුල් කාලයේ මෙන් වින්ඩෝස් වැනි ප්‍රමුඛ මෙහෙයුම් පද්ධතියක් නොමැත.
නිගමනය: ජංගම ෆේවිකෝනය තනි සාමාන්‍ය රූපයක් විය හැකි බව හෝ සාමාන්‍ය HTML ප්‍රකාශයක් තිබිය හැකි යැයි නොසිතන්න.

ප්‍රශ්නය: PNG අයිකනවල ප්‍රමාණය කුමක් විය යුතුද?

A: Google TV සඳහා 96x96
B: Android Chrome සඳහා 196x196
C: Opera Coast සඳහා 228x228
D: ඉහත සියල්ලම

පිළිතුර: ඩී, සහ ඊටත් වඩා.උදාහරණයක් ලෙස, 160x160 සඳහා පැරණි අනුවාදයඔපෙරා හි වේග ඩයල් (දිග ගොස් ඇත), හෝ ක්‍රෝම් වෙබ් වෙළඳසැල සඳහා 128x128, සියල්ල ඔබ සහාය දීමට අදහස් කරන වේදිකාව මත දැඩි ලෙස රඳා පවතී.

Q: Apple Touch නිරූපකයේ ප්‍රමාණය කොපමණද?

Apple Touch නිරූපකය පිටු සලකුණු සහ "මුල් තිරය" අඩවි සඳහා iOS විසින් භාවිතා කරයි. 57x57 මතකයට එනවා, බ්‍රාවෝ. මේක හරි. පළමු අයිෆෝන් නිකුත් කරන විට එය වසර 7 කට පෙර පමණි.

පිළිතුර: 180x180 දක්වා.

පළමු iPhone පෙනුමෙන් පසුව, වැදගත් නිකුතු 3 ක් විය:

• iPad. වඩා විශාල තිරයක් සමඟ.
• රෙටිනා තිර. පික්සල් ඝනත්වය දෙගුණයක් සමඟ.
• iOS 7. පැතලි නිර්මාණය iPhone/iPad මත වෙනස්.

සමස්තයක් වශයෙන් සංයෝජන 9 ක් ඇත.

උපාංගය	තිරය	iOS අනුවාදය	අයිකන ප්රමාණය
iPhone	සම්භාව්ය	6 සහ පහළ	57x57
		7	60x60
	දෘෂ්ටි විතානය	6 සහ පහළ	114x114
		7	120x120
	6 Plus	8 සහ ඉහළ	180x180
iPad	සම්භාව්ය	6 සහ පහළ	72x72
		7	76x76
	දෘෂ්ටි විතානය	6 සහ පහළ	144x144
		7	152x152

දිලිසෙන Retina iPad එකක පැරණි 57x57 Apple Touch නිරූපකය. වළාකුළු පිරි.

Retina iPad මත විශාල 152x152 Apple Touch නිරූපකය. පරිස්සමෙන්.

ඔබ වැරදි ලෙස පිළිතුරු දුන්නේ නම්, අධෛර්යමත් නොවන්න. apple-touch-icon.png සපයන ජනප්‍රිය අඩවි 5,000 න් 4% ට වඩා අඩු ප්‍රමාණයක් එය නිවැරදිව කරයි.

රූප 9ම ඇත්ත වශයෙන්ම අවශ්‍ය නොවන බවට ඇතැමුන් තර්ක කළ හැක. කෙසේ වෙතත්, අවම වශයෙන් ප්‍රධාන Apple Touch නිරූපකය 152x152 විය යුතුය. IOS 7 යටතේ Retina iPad ඔබට අවශ්ය දේ සොයා ගනු ඇත, සහ තරුණ උපාංගවලට රූපය අඩු කළ හැකිය.

Q: Apple Touch නිරූපකය HTML හි ප්‍රකාශ කිරීම අවශ්‍යද?

පිළිතුර: මම දන්නේ නැහැ.පිළිතුරක් තිබිය යුතුය!
B: ඔව්.එසේ නොමැතිනම්, iOS ඒවා සොයා ගන්නේ කෙසේද?
C: නැත. Apple විසින් නිර්දේශ ලබා දෙන බැවින් ඕනෑම iOS උපාංගයක් කෙසේ හෝ ඒවා පැළඳ ගනු ඇත.
D: නැහැ, නමුත් ...

පිළිතුර: D… නමුත් වෙනත් සමහර වේදිකා ද Apple Touch නිරූපකය භාවිතා කරයි, ඒවා නිවේදනය කිරීම වඩා හොඳය.

එය අමුතු දෙයක් ලෙස පෙනෙන පරිදි, iOS උපාංග Apple Touch නිරූපකය සොයන එකම ඒවා නොවේ. ඒවා අනෙකුත් PNG අයිකන වලට වඩා ජනප්‍රිය සහ වඩාත් සුලභ බැවින් ඉහළ විභේදන, Android Chrome වැනි සමහර බ්‍රව්සර් ඒවා භාවිතා කරයි. මේ අනුව, ඒවා ප්‍රකාශ කිරීම වඩා හොඳය, මෙය අනුකූල උපාංගයක් හෝ බ්‍රව්සරයක් සහිත අමුත්තන්ට ඒවායින් එකක් භාවිතා කිරීමට ඉඩ සලසයි.

Q: Windows 8 මත ටැබ්ලට් සඳහා ටයිල් එකක් ප්‍රකාශ කරන්නේ කෙසේද?

A: Windows 8 මත ටැබ්ලට්? එය කුමක්ද?
B: favicon.icoස්ටීව් බෝල්මර්ගේ උරුමය.
C: මෙටා ටැග්. දෙක msapplication-TileColorහා msapplication-TileImage.
D:browserconfig.xml.

පිළිතුර: Windows 8 සහ IE 10 සඳහා C, Windows 8.1 සහ IE 11 සඳහා D. පිළිතුර A ද තරමක් නිවැරදි ය.

Windows 8.0 සඳහා වන නිවේදනය මේ වගේ දෙයක් පෙනේ:

Windows 8.1 සහ IE 11 browserconfig.xml හි ප්‍රකාශිත රූපයේ බහු අනුවාද අපේක්ෂා කරයි. උදාහරණ වශයෙන්:
#2b5797
නව මෙට්‍රෝ අතුරුමුහුණත බොහෝ පෙර-ස්ථාපිත වැඩසටහන් භාවිතා කරන "සුදු සිල්වූට්" වැනි නව සැලසුම් මූලධර්ම කිහිපයක් හඳුන්වා දෙයි.


වින්ඩෝස් 8 හි අඩවි ටයිල්.

ප්‍රශ්නය: වර්ග150x150ලාංඡන ටයිල් එකේ ප්‍රමාණය කොපමණද?

A: 150x150.ඔයාට කියවන්න බැරිද?
B: වෙනත්.

පිළිතුර: B, 270x270.

Icon, pictogram, icon, සංකේතය, රූපය - චිත්රක අතුරුමුහුණතේ මෙම මූලද්රව්ය කැඳවනු නොලැබූ වහාම. ඒවා කිසිසේත් අවශ්‍ය වන්නේ ඇයි, ඒවා නිවැරදිව භාවිතා කරන්නේ කෙසේද සහ පරිශීලකයා ව්‍යාකූල නොවන පරිදි ඔබ දැනගත යුතු දේ.
අපගේ චිත්‍රාගාරයේ ජීවිතය 2005 දී ආරම්භ වූයේ අයිකන නිර්මාණය සමඟ ය. එමනිසා, වසර ගණනාවක් තිස්සේ රැස් කරගත් සියලුම දැනුම ඔබ සමඟ බෙදා ගැනීමට අපි සතුටු වෙමු.

වචන වෙනුවට අයිකන භාවිතා කිරීමට පවා පුද්ගලයෙකුට අදහසක් පැමිණියේ ඇයි?

මෙම ප්රශ්නය අතුරු මුහුණත් ගැන පමණක් නොවේ. හිදී එදිනෙදා ජීවිතයඅයිකන සෑම තැනකම අපව වට කර ඇත: ඔවුන් මාර්ග සංඥා ස්වරූපයෙන් අපව අනුගමනය කරයි, ඔවුන් ගබඩාවට ඇතුල් වන ස්ථානයේ දී අපව මුණගැසෙන අතර අපගේ ඇඳුම්වල ලේබලවල පවා වාඩි වී සිටිති.
ටී-ෂර්ට් පවා දැනටමත් සොයා ගැනීමට උපකාර වන සංචාරකයින් සඳහා විශේෂයෙන් නිර්මාණය කර ඇත අන්යෝන්ය භාෂාවඕනෑම රටක ස්වදේශිකයන් සමඟ. කෙනෙකුට අවශ්‍ය නිරූපකය මත ඇඟිල්ලක් තැබීම පමණි.

අපි අයිකන වලට මෙතරම් ආදරය කරන්නේ ඇයි?

ඔවුන්ට වාසි ගණනාවක් ඇති නිසා:

• ඒවා කැපී පෙනේ;
• ඔවුන් ඉක්මනින් තොරතුරු ලබා දෙයි;
• ඒවා මතකයි;
• ඔවුන් ඉඩ ඉතිරි කරයි;
• ඒවා ඕනෑම භාෂාවකින් තේරුම් ගත හැකිය.

අතුරු මුහුණත් අයිකන වලට තවත් වාසි ගණනාවක් ඇත:

• ඒවා ඔවුන්ගේ ස්ථානයේ තිබිය හැකි පෙළ කැන්වස් වලට වඩා ඇසට ප්‍රියජනකයි. තිරය ​​කුඩා වන තරමට, ඔබට විශේෂ අයිකන සමඟ ප්‍රතිස්ථාපනය කිරීමට අවශ්‍ය වචන වැඩි වේ.
• ඔවුන්ට ඔබේ යෙදුමට දෘශ්‍ය අනන්‍යතාවයක් ලබා දිය හැක.

නමුත් ඕනෑම අයිකනයක තිබිය යුතු ප්‍රධානතම දෙය නම් පැහැදිලිකම.
පරිශීලකයා නිරූපකයේ තේරුම තේරුම් නොගන්නේ නම්, ඔහු එය වළක්වා හෝ ව්යාකූල වනු ඇත.

අයිස්ක්‍රීම් සමඟ - නැත, සිගරට්ටුවක් සමඟ - නැත, යුනිකෝන් සමඟ - ඔබට පුළුවන්

නිරූපකයේ පැහැදිලිකම සමඟ ගැටළුව විසඳීමට, ඔබට ක්‍රම කිහිපයකින් යා හැකිය:

1. නව නිරූපකය පෙළ සමඟ පැහැදිලි කරන්න, ඉඟි ලබා දෙන්න, එය නිවැරදිව භාවිතා කරන ආකාරය පරිශීලකයාට උගන්වන්න

ඔබ නව පරිශීලක අත්දැකීමක් නිර්මාණය කරන ආකාරය මෙයයි. පුද්ගලයෙකු හෝඩිය ඉගෙන ගන්නා ආකාරයටම, අතුරු මුහුණතේ අයිකන ද ඉගෙන ගත යුතුය. මෙම මාර්ගයට යාමට, ඔබ ඔබේ නිෂ්පාදනය ගැන විශ්වාසයෙන් සිටිය යුතුය, එය භාවිතා කිරීම සඳහා පරිශීලකයින් ඉගෙන ගැනීමට ඇති කැමැත්ත.
අපි උදාහරණයක් ලෙස Instagram ගනිමු.
කොටු නිරූපකය අපැහැදිලි විය, එය සමඟ පුද්ගලික පණිවිඩ යැවිය හැකි බව ස්වල්ප දෙනෙක් තේරුම් ගත්හ.

අද, පුද්ගලික පණිවිඩ යැවීමේ නිරූපකය වඩාත් පැහැදිලි එකක් බවට වෙනස් කර ඇත.

එබැවින්, 2 වන විකල්පය සලකා බලන්න.

2. පැහැදිලිකම සඳහා උත්සාහ කරන්න, පරිශීලකයාට හැකි තරම් පැහැදිලි අයිකන සාදන්න
එය මෙය කරන්නේ කෙසේද සහ තේරීමේ වැරැද්දක් නොකරන්න, එය තවදුරටත් සාකච්ඡා කරනු ඇත.

පරිශීලකයින්ට අතුරු මුහුණත් නිරූපක සැමවිටම පැහැදිලි නොවන්නේ ඇයි?
හේතු තේරුම් ගනිමු.

අතුරු මුහුණත් අයිකන නිර්මාණයේ වැරදි 10ක්

1. අයිකනයේ රූපයේ සැලසුමේ සාවද්‍යතාවය

මුලින්ම පොඩි පරීක්ෂණයක් කරමු.

මෙය නිසැක ලෙස අර්ථ දැක්විය නොහැකි අයිකනයක උදාහරණයක් පමණි, එයින් අදහස් වන්නේ එය පරිශීලකයාට ව්‍යාකූලත්වය ඇති කළ හැකි බවයි.

එක පැරණි ලිපියඅයිකන නිර්මාණයේ දෝෂ ගැන, දත්ත පෙරහන් නිරූපකය පුනීලයක් ආකාරයෙන් නිර්මාණය කළ විට කුතුහලය දනවන නඩුවක් සඳහා උදාහරණයක් ලබා දෙන ලදී.

සේවාදායකයාගේ ප්‍රතිචාරය වූයේ: "ඔබ පෙරහන් නිරූපකය මාර්ටිනි වීදුරුවක් ලෙස ඇදගත්තේ මන්දැයි මට හරියටම තේරෙන්නේ නැත!" 🙂

ද්විත්ව අර්ථ නිරූපණය වළක්වා ගැනීම සඳහා, නිර්මාණකරු විසින් රූපය පැහැදිලිව ප්රකාශ කළ යුතුය, එහි අර්ථය පහසුවෙන් ග්රහණය කරගත හැකිය. පරිශීලකයා සිතීමට සලස්වන්න එපා.

2. නොපැහැදිලි සංගමය

පළමු හේතුව මෙන් නොව, මෙම අවස්ථාවෙහිදී රූපයම සාමාන්යයෙන් නිවැරදිව මාරු කරනු ලැබේ, නමුත් මෙම විශේෂිත නිරූපකය භාවිතා කරන්නේ ඇයි සහ එහි තේරුම පරිශීලකයාට පැහැදිලි නැත.
පැරණි Instagram පුද්ගලික පණිවිඩ නිරූපකය සමඟ උදාහරණය දෙස නැවත බලන්න. රූපය තරමක් දෘශ්‍යමානයි - පෙට්ටියක් නිරූපණය කෙරේ. නමුත් ඔබ පෙට්ටිය සම්බන්ධ කරන්නේ කුමක් ද? සුරකින්න? එන ලිපිද? නව ගොනුවක් එක් කරන්නද? සංගමය ඉතා තුනී වේ, පරිශීලකයා සිතිය යුතුය, එබැවින් රූපය අසාර්ථක ලෙස තෝරා ඇත.

මෙන්න තවත් එකක් හොඳ උදාහරණයක්අතුරු මුහුණත මාව අවුල් කළ හැටි.

එය පසුව සිදු වූ පරිදි, ඔබ නිරූපකය මත සැරිසරන විට, මෙවලම් ඉඟියක් උත්පතන වේ.

මෙම නඩුවේ පරිශීලකයාට වඩාත් පැහැදිලි වන්නේ කුණු කූඩයේ රූපයයි.
ඊට අමතරව, මෙහි අතුරු මුහුණත ඔබට “ගිණුම මකන්න” යන වචන තැබීමට ඉඩ සලසයි, මෙම අවස්ථාවේදී අයිකනයක් වෙනුවට පෙළ භාවිතා කිරීම යුක්ති සහගත වනු ඇත.
අයිකනයක අර්ථය සහ එහි රූපය අතර අසමගියක් ඇති විට මෙන්න තවත් උදාහරණයක්:

ෆෝල්ඩරයක් මකා දැමීමට මෙම නිරූපකය භාවිතා කළ හැකි යැයි කිසි විටෙකත් නොසිතන්නට ඇත

එක් අතකින්, අතුරු මුහුණතේ ඇති අයිකන විලාසිතාවට ගැලපෙන අතර පරිපූර්ණ හා එකඟ විය යුතුය, එවිට එය මේ ආකාරයෙන් සිදු නොවේ:

නමුත් අනෙක් අතට, අයිකන පහසුවෙන් එකිනෙකාගෙන් වෙන්කර හඳුනාගත යුතුය.
විවිධ කාර්යයන් සඳහා ඉතා සමාන අයිකන 2 ක් වගකිව යුතු විට, ව්යාකූලත්වය පැන නගී.

මෙන්න තවත් උදාහරණයක්:

4. පෙර පරිශීලක අත්දැකීම් සැලකිල්ලට නොගනී

Viber එකේ Message එකක් යවනකොට ඊතලයක් එක්ක icon එකක් තිබ්බ හැටි මතකද?

බොහෝ නව පරිශීලකයින් ව්‍යාකූල වී ඇත, ඊතලය "පණිවිඩයක් යවන්න" යන්නයි. මන්ද? බොහෝ නව පරිශීලකයින් ස්කයිප් සහ අනෙකුත් පණිවිඩකරුවන් වෙතින් Viber වෙත පැමිණි නිසා, ඊතලය හරියටම පණිවිඩයක් යැවීම අදහස් කරන අතර එම ස්ථානයේම පිහිටා ඇත.

Viber අතුරුමුහුණතෙහි ඊතලයක් යනු භූ ස්ථාන දත්ත යැවීමයි. ඒ කාලේ මගේ යාළුවෝ හැමෝම මම හිටපු තැන දැනගෙන හිටියේ ඇයි කියලා පුදුම වෙන්න දෙයක් නැහැ.
දැන් Viber අතුරුමුහුණත වෙනස් ලෙස පෙනේ:

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

5. ඉලක්කගත ප්රේක්ෂකයන්ගේ මානසික ලක්ෂණ සැලකිල්ලට නොගනී

සමහර අයිකන වෙනස් ලෙස අර්ථ දැක්විය හැක වෙනස් රටවල්.
විවිධ රටවල අභිනයන් අපැහැදිලි වනවා සේම, අයිකන ද අපැහැදිලි විය හැකිය.

ඔබ බොහෝ රටවල් ඉලක්ක කර ගනිමින් විශ්වීය යෙදුමක් නිර්මාණය කරන්නේ නම්, තවත් විශ්වීය අයිකන භාවිතා කරන්න.

අවංකවම, ඒවායින් බොහොමයක් නොමැත. දැන් ඔවුන් අතර රූපයක් ලෙස හැඳින්විය හැක මුද්රකය(මුද්‍රාව), නිවසේ දී(ප්‍රධාන පිටුවට ආපසු යන්න) විශාලනය කරන්නන්(සෙවීම) සහ සෑම දෙයක්ම පාහේ. නිරූපනය කරන නිරූපකය හැම්බර්ගර් මෙනුව, ඉක්මනින් විශ්වීය බවට පත් විය හැක. කෙසේ වෙතත්, සමහර පරීක්ෂණවලින් පෙන්නුම් කරන්නේ පරිශීලකයන් තිරස් තීරු 3 කට වඩා "මෙනුව" ලෙස නම් කර ඇති බොත්තමක් දැකීමට පුරුදු වී ඇති බවයි.

ඔබගේ යෙදුම අවධානය යොමු කර ඇත්නම් ඉලක්කගත ප්රේක්ෂකයින්විශේෂිත රටක්, එහි සංජානනයේ සුවිශේෂතා සැලකිල්ලට ගන්න.
එබැවින්, උදාහරණයක් ලෙස, එක්සත් ජනපද පදිංචිකරුවන් සඳහා, සුපිරි වෙළඳසැල් කරත්තයක් සහිත නිරූපකය වඩාත් හුරුපුරුදු වනු ඇත ( සාප්පු ට්රොලියමිලදී ගැනීම දැක්වීමට ( ).

UK හි පදිංචිකරුවන් පරිශීලක අතුරුමුහුණත තුළ සාප්පු කරත්තයක් දැකීමට වඩාත් පුරුදු වී සිටිති ( කූඩය) හෝ බෑගය ( බෑගය).

6. වැරදි පණිවිඩයක්

අයිකන නිර්මාණය පරිශීලක හැසිරීමට බලපෑම් කළ හැකිය.
එබැවින් "කරත්තයට අයිතමය එක් කරන්න" ක්රියාව සඳහා අයිකනයක් තෝරාගැනීමේදී, ඔබ මානසික සංජානනය පමණක් නොව, ඔවුන් රැගෙන යන උපපෙළ මතද අවධානය යොමු කළ යුතුය.
සුපිරි වෙළඳසැල් ට්‍රොලියෙන් ඇඟවෙන්නේ, පරිශීලකයාට ඕනෑම වේලාවක, භාණ්ඩය කූඩයට දමා, ඔහුගේ මනස වෙනස් කර එය නිවා දැමිය හැකි බවයි. එම. මෙම අවස්ථාවෙහිදී, ඔබ අනාගත ගැනුම්කරුට බලපෑම් නොකරන අතර මෘදු ලෙස මිලදී ගැනීමට නැඹුරු වේ.
පැකේජයක් හෝ බෑගයක් භාවිතා කරන්නාගේ මනසට වඩා විශාල බලපෑමක් ඇති කරයි, ඔහුව මිලදී ගැනීමට ඉල්ලා සිටින අතර භාණ්ඩ කූඩයට දමන්න එපා. පිටවීමේදී මුදල් ගෙවා අපගේ බෑගයට දේවල් දැමීමට අපි පුරුදු වී සිටිමු, i.e. මෙම නිරූපකය වඩාත් දැඩි ලෙස මිලදී ගැනීමක් ඉල්ලා සිටී.

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

7. යල් පැන ගිය පින්තූර

මෙන්න ඔබ අතිශයින්ම පරෙස්සම් විය යුතුය. මිනිසුන් මෙන් අයිකන වයසට යයි.

ඔවුන් කිසි විටෙකත් ෆ්ලොපි ඩිස්ක් එකක් අතේ තබාගෙන නොමැති නම් නව පරම්පරාව මෙම නිරූපකය තේරුම් ගනීවිද?

එක් අතකින්, බොහෝ ජනප්‍රිය අයිකන ප්‍රතිස්ථාපනය කිරීම ඉක්මනින් අවශ්‍යතාවයක් වනු ඇත.
නමුත් අනෙක් අතට, ඕනෑම විෂයයක් පිළිබඳ අපගේ අවබෝධය වෙනස් වීමට වඩා පරම්පරා බොහෝ සෙමින් වෙනස් වේ.
අපි උදාහරණයක් ලෙස දුරකථනයක රූපය ගනිමු.

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

ට්විටර් නව ට්වීට් එකක් ලිවීමට භාවිතා කරන නිරූපකය දෙස සමීපව බලන්න. “මෙහි ක්ලික් කරන්න, ඔබට ලිවිය හැකිය” යන්නෙහි අර්ථය ප්‍රකාශ කිරීම සඳහා නිරූපකය කුයිල් පෑනක් මෙන් හැඩගස්වා ඇත.

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

8. අධික බර සහිත නිර්මාණය

අතුරු මුහුණත නිරූපකය එහි පමණක් නොව පැහැදිලි විය යුතු බව අමතක කරන්න එපා විශාල ප්රමාණයනමුත් කුඩා ස්වරූපයෙන්.
අනවශ්‍ය මූලද්‍රව්‍ය අතුරුමුහුණත තුළ අපිරිසිදුකම් ඇති කර පරිශීලකයා ව්‍යාකූල කරන්නේ එබැවිනි.
ඔබම සසඳන්න:

දැන් මෙම ගැටලුව පැතලි හා පිරිසිදු නිර්මාණ ප්රවණතා පැමිණීමට පෙර වඩා අඩු අදාළ වේ. සංකීර්ණ ත්‍රිමාණ වස්තු වලට වඩා පැතලි අයිකන තේරුම් ගැනීමට පහසු වේ. ඔවුන් මෙතරම් ජනප්‍රිය වීමට මෙය එක් හේතුවකි. කෙසේ වෙතත්, දක්ෂ නිර්මාණකරුවෙකුගේ අතේ, ත්රිමාණ අයිකනයක් ඕනෑම ප්රමාණයකින් හඳුනාගත හැකිය.

9. පෙළ භාවිතා කිරීම හෝ එහි නොමැතිකම

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

10. අයිකන පරිමාණය

රාස්ටර් අයිකන විශාල කළ විට හෝ අඩු කළ විට, ඒවා නොපැහැදිලි සහ නොපැහැදිලි වේ, එබැවින් බොහෝ නිර්මාණකරුවන් දෛශික අයිකන නිර්මාණය කිරීමට කැමැත්තක් දක්වයි, එවිට ඔවුන් කුඩා විස්තර අතින් ඇඳීමට කාලය නාස්ති නොකරයි, නමුත් රූපය විශාල කිරීම හෝ අඩු කිරීම.
නමුත් මෙම ප්රවේශය ද වැරදි ය.
කුඩා නිරූපකයක් (රතු කවයක) පෙනෙන ආකාරය සහ නිර්මාණකරුවෙකු විසින් කුඩා ප්‍රමාණයකින් අතින් (කොළ කවයක) අඳින ආකාරය පිළිබඳ උදාහරණයක් මෙන්න.

එමනිසා, සෑම විටම නව මානයන් නිර්මාණය කිරීමේදී මූලද්රව්ය අතින් ඇඳීමට නිර්මාණකරුගෙන් ඉල්ලා සිටින්න.

නිගමන

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

අයිකන ඉඩ ඉතිරි කර නැවුම් පෙනුමක්. අයිකන යනු සංකීර්ණ ප්‍රශ්නවලට ඉක්මන් පිළිතුරකි:

• වඩාත් අලංකාර කරන්නේ කෙසේද?
• අපි එය හංවඩු ගසන්නේ කෙසේද?
• එය වඩාත් විනෝදජනක කරන්නේ කෙසේද?

අපි අයිකන වලට ආදරෙයි. අපි ව්යාකූල වීමට පටන් ගන්නා තුරු.

අයිකන වෙනස් ය: නිෂ්පාදන මත, ගෘහ නිර්මාණ ශිල්පයේ, පරිගණකවල, ලැයිස්තු වල, බොත්තම් මත, වෙබය සහ යෙදුම් සඳහා, iOS සහ Android සඳහා. මෙවලම් තීරු අයිකන, අත්සන් කළ සහ අත්සන් නොකළ, ශෛලීගත සහ ප්‍රමිතිගත, වර්ණ සහ ඒකවර්ණ, අයිකන අකුරු, PNG හෝ SVG ගොනු...

නොමිලේ සහ ගෙවන අයිකන කට්ටල, දෛශික සහ බිට්මැප්, පැතලි සහ 3D බොහෝ ඇත, ඔබ ඔවුන් සමඟ වැඩ කිරීම සඳහා නීති රීති ලියන්නේ නම්, ඔබට ඝන සටහන් පොතක් අවශ්ය වේ. නරක නිර්මාණයක් පවා ඇද ගන්නා බව යක්ෂයා ඔබට පහසුවෙන් ඒත්තු ගැන්විය හැකි අමන අයිකන බොහොමයක් තිබේ.

එහෙත් ප්රවේසම් වන්න. ඕනෑම ප්‍රශ්නයකට ඔබේ පිළිතුර "නිරූපකය" නම්, දිනක් ඩොන් නෝමන් ඔබේ දොරට තට්ටු කරයි, ඔබ එය විවෘත කළ විට, ඔහු ඔබේ දෑස් දෙස බලා මෙසේ කියයි.

“නොතේරෙන අයිකන අතුරු මුහුණත කුණු කසළ කරයි, නමුත් විද්‍යාත්මක ප්‍රජාව දිගු කලක් පෙන්වා දී ඇත්තේ මිනිසුන්ට අයිකන කුඩා සංඛ්‍යාවක තේරුම පමණක් මතක ඇති බවයි. මෙම සියලු අයිකනවල තේරුම ඔබට මතකද? මම නෙවෙයි".

මෙම වචන සමඟ දොන් නෝමන් ඔහුගේ හිටපු සේවා යෝජකයා වන ඇපල් ට ඉගැන්වීය. Apple iconotoxiasis සඳහා උදාහරණ iTunes, Mail සහ iOS පාලන පැනලය තුළ දක්නට ලැබේ.

Twitter හි, ඔවුන් Baba Yaga වැනි iTunes අයිකන සමඟ බිය ගන්වයි. මෙන්න OS X සඳහා Apple Mail වෙතින් කදිම උදාහරණයක්: අත්සනක් නොමැතිව ඔබ මෙම අයිකනවලින් කීයක් හඳුනා ගන්නේද?

මෙම උදාහරණයෙන් අප දකින්නේ කුමක්ද? අයිකන ඉඩ ඉතිරි කර නැවුම් ලෙස පෙනේ. බොත්තම්වල අරමුණ මෙම පුවරුවේ අයිකන තැබූ නිර්මාණකරුගෙන් පමණක් ප්රශ්න මතු නොකරයි. අයිකනයක් පිටුපස දහසක් සැඟවිය හැක විවිධ වචන, සහ මෙය ප්රධාන ගැටළුව. වචනයක අර්ථ දහසක් ඇති විට, නොගැලපීම් වළක්වා ගැනීමට සන්දර්භය පිළිබඳ හොඳ අවබෝධයක් උපකාරී වේ. මෙන්න එකම අයිකන, නමුත් සිරස්තල සහිත:

සිරස්තල මගින් අයිකන පැහැදිලි කරයි. ඔවුන් සමඟ, අතුරු මුහුණත වඩාත් පහසු වේ. මේ නිසා සමහර හිත් පිත් නැති මිනිස්සු "හොඳම අයිකනය අකුරු" යැයි කියති. තර්කානුකූලව, නිවැරදි අත්සන් ඔබව ව්‍යාකූලත්වයෙන් ගලවා ගනී. ඉතින් ඇයි අපි අයිකන නොමැතිව ලේබල් භාවිතා නොකරන්නේ?

ක්‍රියාකාරීව, "පිරිසිදු පෙළ" සැලසුම දවස තරම් පැහැදිලිය (තොරතුරු ගෘහ නිර්මාණ ශිල්පීන් ඔවුන්ගේ කාර්යය කර ඇත්නම්), නමුත් ඔබ අතුරු මුහුණතෙන් පින්තූර ඉවත් කරන විට යමක් කැඩී යයි. ජීවිතය ඔහු හැර යයි. එය නැවුම් හා ප්රීතිමත් වීම නතර කරයි. මෙය නිර්මාණ ධනාත්මකව සලකන්නේ නැත. නමුත් එය අනෙක් මිනිසුන්ට කරදර කරයි. iA Writer වෙතින් අයිකන ඉවත් කිරීමෙන් අපි මෙම උපකල්පනය පරීක්ෂා කළෙමු. පරිශීලකයින්ගේ ප්‍රතිචාරය වූයේ "එපා!"

සමහර විට පෙළ සහ නිරූපකය අතර තෝරා නොගැනීම වඩා හොඳය, නමුත් අයිකන පමණක් භාවිතා කළ යුත්තේ කවදාද, පෙළ පමණක් වන විට සහ සිරස්තල සහිත අයිකන කවදාද යන්න තේරුම් ගැනීම වඩා හොඳය. අපි සොයා බලමු ...

අයිකන පමණි

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

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

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

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

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

ක්‍රියාකාරී අතුරුමුහුණත් මූලද්‍රව්‍යවල නිරුවත් අයිකන භාවිතයේ හැකියාව නරක අතට හැරේ. හොඳම මාර්ගයවිශේෂාංගයක් වාර්තා කරන්න - වචනයක්, පින්තූරයක් නොවේ. ක්‍රියාපදයක් නම් තවත් හොඳයි.

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

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

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

අයිකන විලාසිතාවෙන් පෙනෙන අතර ඉඩ නොමැතිකම සමඟ ගැටළු විසඳයි. ඇත්ත වශයෙන්ම, හිස් අයිකන අනිසි ලෙස භාවිතා කිරීම සම්බන්ධයෙන් ඇපල් පමණක් දොස් පැවරිය නොහැක. Google හි ද්‍රව්‍ය නිර්මාණය සන්නාමකරණයෙන් විෂ වී ඇත. මෙන්න Gmail සැසඳීමක්:

අපි මෙහි දකින්නේ කුමක්ද? Gmail අයිකන සරල බව පෙනේ, නමුත් ඒවා බොත්තම් වල අරමුණ ගැන සිතීමට ඔබට ඉඩ සලසයි. ඔබ ටිකක් අවධානය යොමු කර අවධානය යොමු කරන්නේ නම්, ඔබට අනුමාන කළ හැකිය. ටික වේලාවකට පසු, මාංශ පේශි මතකය ඔබට උපකාරී වනු ඇත, නමුත් කෙටි කාලීන සහ දිගු කාලීන මතකය ඔවුන්ව එකම දුෂ්කරතාවයකින් රැගෙන යයි. විද්‍යුත් තැපැල් යෙදුමක, සාන්ද්‍රණය සහ අවධානය යොමු කළ යුත්තේ පෙළ තේරුම් ගැනීමට සහ ලිවීමට මිස අතුරු මුහුණත විකේතනය කිරීමට නොවේ.

නවත්වන්න! Google සියල්ල මනින්නේ නැද්ද? ඔවුන් කරන්නේ කුමක්දැයි ඔවුන් නිසැකවම දන්නවා, හරිද? විද්‍යාඥයෝ එහි වැඩ කරති. ඔවුන් අයිකන-නිදහස් ප්‍රවේශය ගත් අතර, ඔවුන් කිසිවිටෙක වැරදි නැත. ඉතින් අයිකන හරි! සමහර විට, නමුත් Google හෝ Facebook වලට ගැලපෙන දේ අපට නොගැලපේ. පහත සාකච්ඡා කරනු ඇති පරිදි, ගූගල් ස්වභාවික විද්‍යාවෙන් පිටත හේතුව සොයාගෙන ඇත. එය එසේ වුවත්, ගූගල් හිස් අකුරු සහිත විකල්පයක් ද ඉදිරිපත් කරයි.

පෙළ පමණක්

පින්තූර විවිධ ආකාරවලින් අර්ථ දැක්විය හැකිය. සන්දර්භය මත පදනම්ව, සෑම තැනකම ඇති විශාලන වීදුරුව පවා "සෙවීම" සහ "විශාලනය" යන දෙකම කියවයි. වචනයේ තේරුම ද සන්දර්භය මත රඳා පවතී, නමුත් එය සෑම විටම එකම ආකාරයකින් කියවනු ලැබේ. අයිකන පෙළ සමඟ ප්‍රතිස්ථාපනය කළහොත් කුමක් කළ යුතුද? එවැනි අතුරු මුහුණතක් සංකේතාත්මක එකකට වඩා හොඳින් ක්‍රියා කරන බව තාර්කික ය. Gmail සැකසුම් තුළ, ඔබට අයිකන තීරුව පෙළ අනුවාදයක් සමඟ ප්‍රතිස්ථාපනය කළ හැකිය:

සිදුවුයේ කුමක් ද? බොත්තම් වල තේරුම දැන් පැහැදිලිය. නමුත් අතුරු මුහුණත අඩු මානුෂික, අඩු විනෝදයක් බවට පත්ව ඇත. එය වැඩ කරන මෙවලමකට සමානයි, සිසිල් වී ඇති අතර, පුදුමයට කරුණක් නම්, වඩාත් සංකීර්ණ බව පෙනේ. මෙය කළ හැක්කේ කෙසේද? පෙළ අතුරුමුහුණත වෛෂයිකව වඩාත් පහසු ය, නමුත් සෞන්දර්යාත්මක සූක්ෂ්මතාවයන් නිසා එය එසේ නොපෙනේ.

පෙළ යනු තාර්කික තේරීමකි. නිසි ලෙස ව්‍යුහගත සහ නම් කරන ලද ශ්‍රිතයන් මානව-පරිගණක අන්තර්ක්‍රියාවේ පදනම වේ.

අයිකන යනු චිත්තවේගීය තේරීමකි. නිවැරදි අයිකන ධනාත්මක එකතු කරයි. චිත්තවේගීය බලපෑම මැනිය නොහැක, නමුත් එය අඩු සැබෑවක් නොවේ.

“වැඩ කරන, පැහැදිලි සහ භාවිතයට පහසු නිෂ්පාදන නිර්මාණය කිරීම පමණක් ප්‍රමාණවත් නොවේ. අපි මිනිසුන්ගේ ජීවිතවලට ප්‍රීතිය සහ ප්‍රීතිය, ප්‍රීතිය සහ විනෝදය ගෙන දෙන නිෂ්පාදන නිර්මාණය කළ යුතු අතර ඇත්ත වශයෙන්ම සුන්දරත්වය මිනිස් ජීවිතවලට ගෙන ඒමට අවශ්‍යයි,” ඩොන් නෝමන් The Design of Everyday Things හි සඳහන් කරයි.

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

අත්සන නිරූපකය

අත්සන සහිත නිරූපකය චිත්තවේගීය සහ තේරුම්ගත හැකි ය. සිරස්තල සහිත අයිකන සෑම විටම ක්‍රියා කරයි. නිරූපකය අපැහැදිලි නම්, සිරස්තලය පැහැදිලි කරයි. එසේනම් මෙම ජයග්‍රාහකයින් යුගලය භාවිතා නොකරන්නේ මන්ද?

ගැටලුව වන්නේ එය සම්මුතියක් වීමයි. එය අයිකනවල චිත්තවේගීය පණිවිඩය සහ පිරිසිදු පෙළෙහි සරල බව අඩු කරයි. එය ඉඩ ඉතිරි නොකරන අතර පෙනුම අලංකාර නොකරයි. ඔහු ගන්නවා වැඩි ඉඩක්සිරස් අතට සහ පිරිසිදු අයිකන හෝ පිරිසිදු පෙළට වඩා දෘශ්‍ය ශබ්දයක් නිර්මාණය කරයි.

චිත්තවේගීය වශයෙන්, අපි අයිකන වලට වැඩි කැමැත්තක් දක්වයි. අයිකන පෙළ සමඟ ප්‍රතිස්ථාපනය කිරීම අපට තාර්කික ය. න්‍යායට අනුව, අත්සනක් සහිත අයිකනයක් ජයග්‍රහණයකි. ප්රායෝගිකව, මෝස්තරයේ රිදී උණ්ඩ නොමැත.

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

න්යාය සහ භාවිතය

ඕනෑම තාක්ෂණයක් මෙන්, එය තාර්කික මත අතුරු මුහුණත් තැනීමට උපකාරී වේ, ක්රියාකාරී ව්යුහය. නිර්මාණය නොවේ ස්වභාවික විද්යාව. එය විද්‍යාවෙන් සහ මිනුමෙන් ප්‍රයෝජන ලබන පරිචයකි, නමුත් වෛෂයික මිනුම් වලින් පමණක් නිර්මාණයක ගුණාත්මක භාවය විනිශ්චය කළ නොහැක. පරිශීලක පරීක්ෂණ සහ විශ්ලේෂණ නිර්මාණකරුවන් ප්‍රතිස්ථාපනය නොකරයි, නමුත් පරීක්ෂණ සැලසුම් උපකල්පන. නිර්මාණකරුවෙකුට සිතිය හැකි දේට වඩා වැඩි යමක් නිෂ්පාදනයක් තුළ ඇති අතර, නිර්මාණයේ අපට මැනිය හැකි දේට වඩා වැඩි යමක් තිබේ. මෙම "වැඩි" ආවරණය කළ හැක්කේ නිෂ්පාදනය භාවිතා කරන පුද්ගලයින් සමඟ කතා කිරීමෙන් පමණි.

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

සරල නීති

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

නිරූපකයක් කොටසක් හෝ කාර්යයක් දක්වයි. එය සරල සහ තේරුම්ගත හැකි අර්ථයක් ගෙන දෙන වචනයකි. පණිවිඩයේ අර්ථය සන්දර්භය මත රඳා පවතී. වචනය තේරුම්ගත නොහැකි ලෙස තෝරාගෙන තිබේ නම් හෝ සන්දර්භයට අනුරූප නොවේ නම් වඩාත්ම ලස්සන අයිකනය පවා නිෂ්ඵල වනු ඇත. නිරූපකයක් තෝරා ගැනීමට පෙර, ඔබෙන්ම මෙසේ අසන්න: එය කුමන වචනයක් නියෝජනය කරයිද? මෙය නිවැරදි වචනයද? අවබෝධ කරගත හැකි? මෙම සන්දර්භය තුළ එය ක්රියා කරයිද? අයිකනයකට බොහෝ දේ සැඟවිය හැක විවිධ සංකල්ප. සන්දර්භය තුළ වචන එතරම් ප්ලාස්ටික් නොවේ. අයිකන මෙන් නොව, ඔවුන් බොහෝ නීති අනුගමනය කරයි.

ඔබේ ව්‍යුහය සුදානම් වූ විට සහ අයිකන, ප්‍රීතිය සහ තවත් දේ ක්‍රියාත්මක වීමට කාලය පැමිණ ඇති විට, සරල රීතියක් අනුගමනය කරන්න: එකතු කරන්න අවශ්ය අවමඅයිකන, නමුත් අඩු නොවේ.

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

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

රචනය ලියා ඇත්තේ iA විශේෂඥයින් විසිනි.

“GetGoodRank බ්ලොග් අඩවියේ ප්‍රධාන සංස්කාරක, වෙබ් විශ්ලේෂක, බ්ලොග්කරු.
අඩවියේ අයිකන සැලසුම් කර අයදුම් කරන්නේ කෙසේද? අපි කතා කරනවා සරල නීතිඅයිකනවල උපයෝගීතාව මෙන්ම පරීක්ෂා කිරීම සඳහා සරල පිරික්සුම් ලැයිස්තුවක්.

අයිකනයක් යනු යෙදුමක්, ශ්‍රිතයක් හෝ වෙබ් අඩවියක/යෙදුමක තේමාත්මක අංශයක් දක්වන චිත්‍රක අතුරුමුහුණතක ක්‍රමානුකුල මූලද්‍රව්‍යයකි. අයිකන සරල, සංක්ෂිප්ත සහ ඵලදායී වේ. ඒවා යෙදුමක හෝ වෙබ් අඩවියක චිත්‍රක අතුරුමුහුණත සරල කිරීමට මෙන්ම පරිශීලකයා සමඟ සන්නිවේදනය සරල කිරීමට සහ වේගවත් කිරීමට භාවිතා කරයි (මිනිස් මනස ග්‍රැෆික්ස් පෙළට වඩා බොහෝ ගුණයකින් වේගයෙන් ක්‍රියාවට නංවා “තේරුම් ගනී”). අයිකන ඒවායේ ක්‍රියාකාරිත්වය අනුව වර්ගීකරණය කර ඇත:

• සංචාලන අයිකන- කාර්යයක් දැක්වීමට භාවිතා වේ: දිගු පිටුවක් හරහා ගමන් කිරීමට ඉහළට සහ පහළට සංචාලන ඊතල, කූඩයට යාමට කූඩය, සෙවුම් තීරුව සක්‍රිය කිරීමට විශාලන වීදුරුව.
• තොරතුරු අයිකන- කොටසේ මාතෘකාව සඳහන් කරන්න. උදාහරණයක් ලෙස, හරස් උපකරණ බොහෝ විට කොටසක් සහිත කොටසක් දක්වයි තාක්ෂණික තොරතුරු, ගියර් - සැකසුම් සහිත කොටස වෙත, යන්ත්රය බෙදා හැරීම පිළිබඳ තොරතුරු, අංක 24/7 - පැය 24 වැඩ කාලසටහනට යනාදිය දක්වයි.
• ක්‍රියාව සඳහා ඇමතුම් අයිකන- බොහෝ විට පැහැදිලි ක්රියා දැක්වීමට භාවිතා වේ. උදාහරණයක් ලෙස, යෙදුම් බාගැනීම් පිටුවේ, නිර්භීත ඊතලයක් මඟින් මෘදුකාංග බාගත කිරීම සඳහා ඇමතුමක් දක්වයි, නිෂ්පාදන පිටුවක, ප්ලස් මඟින් භාණ්ඩය කරත්තයට එක් කිරීමට ඇමතුමක් ආදිය දක්වයි.

අයිකන සඳහා භාවිත නීති

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

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

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

3. ක්ලික් කිරීමේ හැකියාව- ක්‍රියාවක් ඇති අයිකන ක්ලික් කිරීමේ හැකියාව දෘශ්‍යමය වශයෙන් පෙන්විය යුතුය: උඩින් සැරිසරන විට උද්දීපනය කිරීම, වර්ණය වෙනස් කිරීම, විශාලනය කිරීම. මෙම නිරූපකය ක්‍රියාකාරී වන අතර එය GUI මූලද්‍රව්‍යයක් පමණක් නොවන බව පරිශීලකයාට පැහැදිලි කරයි. සජීවිකරණය අවම මට්ටමක තබා ගන්න.

4. තත්පර 5 ටෙස්ට් කරන්න- තනි අයිකන සංකල්පයක් සංවර්ධනය කිරීමේදී (සම්මත නොවන අයිකන භාවිතා කරමින්), තත්පර 5 ක් පරීක්ෂා කරන්න. තත්පර 5 ක් ඇතුළත ඔබට අයිකනය හඳුනාගෙන වෙබ් අඩවියේ එහි තේරුම තේරුම් ගත නොහැකි නම්, මෙම ග්‍රැෆික් සංකේතය නිර්මාණයට ඉඩ නොදේ. එය පරිශීලකයාගේ ඉලක්කය කරා යන ගමනේදී අමතර බාධා ඇති කරයි: වෙබ් අඩවියේ තොරතුරු අධ්‍යයනය කිරීම, නිෂ්පාදනයක් / සේවාවක් තෝරා ගැනීම.

5. ප්රමාණය වැදගත් වේ- නිර්මාණයේ දී අවධානයට ලක් නොවන ඉතා කුඩා අවදානම් සහිත සංකේත, විශාල අයිකන ව්‍යාකූල කළ හැකි අතර, වෙනත් මූලද්‍රව්‍ය මත ආධිපත්‍යය දරන අතර තමන් වෙත අවධානය යොමු කළ හැකිය (විශේෂයෙන් විශාල අයිකන වර්ණයෙන් උද්දීපනය කර ඇත්නම්).

අයිකනවල උපයෝගීතාව පරීක්ෂා කරන්නේ කෙසේද

අඩවියේ ඇති අයිකනවල උපයෝගීතාව පරීක්ෂා කිරීමට පහත සඳහන් ප්‍රශ්න පිරික්සුම් ලැයිස්තුව භාවිතා කරන්න:

• වෙබ් අඩවියක හෝ යෙදුමක අතුරු මුහුණතෙහි අයිකනයක් සොයා ගැනීම පහසු ද?
• අතුරුමුහුණත තුළ අයිකනය කෙතරම් එකඟද? එය සමස්ත නිර්මාණ සංකල්පය උල්ලංඝනය කරයිද?
• නිරූපකය පරිශීලකයා සඳහා අපේක්ෂිත ස්ථානයේ තිබේද?
• නිරූපකය පිටුවේ ප්‍රධාන අන්තර්ගතයෙන් ඉවත් කරයිද?
• අයිකනයේ තේරුම පරිශීලකයාට පැහැදිලිද?
• නිරූපකය පෙනෙන්නේ කෙසේද? ජංගම පිටපතඅඩවිය? ස්පර්ශ තිරයෙන් එය සමඟ අන්තර් ක්‍රියා කිරීම පහසුද?
• මෙම නිරූපකය වෙනත්, යාබද නොවන ක්‍රියා සමඟ සම්බන්ධද? එය වෙබ් අඩවිය භාවිතා කිරීමේදී අමතර දුෂ්කරතා ඇති කරයිද? නිරූපකය වැරදි ක්‍රියාවන්ට තුඩු දෙයිද?
• එය අමුණා ඇති දේ දැක්වීමට මෙම සන්දර්භය තුළ නිරූපකයක් අවශ්‍යද? එය නොමැතිව කළ හැකිද?