ගුණාත්මක මුද්‍රණ ශිල්පයේ ප්‍රතිලාභ. පහසු පිටු පැටවීම

• පරිවර්තනය

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

පැතලි නිර්මාණය වඩාත් ව්‍යුහගත වනු ඇත, "සිනමා අත්දැකීම්" වඩාත් සුලභ වනු ඇත, සහ JavaScript පුස්තකාල භාවිතය තවත් අත්හදා බැලීම් සඳහා ඉඩ සලසයි. WebGL හි වර්ධනය වන ජනප්‍රියත්වය සහ අතථ්‍ය යථාර්ථයසිත්ගන්නා අන්තර්ක්‍රියාකාරී විශේෂාංග සමඟින් අප දන්නා වෙබ් අඩවි අලුත් දෙයක් බවට වෙනස් කිරීමට අපට ඉඩ සලසයි.

මෙම ලිපියෙන් අපි මේ වසරේ බලාපොරොත්තු වන විශාලතම වෙබ් නිර්මාණ ප්‍රවණතා 11 දෙස බලමු. එබැවින් සැපපහසු වී කියවීම ආරම්භ කරන්න!

1. WebGL (වෙබ් ග්‍රැෆික් පුස්තකාලය)

නවතම ජයග්‍රහණ අතර කැපී පෙනෙන තාක්ෂණය WebGL (වෙබ් ග්‍රැෆික් පුස්තකාලය) වේ. මෑතකදී ආපු පුදුම සයිට් ගොඩක් ඒක පාවිච්චි කරනවා.

සරලව කිවහොත්, WebGL යනු දෘඪාංග ත්වරණය සහිත බ්‍රවුසරවල අන්තර්ක්‍රියාකාරී 3D සහ 2D ග්‍රැෆික්ස් විදැහුම් කිරීමේ ක්‍රමයකි.

1.1 අන්තර්ක්‍රියාකාරී 3D WebGL යෙදුම

අත්දැකීම් කුතුහලය (NASA)

WebGL යනු SIGGRAPH 2015 සමුළුවේ කේන්ද්‍රීය මාතෘකා වලින් එකකි. ඉදිරිපත් කිරීම 3D ග්රැෆික්ස්සහ WebGL ඔබට බැලිය හැක මෙම නාලිකාවේ YouTube.

මෙම පැය එකහමාරක වීඩියෝවෙන්, කියුරියෝසිටි රෝවරය අඟහරු මත ගොඩ බැස්වීමේ තුන්වන සංවත්සරය නිමිත්තෙන් නිර්මාණය කරන ලද නාසා හි එක්ස්පීරියන්ස් කියුරියෝසිටි වෙබ් යෙදුම ගැන ඔබ ඉගෙන ගනු ඇත. මෙම යෙදුම පරිශීලකයින්ට NASA හි 3D රෝවරය අඟහරු මතුපිටට "පදින්න" සහ රොබෝ අතකින් එය "පාලනය" කිරීමට ඉඩ සලසයි.

මෙම සම්පත නිර්මාණය කිරීම සඳහා, අපි Blend4Web (බ්‍රවුසරය පදනම් කරගත් 3D යෙදුම් නිර්මාණය කිරීමේ රාමුවක්) සහ Blender (3D ආකෘති නිර්මාණය සහ සජීවිකරණය සඳහා පැකේජයක්) භාවිතා කළෙමු.

Beloola වෙබ් අඩවිය three.js (JavaScript පුස්තකාලයක්) භාවිතා කරයි.

SBS TV (ඕස්ට්‍රේලියාව) වෙතින් "The Boat" ව්‍යාපෘතිය

ඕස්ට්‍රේලියානු රූපවාහිනී මධ්‍යස්ථානයක් වන SSB TV වියට්නාමයෙන් පැන යාම පිළිබඳ ලේඛක Nam Le ගේ කතාව “The Boat” නැවත සකස් කර එය WebGL භාවිතයෙන් අන්තර්ක්‍රියාකාරී වීඩියෝ කතාවක් බවට පත් කර ඇත. යෙදුම විශිෂ්ට සජීවිකරණ සහ අතින් වර්ණ නිදර්ශන සහිත කොටස් කිහිපයකින් සමන්විත වේ. මෙයද පෙර උදාහරණය මෙන් three.js භාවිතා කරයි.

මතකය නිසා

තාක්ෂණික දෘෂ්ටි කෝණයකින්, එය ව්යාජ ත්රිමාණ අවකාශයේ සිදු කරනු ලබන අඛණ්ඩ ද්විමාන සජීවිකරණයකි. ඉතා ආකර්ෂණීය පෙනුමක්!

2. VR (අතථ්‍ය යථාර්ථය)

අතථ්‍ය යථාර්ථය (VR) යනු 2016 දී ගැජට් ලෝකය සොලවාලීමට හැකියාව ඇති සම්බන්ධිත තාක්‍ෂණයකි. සමහර විට ඉතා ඉක්මනින් දේවල් වඩාත් රසවත් වනු ඇත.

වෙබ් අඩවියේ timeshift165

ටැග්: ටැග් එකතු කරන්න

ඇලිනා ෆිලටෝවා

07/16/2015 | | අදහස් 2ක්

කිසියම් හේතුවක් නිසා සේවාදායකයින් කලාතුරකින් අසන ප්‍රශ්නය කුමක්දැයි ඔබ දන්නවාද? "දැන් මෝස්තරයේ කුමන වෙබ් අඩවියද?"!
ඔව්, ඔව්, අන්තර්ජාලයේ, වෙනත් ඕනෑම ප්රදේශයක මෙන්, ඇත්ත වශයෙන්ම එහිම විලාසිතා, එහිම "baubles", "tricks" සහ trends ඇත.

අපි නවීන වෙබ් විලාසිතා ගැන කතා කරන්නේ නම්, 2014-2015 දී විලාසිතාමය නිර්මාණ ප්‍රවණතා කිහිපයක් මතු වූ අතර ඒවා අනාගතයට විශ්වාසදායක පියවර සමඟ ගමන් කරයි. ඔබ අන්තර්ජාලය "බ්‍රවුස් කිරීමට" කැමති නම්, පැතලි සහ අර්ධ-පැතලි මෝස්තර (ඊනියා "මෙට්‍රෝ විලාසය"), විශාල රූප සහ සංකීර්ණ මුද්‍රණ ශිල්පය භාවිතා කරන වෙබ් අඩවි වැඩි වැඩියෙන් ඔබ මෑතකදී හමු වී ඇත. මීට අමතරව, වෙබ් අඩවිවල වීඩියෝ හෝ සිනමා දර්ශන භාවිතය පැහැදිලිවම ප්‍රධාන ධාරාව බවට පත්වෙමින් තිබේ.
ඉතින් මොකක්ද මේ වෙබ් සීසන් එකේ trendy?

ඉතින්, 2015-2016 දී තවමත් ප්රවණතාවයේ:

1. විශාල හා ලස්සන රූප

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

2. පැතලි නිර්මාණය

   2013 අවසානයේ - 2014 ආරම්භයේදී, පැතලි මෝස්තරයේ යුගය, ඊනියා "මෙට්රෝ ශෛලිය" ආරම්භ විය.
   වෙළඳපොලේ නව විලාසිතා ප්‍රවණතා මයික්‍රොසොෆ්ට් සහ ඇපල් වැනි රාක්ෂයන් විසින් සකසා ඇති අතර අනෙකුත් සියලුම සහභාගිවන්නන් ප්‍රීතියෙන් නවතම ප්‍රවණතා ලබා ගත්හ. පැතලි මෝස්තර සඳහා විලාසිතා 2015 දී දිගටම පවතී. මෙම පිරිසිදු, සැහැල්ලු මෝස්තරය වෙබ් අඩවි ඉතා නවීන පෙනුමක් ලබා දෙයි.

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

3. චිත්තවේගීය අන්තර්ගතය

   එය පහසුම විසඳුම නොවිය හැකි නමුත්, ප්‍රධාන මාධ්‍ය ක්‍රීඩකයින් චිත්තවේගීය අන්තර්ගතයන් නිර්මාණය කිරීම සඳහා අන්තර්ජාලයේ සුවිශේෂී වාසි ප්‍රයෝජන ගැනීමට පටන් ගෙන ඇත. එහි ප්‍රධාන අරමුණ වන්නේ ආගන්තුකයා චිත්තවේගීය ලෙස සම්බන්ධ කිරීම, අධ්‍යාත්මික ප්‍රතිචාරයක් ඇති කිරීමයි.

   මෙය සාක්ෂාත් කර ගැනීම සඳහා දක්ෂ ලෙස ලියා ඇති ලිපි, චිත්තවේගීය ඡායාරූප සහ වීඩියෝ භාවිතා කරනු ලැබේ. මෙම ප්‍රවණතාවය 2012 දී ආරම්භ වූ අතර අද දක්වාම පවතී. තවද පවසන ලද කථා වඩාත් පුද්ගලික, දෘශ්‍යමය වශයෙන් ආකර්ශනීය සහ බලගතු බවට පත්වේ.

4. හොඳම මුද්‍රණ ශිල්පය

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

5. අභිරුචි නිදර්ශන සහ ඡායාරූප; අතින් අඳින ලද රූප සටහන්

   ෆොටෝ බැංකු වලින් ආත්මයක් නැති පින්තූර යුගය අවසානයේ අවසන් වී ඇති බව පෙනේ. මීට පෙර, කම්මැලියන් පමණක් ඔවුන්ගේ වෙබ් අඩවියට විඩාපත් අතට අත දීමක් හෝ සාකච්ඡා මේසයේ සිනාමුසු මුහුණක් ඇතුළත් නොකළේය. බොහෝ වෙබ් නිර්මාණකරුවන් තරමක් ප්‍රමිතිගත අකුරු භාවිතා කරන බව සහ වර්ණ විසඳුම්, බොහෝ වෙබ් අඩවි නිවුන් දරුවන් මෙන් පෙනෙන්නට පටන් ගත්තේය. ඇති!

   අවසාන වශයෙන්, පෞද්ගලිකත්වය ප්ලාස්ටික් මුහුණු සහ අස්වාභාවික ඉරියව් ආදේශ කර ඇත. ප්‍රධාන ප්‍රවණතාවය වන්නේ අතින් අඳින ලද නිදර්ශන සහිත අයිකන සහ නිදර්ශන එක් එක් පාරිභෝගිකයා සඳහා විශේෂයෙන් නිර්මාණය කර ඇත. මේ සියල්ල වෙබ් අඩවියට සහ සමාගමට දීප්තිමත් පෞද්ගලිකත්වයක් ලබා ගැනීමට ඉඩ සලසයි. කොටස් ඡායාරූපකරණයට ආයුබෝවන් කියන්න සහ අභිරුචි අනන්‍යතාවයට ආයුබෝවන්!

6. වීඩියෝ

   2014 සිට, විශාල අධි-විභේදන වීඩියෝ වෙබ් අඩවිවල ඉතා ආකර්ෂණීය පෙනුමක් ඇත.

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

7. සිනමා දර්ශන හෝ ලූප වීඩියෝ

   වෙබ් අඩවියක වීඩියෝවක් නැරඹීම සඳහා ඔබට "Play" බොත්තම ක්ලික් කිරීමට අවශ්‍ය නම්, ලූප් කරන ලද වීඩියෝ උපුටා ගැනීම් වලදී ඔබට මෙය කිරීමට අවශ්‍ය නැත. ලූප් කරන ලද වීඩියෝව තනිවම රවුමක චලනය වන අතර, ඵලදායී පසුබිමක් ලෙස පහසුවෙන් භාවිතා කළ හැක.

   මෙම කුඩා වීඩියෝ පළ කර ඇත මුල් පිටුවඅඩවිය, සියලුම අමුත්තන් දැනුම්. චලනය වන රාමු ක්ෂණිකව අවධානය ආකර්ෂණය කරයි, චිත්තවේගීය ලෙස නරඹන්නා සම්බන්ධ කර කෙටි, බලවත් කතාවක් කියයි. බොහෝ විට, වීඩියෝවෙහිම, "Play" බොත්තමක් ඇත, එවිට උනන්දුවක් දක්වන අමුත්තන්ට දිගු අනුවාදය නැරඹීමට හෝ ගොඩබෑමේ පිටුවට පිවිසිය හැකිය. එවැනි වෙබ් අඩවි ඉතා නිර්මාණශීලී පෙනුමක් ඇති අතර, 2015 දී මෙම අන්තර් ක්රියාකාරී කථා ඉතා බලවත් ප්රවණතාවක් වේ.

8. ශුද්ධ

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

9. ස්ථාවර ශීර්ෂකය

   කන්නයේ තවත් "උපක්‍රමයක්" වන්නේ වෙබ් අඩවියේ ශීර්ෂය ඉහළින් සවි කර ඇත. අමුත්තන් වෙබ් අඩවිය අනුචලනය කරන ආකාරය කුමක් වුවත්, ශීර්ෂකය සෑම විටම පිටුවේ ඉහළට "හිරවී" පවතී. සෞන්දර්යාත්මක දෘෂ්ටි කෝණයකින්, මෙම පියවර ඉතා ප්රයෝජනවත් වේ - ශීර්ෂකය වෙබ් අඩවියේ ව්යුහය සකස් කර එහි සියලුම අංග එකට බැඳ තබයි.

   නමුත් අලංකාරයට අමතරව, මෙම නවෝත්පාදනය ද ඇත ප්රායෝගික භාවිතය: අමුත්තන්ට ඇති වාසිය නම් වෙබ් අඩවියේ සැරිසැරීමට සබැඳි සෙවීමට දිගු කාලයක් ගත කිරීමට සිදු නොවීමයි - ඔවුන් දැන් සෑම විටම එකම ස්ථානයේ සිටී. ඊට අමතරව, එය අලෙවිකරුවන් සඳහා අතිශයින්ම පහසු වේ: වඩාත්ම වැදගත් පිටු සහ මතක් කිරීම් සෑම විටම පරිශීලකයින්ට දෘශ්‍යමාන වේ.

10. අනුවර්තන නිර්මාණය

    සමහර විට වඩාත්ම ප්රධාන ප්රවණතාවයසමය ප්‍රතිචාරාත්මක නිර්මාණයකි. අනුව ගූගල්අන්තර්ජාලයට පිවිසෙන පරිශීලකයින් සංඛ්යාව ජංගම උපාංග, 2014 අවසන් වන විට එය 50% දක්වා වර්ධනය වී ඇත!

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

සමහර වෙබ් නිර්මාණ ප්‍රවණතා වසරින් වසර වෙනස් වන අතර අනෙක් ඒවා දිගු කාලයක් අදාළ වේ. භාවිතය සඳහා විස්තර සහ නිර්දේශ සහිත වත්මන් වසරේ නිර්මාණ ප්‍රවණතා පිළිබඳ සම්පූර්ණ ලැයිස්තුවක් මෙන්න.

ඔබ කාලයට වඩා ඉදිරියෙන් නොසිටින්නේ නම්, ඔබ අනිවාර්යයෙන්ම පසුපසට ඇද වැටෙනු ඇත.

2016 Web Design Trends Guide වෙත සාදරයෙන් පිළිගනිමු!

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

අපගේ සමාලෝචන සැලැස්ම පහත පරිදි වේ:

1. හැඳින්වීම

2. ක්ෂුද්‍ර අන්තර්ක්‍රියා

4. අවම මෝස්තරය

5. පැතලි හා ද්රව්යමය මෝස්තරයේ දෙමුහුන්

6. ඉස්ම සහිත සජීවිකරණ

7. මුද්‍රණ ශිල්පය

8. දීප්තිමත් වර්ණ

9. දිගු අනුචලනය

10. HD ග්‍රැෆික්ස්

11. රූප සටහන්

12. නිගමන

කුඩා අන්තර්ක්‍රියා අමුත්තන්ට අමතක නොවන අත්දැකීම් ඇති කරන්නේ කෙසේදැයි ගවේෂණය කිරීමෙන් වැඩිදුර කතා නොකර ආරම්භ කරමු.

ක්ෂුද්‍ර අන්තර්ක්‍රියා

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

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

හොඳ ක්ෂුද්‍ර අන්තර්ක්‍රියා නිර්මාණයේ ප්‍රතිලාභ

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

1. පරිශීලකයන් අතර පුරුද්දක් ඇති කරන්න.

ක්ෂුද්‍ර අන්තර්ක්‍රියා අමුත්තන් අතර පුරුදු ඇති කිරීම සඳහා ප්‍රධාන අංගයකි. මෙම ක්රියාවලිය මූලද්රව්ය තුනකින් සමන්විත වේ:

• සංඥාවක් (ක්ෂුද්‍ර අන්තර්ක්‍රියා) යනු ක්‍රියාවක් ආරම්භ කරන ප්‍රේරකයකි;
• පුනරාවර්තන ක්රියා - පරිශීලකයාට හුරුපුරුදු ක්රියා පටිපාටියක්;
• විපාකයක් යනු ක්‍රියාවක් සම්පූර්ණ කිරීමේ ප්‍රතිඵලයකි.

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

2. නිතර භාවිතා කිරීම සඳහා නිර්මාණය.

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

3. ප්‍රේරක නිෂ්පාදන අතුරුමුහුණත සමඟ පොදු දෘශ්‍ය නිර්මාණයක් ඇති කරවන්න.

පොදු අතුරු මුහුණතක් සමඟ සමාන නිර්මාණ ක්ෂුද්ර අන්තර්ක්රියා මූලද්රව්ය නිර්මාණය කිරීමට උත්සාහ කරන්න. උදාහරණයක් ලෙස, එකම වර්ණය, එකම සජීවිකරණ, හැඩතල, ආදිය භාවිතා කිරීම. නිර්මාණ අනුකූලතාවය හඳුනා ගැනීම වැඩි කරන අතර සන්නාමයේ පෞරුෂය ශක්තිමත් කරයි. උදාහරණයක් ලෙස, නිව් යෝර්ක් ටයිම්ස් එහි ලාංඡනය පැටවීමේ සජීවිකරණයක් ලෙස භාවිතා කරයි. වෙනත් කිසිවක් සමඟ පටලවා ගත නොහැකි අත්සන, හඳුනාගත හැකි ශෛලියක්.

4. සජීවිකරණ භාවිතා කරන්න.

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

5. අනවශ්‍ය අන්තර්ක්‍රියා වලින් වළකින්න.

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

• පැටවීමේ තිර;
• ඔබ ඔබේ මූසිකය ඒවා මත තබා ඇති විට සක්‍රිය වන සජීවිකරණ නිදර්ශන.

මූලික මූලද්‍රව්‍යවල සජීවිකරණයට ධනාත්මක පරිශීලක ප්‍රතිචාරය ඒවායින් වැඩි ප්‍රමාණයක් එකතු කිරීමට සංඥාවක් වේ.

6. ඔබේ ලිවීමේදී හාස්‍යය භාවිතා කරන්න.

ක්‍රියාවට ඇමතුම් බොත්තම් හෝ වෙනත් අන්තර්ක්‍රියාකාරී වෙළඳ දැන්වීම් (උදාහරණයක් ලෙස දෝෂ පිටු 404) වැනි ක්ෂුද්‍ර අන්තර්ක්‍රියා හාස්‍යය පුරවා ඇත්නම් වඩාත් ඵලදායී වනු ඇත. ඔබට සමහර ස්ථානවල මිනිස් හඬ පටිගත කිරීමක් පවා භාවිතා කළ හැකිය.

කාඩ්

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

4. සජීවිකරණ පූරණය කරමින්බලා සිටීම දීප්තිමත් කරන්න.

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

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

මුද්‍රණ ශිල්පය

ඉහළ උපාංග විභේදන, වේගවත් අන්තර්ජාලය සහ නව වෙබ් අකුරු පුස්තකාල වෙත ප්‍රවේශය ( Google Fonts, Adobe Typekit, ආදිය) අපගේ කාලය මුද්‍රණ ශිල්පයේ ස්වර්ණමය යුගය බවට පත් කරයි.

ගුණාත්මක මුද්‍රණ ශිල්පයේ ප්‍රතිලාභ

• වැඩි තිර විභේදනය සිත් ඇදගන්නාසුළු මුද්‍රණ අදහස් ක්‍රියාත්මක කිරීම සඳහා වැඩි අවස්ථා සපයයි;
• සන්නාමයේ සුවිශේෂත්වය අවධාරණය කිරීමට සහ භාවිතා කරන අකුරු හේතුවෙන් එය හඳුනාගත හැකි වීම;
• පෙළ අන්තර්ගතයේ බලපෑම වැඩි කිරීම;
• මූලද්‍රව්‍යවල දෘශ්‍ය ධුරාවලියක් ගොඩනැගීම සඳහා මෙවලමක්, මෙය CTA (ක්‍රියාවට ඇමතුම) මෙවලම් ඉස්මතු කිරීම සඳහා විශේෂයෙන් වැදගත් වේ.

භාවිතයේ මූලධර්ම

1. පැහැදිලිකම ඉතා වැදගත් වේ.

“වඩා හොඳ” අකුරු සඳහා කිසි විටක පැහැදිලි බව කැප නොකරන්න—ඔබ ලියන දේ ඔබට කියවිය නොහැකි නම් මුද්‍රණ ශෛලීන් ක්‍රියා නොකරයි.

2. සරල නමුත් ආකර්ෂණීය අකුරු.

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

අකුරු ප්රමාණය වැඩි කරන්න;

අකුරු වල වර්ණය එහි අවට පසුබිම සමඟ සංසන්දනය කරන්න;

භාවිත තද අකුරුප්රධාන ස්ථානවල.

"ආකර්ෂණීය" සහ "ෆ්ලෝරිඩ්" යන සංකල්ප ව්යාකූල නොවිය යුතුය. සරල අකුරු විශ්වාසයෙන් සහ පැහැදිළිව පණිවිඩයක් යැවීමට උපකාරී වේ.

3. සංකීර්ණ සහ සරල අකුරු: Serif vs Sans Serif.

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

ජනප්‍රිය sans serif අකුරු:

1. ප්‍රොක්සිමා නෝවා
2. අනාගතය
3. Avenir
4. විවෘත Sans
5. Helvetica Neue
6. ජනප්‍රිය serif අකුරු:
7. කැස්ලෝන්
8. ගැරමන්ඩ්
9. භාණ්ඩ ප්රවාහන පෙළ
10. මිනියන්
11. FF Meta Serif

5. අතින් ලියන ලද අකුරු උඩින් තැබීම.

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

6. නියමිත අවකාශයෙන් ඔබ්බට යන පෙළ.

එකක් හොඳම ක්රමපාඨය වෙත අවධානය යොමු කිරීම යනු අනෙකුත් අංග මත එය ආවරණය කිරීම සහ ඒවායේ විෂය පථයෙන් ඔබ්බට යාමයි. වචනයක කොටසක් හෝ සම්පූර්ණ වචනයක්, උදාහරණයක් ලෙස, රූපයේ සීමාවෙන් ඔබ්බට, යාබද ප්රදේශය අතිච්ඡාදනය විය හැක. මෙය තිරය තනි සමස්තයකට මුසු කර ආකර්ෂණීය පෙනුමක් ඇති අතර සමහර විට කම්පනයට පත් කරයි.

7. පෙරනිමි අකුරු.

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

දීප්තිමත් පාට

2015 පුරාවටම අපි දීප්තිමත් වර්ණ හඳුන්වාදීමේ ප්රවණතාවයක් හඳුනා ගත්තෙමු. 2016 දී මෙම දිශාව අඛණ්ඩව වේගවත් විය. දීප්තිමත් වර්ණවල ජනප්රියත්වය අනාගතයේදී පමණක් වර්ධනය වනු ඇත. ඔබට විලාසිතා සමඟ ඉදිරියට යාමට අවශ්‍ය නම් තවත් පැලට් සහ සෙවන භාවිතා කරන්න.

දීප්තිමත් වර්ණ භාවිතා කිරීමේ වාසි

• විවිධ වර්ණ සහ වර්ණවල අනුක්‍රමණය ඔවුන් ඉස්මතු කරන අන්තර්ගතය වඩා හොඳින් වෙන්කර හඳුනා ගැනීමට ඔබට උපකාරී වනු ඇත;
• දෘශ්‍ය උත්තේජනය භාවිතා කිරීම කුඩා අඩවි සඳහා විශේෂයෙන් උපකාරී වේ.

1. Duotone.

• වර්ණ දෙකේ වර්ණ භාවිතා කිරීම එහිම ප්‍රවණතාවයක් වන අතර දීප්තිමත් වර්ණ හඳුන්වාදීමත් සමඟ දිගු කාලයක් ජනප්‍රිය වනු ඇත.
• Duotone යනු වර්ණ දෙකක වර්ණ සංයුතියේ සංයෝජනයක් බව පැහැදිලිය. මේවා එකම වර්ණයෙන් යුත් වර්ණ හෝ සම්පූර්ණයෙන්ම ප්රතිවිරුද්ධ නාද විය හැකිය.
• වෙබ් නිර්මාණයේදී, රූප සහ ඡායාරූප වඩා හොඳින් ඉදිරිපත් කිරීමට duotone බොහෝ විට භාවිතා වේ. ආකර්ෂණීය හා නවීන පෙනුමක්.
• පහත කරුණු මතකයේ තබා ගන්න:
• ශක්තිමත්, ඒකාබද්ධ තේමාවක් සහිත සරල ඡායාරූප භාවිතා කරන්න. මූලද්‍රව්‍ය බහුල රූප (භූ දර්ශන වැනි) විශේෂයෙන් ජංගම තිරවල බැලීම දුෂ්කර විය හැක;
• ප්‍රතිවිරුද්ධ duotone ඡායාරූපයක විස්තර වෙන්කර හඳුනා ගැනීම පහසු කරයි;
• වර්ණවත් මායිම් හෝ සම්පූර්ණ තිර අනුචලනය සමඟ ඔබේ ඡායාරූපය නැරඹීමේ ප්‍රදේශයේ ඉතිරි කොටසින් වෙන් කරන්න;
• ඒවායේ ඇති වස්තූන්ගේ පැහැදිලිව පෙනෙන මායිම් සහිත පැහැදිලි රූප භාවිතා කරන්න.

ඒ හා සමානව, පහත උදාහරණයේ පෙන්වා ඇති පරිදි duotone බොහෝ විට ඡායාරූප ආවරණයක් ලෙස භාවිතා කරයි.

2. උඩින්.

දීප්තිමත් වර්ණ භාවිතා කිරීම සඳහා තවත් රසවත් ප්රවණතාවක් වන්නේ ඡායාරූපවල ඒවා ආවරණය කිරීමයි.

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

3. දර්ශනීය අනුක්‍රමණය.

ක්‍රමයෙන් මැකී යන නාද සහිත වර්ණ මිශ්‍ර කිරීම බොහෝ නවීන නිර්මාණකරුවන්ගේ ජනප්‍රිය තේරීමකි. මිශ්ර කිරීම සඳහා වර්ණ 2 හෝ 3 කට වඩා ගැනීමට අවශ්ය නොවේ - මෙය අනවශ්යය.

4. මූල පද සහ බොත්තම් ඉස්මතු කරන්න.

ඒකවර්ණ පාඨ වලදී, "නිදහස්", "අද" වැනි වචන සහ වාක්‍ය ඛණ්ඩ උද්දීපනය කිරීමට දීප්තිමත් වර්ණ භාවිතා කරන්න. මෙය ඔවුන්ට අමතර බරක් ලබා දෙයි, යෝජනා කිරීමේ බලය වැඩි කරයි.

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

5. කර්සරය සැරිසරන විට මූලද්‍රව්‍යයේ තත්වය වෙනස් කිරීම.

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

6. අපේක්ෂිත චිත්තවේගීය හැඟීම් ඇති කිරීමට නිවැරදි වර්ණය භාවිතා කරන්න.

විවිධ වර්ණ විවිධ හැඟීම් ඇති කරයි. වෙබ් අඩවි වල බහුලව භාවිතා වන වර්ණ කිහිපයක් සඳහා කුඩා වංචා පත්‍රයක් මෙන්න:

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

දිගු අනුචලනය

දිගු අනුචලන හෝ නිමක් නැති අනුචලන අඩවි වෙබ් නිර්මාණයේ නියතයක් ලෙස ඉක්මනින් ඔවුන්ගේ ස්ථානය ලබා ගෙන ඇත.

දිගු අනුචලනය භාවිතා කිරීමේ විශේෂාංග

• ජංගම උපාංග සඳහා විශිෂ්ටයි. කුඩා තිර වලින් අදහස් කරන්නේ වැඩි අනුචලනය වන අතර, ස්පර්ශ පාලනය සමඟ ආකෘතිය හොඳින් ක්‍රියා කරයි;
• මේ ආකාරයෙන් අන්තර්ගතය ගිලී ඇති පහසු ආඛ්‍යාන ආකෘතියක් අමුත්තන්ට උනන්දුවක් දැක්විය හැකිය;
• සංචලනය සරල කිරීම;
• අනන්ත අනුචලනය පරිශීලක අත්දැකීමට විස්මිත අංගයක් එක් කරයි.

1. දෘෂ්ය සංඥා භාවිතා කරන්න.

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

2. තිර පිටු වගේ.

අනුචලනය සුමට පමණක් නොව, පිටුවෙන් පිටුවට ද විය හැකිය. අනුචලනය කරන්න සහ මුළු තිරයම වෙනස් වී ඇත. එය විලාසිතාමය හා ලස්සනයි.

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

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

3. ඇලෙන සුළු සංචාලන මෙනුව.

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

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

4. අනුචලනය මගින් සක්‍රිය කරන ලද සජීවිකරණ.

සජීවිකරණ මඟින් අනුචලනය වඩාත් විනෝදජනක වන අතර වෙබ් අඩවිය සමඟ සන්නිවේදන ක්‍රියාවලියට පරිශීලකයා ඇද දමන්න. සජීවිකරණ ප්‍රයෝග සමඟින් අනුචලනය සුමට හා දෘශ්‍යමය වශයෙන් රසවත් කරන්න. මෙය පරිශීලකයාට අවධානය යොමු කර “ඊළඟට කුමක් සිදුවේද?” වැනි ප්‍රශ්න අසනු ඇත. සුප්‍රසිද්ධ සුරංගනා කතාවක පාන් කැබලි ආකාරයෙන් සජීවිකරණ අනුපිළිවෙලක් ගොඩනැගීමෙන් ඔබට ක්‍රීඩාවේ ඔබේම නීති සැකසිය හැකිය. ඔබේ අදහස හොඳින් ක්‍රියාවට නංවන්නේ නම් පුද්ගලයෙකුට අවසානය දක්වා දැකීමට අවශ්‍ය වනු ඇත.

Parallax scrolling යනු සරල විසඳුමකි, නමුත් එකම එක නොවේ. උදව් කිරීමට නිර්මාණශීලිත්වය අමතන්න, කලින් සොයාගත් බලපෑම් අනුපිළිවෙල හරියටම පුනරාවර්තනය කිරීම අවශ්ය නොවේ.

5. දිගු අනුචලන පිටු වල SEO අවාසි අවම කරන්න.

අසීමිත අනුචලනය සහිත අඩවි SEO ප්‍රවර්ධනය සම්බන්ධයෙන් ඔවුන්ගේ සීමාවන් ඇත. නමුත් ඒවා මෘදු කළ හැකිය. නීල් පටෙල් මෙම මාතෘකාව පිළිබඳ ප්‍රයෝජනවත් මග පෙන්වීමක් සපයයි.

HD ග්රැෆික්ස්

සමඟ උපාංග ඉහළ විභේදනයක්තිර දිගු කාලයක් සම්මත වී ඇති අතර, 2016 HD නිර්මාණයේ වසර වේ. සිත් ඇදගන්නාසුළු වීඩියෝ, ප්‍රබල ඡායාරූප සහ පොහොසත් ග්‍රැෆික්ස් ගුණාත්මක දෘශ්‍ය අන්තර්ගතය සඳහා දිශාව සකසයි.

ගුණාත්මක ග්‍රැෆික්ස් භාවිතා කිරීමේ ප්‍රතිලාභ

• HD තිර සහිත උපාංග භාවිතා කරන්නන් සුදුසු ගුණාත්මක අන්තර්ගතයක් අපේක්ෂා කරයි;
• උසස් තත්ත්වයේ වීඩියෝ නරඹන්නන් වෙබ් අඩවියක ගත කරන කාලය සැලකිය යුතු ලෙස වැඩි කළ හැක;
• නිර්මාණශීලී ප්රවේශයක් නිර්මාණකරුවන්ට අමුත්තන්ගේ මනෝභාවය කෙරෙහි වැඩි පාලනයක් ලබා දෙයි.

1. කොටස් සහ අභිරුචි ඡායාරූප ඒකාබද්ධ කරන්න.

ඇත්ත වශයෙන්ම, අද්විතීය ඡායාරූප වඩා හොඳය, නමුත් සෑම සමාගමකටම ඡායාරූප ශිල්පියෙකු කුලියට ගැනීමට නොහැකිය. සම්මුතියක් ලෙස, ඔබට ඒවා අද්විතීය වන ආකාරයෙන් කොටස් සහ මුල් ඡායාරූප ඒකාබද්ධ කළ හැකිය. ඔබට අවශ්‍ය තේමාව මත කොටස් ඡායාරූප සොයන්න, ඔබේ ලාංඡනය එක් කරන්න, අවශ්‍ය නම් වර්ණ වෙනස් කරන්න, සහ ඔබ අවසන්! ඔබ සන්නම් රූප නිර්මාණය කිරීමට ද්‍රව්‍ය සොයන්නේ නම්, ඔබට Unsplash, Pixabay, හෝ Pexels වෙත පිවිසිය හැක.

2. උසස් තත්ත්වයේ රූප සූදානම් කරන්න.

පූර්ණ-තිර පසුබිම් රූප සහ වීඩියෝ ක්ෂණිකව පරිශීලකයින්ගේ අවධානය අල්ලා ගන්නා අතර අවම වෙබ් අඩවි සඳහා පරිපූර්ණ ඉදිරිපත් කිරීමක් ලෙස සේවය කරයි.

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

3. SVG හෝ raster graphics?

Raster graphics Formats (.jpg, .gif, .png) ස්වදේශීයව නිශ්චිත පික්සල් විභේදනයක් ඇති අතර, අදිශ ග්‍රැෆික්ස්වල ගුණාත්මකභාවය නැති නොවී තිරයට ගැළපෙන පරිදි වර්ධනය වීමට හෝ හැකිලීමට හැකිය.

අද්විතීය ග්‍රැෆික්ස් සඳහා SVG භාවිතා කරන්න, ඡායාරූප සඳහා, විභේදනයේ දැඩි ලෙස සීමිත පික්සල සංඛ්‍යාවක් සහිත raster ආකෘති හොඳම වේ. එවැනි අරමුණු සඳහා හොඳ විභේදනයක් සහිත ඡායාරූප උපකරණ මිලදී ගැනීම වැදගත් වේ.

4. ශීර්ෂවල වීඩියෝ පසුබිම.

සාමාන්‍ය අන්තර්ජාල වේගය වැඩි වන විට වීඩියෝ පසුබිම් ජනප්‍රිය වෙමින් පවතී. ඒවා භාවිතා කිරීමෙන් පුද්ගලයන් ඔබේ වෙබ් අඩවියේ ගත කරන කාලය දීර්ඝ කළ හැක. කරුණාකර පහත කරුණු සටහන් කරන්න:

තත්පර 10-30 ක වීඩියෝ කොටස් සිත් ඇදගන්නා අන්තර්ගතය සහ වේගවත් පිටු පැටවීමේ වේගය අතර හොඳ සමතුලිතතාවයක් ඇති කරයි;

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

වීඩියෝව වෙබ් අඩවියට ඇතුළු වූ පළමු තත්පරයේ සිට පරිශීලකයින් ආකර්ෂණය කරයි, එය භාවිතා කිරීමට බරපතල හේතුවක් ලෙස සේවය කරයි.

රූප සටහන්

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

රූප සටහන් භාවිතා කිරීමේ ප්‍රතිලාභ

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

1. පිරිසැලසුමේ සමස්ත තේමාව සමඟ නිදර්ශනය සම්බන්ධීකරණය කරන්න.

වෙබ් නිර්මාණයේ නිදර්ශන අයිකන සහ අනෙකුත් ද්විතියික මූලද්‍රව්‍ය ආකාරයෙන් ආරම්භ විය. ඔබට මෙම විලාසය ප්‍රමුඛස්ථානයට ගෙන ඒමට අවශ්‍ය නම්, ඔබ එය සැලසුම් සහ අන්තර්ගතය අනුව වෙබ් අඩවියේ ප්‍රධාන තේමාව සමඟ ඒකාබද්ධ කළ යුතුය.

2. නිර්මාණාත්මක බලපෑම් එකතු කරන්න.

නිදර්ශන නිර්මාණකරුවන්ට නිර්මාණාත්මක බලපෑම් භාවිතා කිරීමට වැඩි නිදහසක් ලබා දෙයි, මේ දෙක විශේෂයෙන් ජනප්රියයි:

සජීවිකරණ - ඒවා සෑම විටම නිදර්ශන සමඟ අත්වැල් බැඳගනී;

ස්ථර - ඒවායේ බහුකාර්යතාව නිසා, රූපයට ගැඹුර එකතු කිරීම සඳහා ස්ථර හඳුන්වා දීමෙන් බලපෑම් සරල කිරීමට නිදර්ශන ඔබට ඉඩ සලසයි.

3. උපදෙස් සහ අත්පොත් වල නිදර්ශන භාවිතා කරන්න.

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

4. නිදර්ශනවල පැතලි මෝස්තරයක් භාවිතා කරන්න.

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

නිගමන

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

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

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

සෑම වසරකම තමන්ගේම ප්රවණතා ගෙන එයි. අලෙවිකරණ ගුරු නියෝජිතායතනයේ ප්‍රධාන සංවර්ධක Artyom Ponomarev වෙබ් නිර්මාණකරණයේ ප්‍රධාන ප්‍රවණතා බෙදා ගත්තේය.

අනුවර්තන පිරිසැලසුම සහ UI සැකිලි

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

මොසෙයික් නිර්මාණය

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

පෙළ වෙනුවට ග්‍රැෆික්ස්

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

නිමක් නැති අනුචලනය

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

අන්තර් ක්රියාකාරී අන්තර්ක්රියා

බහුමාධ්ය අන්තර්ගතය

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

අලෙවිකරණ ගුරු සමාගම යනු අන්තර්ජාල ව්‍යාපෘති සංවර්ධනය කිරීම සහ ක්‍රියාත්මක කිරීම පිළිබඳ විශේෂීකරණය වූ පූර්ණ-සේවා ආයතනයකි. සමාගමේ කණ්ඩායමට විශේෂිත විශේෂඥයින් ඇතුළත් වේ. සමාගම විසින් සාර්ථකව ක්රියාත්මක කරන ලද ව්යාපෘති 530 කට වඩා ඇත.

වෙබ් නිර්මාණය වෙනස් කරන්නේ කුමක්ද?

ඔබ ප්‍රවණතා පුරෝකථනය කිරීමට පෙර, වෙබ් නිර්මාණය වෙනස් වන්නේ මන්දැයි තේරුම් ගැනීම වැදගත්ය.

තාක්ෂණයන්:වෙබ් අඩවි නිර්මාණය සහ භාවිතය යන දෙකටම අදාළ පවතින තාක්ෂණයන් සහ මෙවලම්වල වැඩිදියුණු කිරීම් නිර්මාණකරුවන්ගේ සහ සංවර්ධකයින්ගේ හැකියාවන් බෙහෙවින් තීරණය කරයි.

පරිශීලකයන්:වෙබ් අඩවි නරඹන්නන්, නිර්මාණකරුවන් සහ සංවර්ධකයින් පවතින තාක්‍ෂණය භාවිතා කරන ආකාරය වෙබ් නිර්මාණ කර්මාන්තය වෙනස් කරයි, එය වඩාත් පොරොන්දු වූ ප්‍රවණතාවලට අනුවර්තනය වීමට බල කරයි.

වෙනත් නිර්මාණාත්මක අංශ:වෙනත් නිර්මාණාත්මක ක්ෂේත්‍රවලින් නවීන අයිතම (වැනි ආලේඛ සැලසුමසහ උසස් විලාසිතා) අවසානයේ වෙබ් නිර්මාණ කර්මාන්තයේ කොටසක් බවට පත් වන අතර අනෙක් අතට. නිර්මාණශීලිත්වය වර්ධනය වන්නේ අදහස් මිශ්‍ර කිරීම සහ ගැලපීම හරහා වන අතර එමඟින් ඔබට හැඟීම් වඩාත් හොඳින් ප්‍රකාශ කිරීමට සහ රසවත් විසඳුම් ඉදිරිපත් කිරීමට ඉඩ සලසයි.

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

අනුවර්තන වෙබ් නිර්මාණය (ප්‍රතිචාරාත්මක වෙබ් නිර්මාණය; RWD), ඕනෑම උපාංගයක එකම HTML කේතය පූරණය කිරීම සහ වෙනස් කිරීමට CSS භාවිතා කිරීම ඇතුළත් වේ. පෙනුමකිසියම් උපාංගයක විශේෂතා සැලකිල්ලට ගනිමින් පිටු ජංගම උපාංග සඳහා වෙබ් අඩවි ප්‍රශස්ත කිරීමේදී භාවිතා කිරීම සඳහා Google විසින් නිර්දේශ කරන ලද පොදු තාක්ෂණයකි. පහත ලැයිස්තුවේ ඇති බොහෝ ප්‍රවණතා RWD ට අනුපූරක වන වෙබ් නිර්මාණ සඳහා ප්‍රවේශයන් පිළිබිඹු කරන්නේ එබැවිනි.

2016 සඳහා වන ප්‍රවණතා ලැයිස්තුව පහත පරිදි වේ:

අවමවාදය සහ පැතලි නිර්මාණය 2.0

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

අවමවාදයේ දර්ශනය සමඟ ඉතා හොඳින් ගැලපෙන වෙබ් නිර්මාණය සඳහා ජනප්රිය ප්රවේශයක් වන්නේ ඊනියා පැතලි නිර්මාණය (එනම් පැතලි නිර්මාණය) ය. දැන් වඩාත්ම අදාළ වන්නේ පැතලි 2.0 ස්වරූපයෙන් එහි නවතම අවතාරයයි.

පැතලි 2.0 හි මූලධර්ම පිළිබඳ විශිෂ්ට අදහසක් ලබා දෙයි Google Material Design: වෙබ් අඩවියක් සමඟ අන්තර් ක්‍රියා කිරීමට පරිශීලකයින්ට දෘශ්‍ය ඉඟි සපයන සෙවනැල්ල, ආලෝකය සහ චලනය පිළිබඳ සිත්ගන්නාසුලු නාට්‍යයක් සහිත ද්‍රව්‍යමය ලෝකයේ පිළිබිඹුවකි.

ජාලක, සෘණ අවකාශය, විචිත්‍රවත් වර්ණ, සහ විස්මිත හැඩතල වැනි ප්‍රධාන සංරචක අර්ථය සහ ධුරාවලිය ප්‍රකාශ කරයි, ගැඹුරු පරිශීලක නියැලීමේ විභවය නිර්මාණය කරයි.

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

වින්ටේජ් විලාසිතාව 80 ගණන්වල කෙළින්ම

විශාල පරිගණක සහ විශාල වර්ණවත් යුගයක් ජංගම දුරකථන, 80 දශකයේ සහ 90 දශකයේ මුල් භාගයේ විහිදෙන, වර්ධනය වන පැරණි විලාසිතාවේ ප්‍රවණතාවය වැලඳ ගන්නා වෙබ් නිර්මාණකරුවන් සඳහා ප්‍රධාන පෙළේ මූලාශ්‍රයකි. පික්සලේටඩ් අයිකන සහ පෙළ, මන්දාකිණි පසුබිම්, අන්තර්ක්‍රියාකාරී චලනය වන තරු සහ ග්‍රහලෝක - මේ සියල්ල 2016 දී වෙබ් නිර්මාණ ක්‍ෂේත්‍රයේ වඩාත්ම කැපී පෙනෙන ප්‍රවණතා වලින් එකක් වනු ඇත.

අන්තර්ක්‍රියාකාරී සහ ගිලී ගිය අත්දැකීම්

ස්වභාවයෙන්ම මිනිසුන් කතා කිරීමට හා සවන් දීමට කැමතියි. හොඳ කතා. HTML5 කැන්වස් මූලද්‍රව්‍යයේ මැජික්, CSS3 සජීවිකරණ සහ සංක්‍රාන්ති, නවීන JavaScript API (WebGL සහ Greensock වැනි) සහ දෘඪාංග ත්වරණයේ බලයට ස්තූතිවන්ත වන අතර, වෙබය හරහා කියනු ලබන කතන්දර වඩාත් ගිලී සහ අන්තර්ක්‍රියාකාරී වනු ඇත.

ජංගම උපාංග භාවිතයෙන් අන්තර්ජාලයේ සැරිසැරීමේ ව්‍යාප්තිය පරිශීලකයන් දිගු අනුචලනයට හුරු වීමට හේතු වී තිබේ. විශිෂ්ට කථා පැවසිය හැකි සහ ඔවුන්ගේ අන්තර්ගතය සමඟ පරිශීලකයින් සම්බන්ධ කර ගත හැකි වෙබ් නිර්මාණකරුවන්ට පාදකය දක්වා අනුචලනය කිරීමට පරිශීලකයින්ට හැකි වේ.

විචිත්‍රවත්, අද්විතීය නිදර්ශන සහ නිරූපණ

ඉහළ පික්සල් ඝනත්ව මොනිටරවල පැමිණීම පෙන්නුම් කර ඇත්තේ සම්මත රූප ආකෘති සෑම විටම භාවිතයට සුදුසු නොවන බවයි. නවීන අන්තර්ජාලය. .jpg සහ .png ගොනු භාවිතය වෙබ් අඩවියේ සෞන්දර්යය පිරිහීමට ලක්වන Retina සංදර්ශක මත pixelation ඇති විය හැක.

නවීන බ්‍රව්සර් මගින් සහය දක්වන SVG (Scalable Vector Graphics) ආකෘතිය සහ අයිකන සහිත පහසුවෙන් ක්‍රියාත්මක කළ හැකි අකුරු භාවිතයෙන් මෙම ගැටළුව විසඳා ගත හැක. මෙම මූලද්‍රව්‍ය සමඟින්, ඕනෑම තිර විභේදනයක හැපෙනසුළු සහ අලංකාරව පවතින වර්ණවත්, අද්විතීය නිදර්ශන, හැඩකාර අතින් අඳින ලද අයිකන අකුරු සහ SVG අයිකන මත පදනම්ව නුදුරු අනාගතයේ තවත් වෙබ් නිර්මාණ විසඳුම් දැකීමට ඔබට අපේක්ෂා කළ හැක.

අකුරු ප්‍රකාශයක් කරයි

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

අමුත්තන්ට අනන්‍ය සහ භාවිතයට පහසු අකුරු සපයන Google Fonts සහ Typekit වැනි සේවාවන්ට ස්තුතිවන්ත වන්න, වෙබ් නිර්මාණකරුවන් පද්ධති අකුරු කිහිපයක් සමඟ පමණක් වැඩ කිරීමට සීමා වූ කාලය ගෙවී ගොස් ඇත.

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

අධි-විභේදන දර්ශන

වැඩි කරන්න කලාප පළලවෙබය, HTML5 වීඩියෝ මූලද්‍රව්‍ය සඳහා පුළුල් කළ බ්‍රවුසර සහාය, සහ Retina උපාංගවල අධි-විභේදන ග්‍රැෆික්ස් වරණාත්මකව පැටවීමේ නව ක්‍රම සියල්ලම 2016 දී වෙබ් අඩවිවල විශ්මය ජනක, අධි-විභේදන පසුබිම් රූප සහ HD වීඩියෝ භාවිතයේ අඛණ්ඩ වර්ධනයක් දකිනු ඇත.

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

සිනමා ප්‍රවර්ගයේ ප්‍රයෝග ද වැඩි වැඩියෙන් භාවිතා වේ. අඩවි නරඹන්නන්ගේ අවධානය ආකර්ෂණය කරන සජීවිකරණ අංග සමඟ ස්ථිතික රූප නිර්මාණය කිරීමට ඒවා ඔබට ඉඩ සලසයි. මෙම ප්‍රයෝග අලුත්ම ඒවා නොවේ, නමුත් නවතම iPhone වල "Live Photos" හි සාර්ථකත්වය සහ වැඩි වැඩියෙන් බ්‍රවුසරවල HTML5 කැන්වස් මූලද්‍රව්‍ය සඳහා වන සහාය සිනමා ප්‍රයෝග 2016 හි ප්‍රධාන වෙබ් නිර්මාණ ප්‍රවණතාවක් බවට පරිවර්තනය කිරීමට උපකාරී වේ.

වඩාත් නම්‍යශීලී ජාලක පාදක පිරිසැලසුම්

Pinterest ආශ්‍රිත ජාල පිරිසැලසුම් අදටත් ඉතා ජනප්‍රියයි. Minimalism, flat design, සහ ජාල භාවිතා කිරීමට පහසු කරන Bootstrap වැනි ජනප්‍රිය ඉදිරිපස රාමු, මේ සියල්ල ව්‍යුහගත, ජාලක පදනම් වූ වෙබ් පිරිසැලසුම්වල ජනප්‍රියත්වය ඉහළ යාමට දායක වේ.

2016 දී, නම්‍යශීලී ජාලක පදනම් වූ පිරිසැලසුම් වල ජනප්‍රියතාවයේ වැඩි වීමක් ඔබට අපේක්ෂා කළ හැකිය. පරිශීලක නියැලීම සහ අන්තර්ගතයේ අන්තර්ක්‍රියාකාරිත්වය වැඩි කිරීමට වෙබ් නිර්මාණකරුවන්ගේ අභිලාෂය වඩාත් නම්‍යශීලී ජාලක පාදක පිරිසැලසුම් වෙත මාරුවීමක් සහ සම්භාව්‍ය විකල්පයන්ගෙන් ඈත් වීමට හේතු වේ.

නිගමනයක් වෙනුවට

ඉහත ලැයිස්තුගත කර ඇති වෙබ් නිර්මාණ ප්‍රවණතා එකිනෙකට අනුපූරක වන අතර, වෙබ් අඩවි නිර්මාණය වඩාත් විවිධාකාර, රසවත් සහ අද්විතීය කරයි. නමුත් මෙම ලැයිස්තුව පුළුල් කළ හැකිය. 2016 නිර්වචනය කරනු ඇතැයි ඔබ සිතන්නේ කුමන වෙබ් නිර්මාණ ප්‍රවණතාද?