உங்கள் தளத்தை உருவாக்கும் முன் கருத்தில் கொள்ள வேண்டிய 2016 வலைத்தள வடிவமைப்பு போக்குகள்

dk new media தளம் 1

வலைத்தள பயனர்களுக்கு தூய்மையான, எளிமையான அனுபவத்தை நோக்கி நிறைய நிறுவனங்கள் நகர்வதை நாங்கள் கண்டிருக்கிறோம். நீங்கள் ஒரு வடிவமைப்பாளராக இருந்தாலும், டெவலப்பராக இருந்தாலும் அல்லது வலைத்தளங்களை விரும்பினாலும், அவர்கள் அதை எவ்வாறு செய்கிறார்கள் என்பதைப் பார்த்து நீங்கள் ஏதாவது கற்றுக்கொள்ளலாம். ஈர்க்கப்படுவதற்கு தயாராகுங்கள்!

  1. அனிமேஷன்

ஒளிரும் gif கள், அனிமேஷன் செய்யப்பட்ட பார்கள், பொத்தான்கள், சின்னங்கள் மற்றும் நடனம் வெள்ளெலிகள் ஆகியவற்றைக் கொண்ட வலையின் ஆரம்ப, அழகிய நாட்களை விட்டு வெளியேறுவது, அனிமேஷன் என்பது இன்று கதைசொல்லலை மேம்படுத்துவதோடு சிறந்த பயனர் அனுபவத்தை வழங்கும் ஊடாடும், பதிலளிக்கக்கூடிய செயல்களை உருவாக்குவதாகும்.

பணக்கார அனிமேஷனின் எடுத்துக்காட்டுகளில் ஏற்றுதல் அனிமேஷன்கள், வழிசெலுத்தல் மற்றும் மெனுக்கள், ஹோவர் அனிமேஷன்கள், காட்சியகங்கள் மற்றும் ஸ்லைடு காட்சிகள், மோஷன் அனிமேஷன், ஸ்க்ரோலிங் மற்றும் பின்னணி அனிமேஷன் மற்றும் வீடியோக்கள் ஆகியவை அடங்கும். முன்மொழிவு மேலாண்மை தளமான பீகலில் இருந்து இந்த தளத்தைப் பாருங்கள்:

பீகிள் அனிமேஷன் வலைத்தளம்

பீகலின் அற்புதமான ஜாவாஸ்கிரிப்ட் மற்றும் சிஎஸ்எஸ் அனிமேஷனைக் காண நீங்கள் கிளிக் செய்க.

பணக்கார அனிமேஷனை மைக்ரோ இன்டராக்ஷனிலும் காணலாம். எடுத்துக்காட்டாக, சென்டர் இல், ஒரு பயனர் விருப்பங்களின் நுட்பமான பாப் அப் மெனுவுக்கு ஒரு அட்டையின் மீது வட்டமிடலாம், பின்னர் கதையைத் தவிர்க்க அல்லது பிற நடவடிக்கைகளை எடுக்கலாம்.

GIF அனிமேஷன்கள் (மகிழ்ச்சியுடன்?) மீண்டும் எழுந்துள்ளன, மேலும் நகைச்சுவை, ஆர்ப்பாட்டங்கள் மற்றும் அலங்காரத்திற்காக கூட பல வேறுபட்ட நோக்கங்களுக்காகப் பயன்படுத்தப்படலாம்.

  1. பொருள் வடிவமைப்பு

பொருள் வடிவமைப்பு, கூகிள் உருவாக்கிய வடிவமைப்பு மொழி, அச்சு அடிப்படையிலான வடிவமைப்பு-அச்சுக்கலை, கட்டங்கள், இடம், அளவு, நிறம் மற்றும் படங்களின் பயன்பாடு போன்றவற்றை நம்பியுள்ளது response அதனுடன் பதிலளிக்கக்கூடிய அனிமேஷன்கள் மற்றும் மாற்றங்கள், திணிப்பு மற்றும் விளக்குகள் மற்றும் நிழல்கள் போன்ற ஆழமான விளைவுகள் மிகவும் யதார்த்தமான, ஈடுபாட்டுடன் மற்றும் ஊடாடும் பயனர் அனுபவத்தை வழங்குகிறது.

மெட்டீரியல் டிசைன் நிழல், இயக்கம் மற்றும் ஆழத்தைப் பயன்படுத்தி பல மணிகள் மற்றும் விசில் இல்லாமல் யுஎக்ஸ் மேம்படுத்துவதில் கவனம் செலுத்தி சுத்தமான, நவீன அழகியலை வழங்குகிறது.

பொருள் வடிவமைப்பின் பிற எடுத்துக்காட்டுகள் விளிம்பில் இருந்து விளிம்பில் உள்ள படங்கள், பெரிய அளவிலான அச்சுக்கலை மற்றும் வேண்டுமென்றே வெள்ளை இடம் ஆகியவை அடங்கும்.

யூடியூப் ஆண்ட்ராய்டு பொருள் வடிவமைப்பு மறுவடிவமைப்பு கருத்து

  1. தட்டையான வடிவமைப்பு

மெட்டீரியல் டிசைன் மினிமலிசம் என்ற கருத்தாக்கத்திற்கு ஒரு அணுகுமுறையை வழங்கும் அதே வேளையில், பிளாட் டிசைன் சுத்தமான வரிகளை விரும்புவோருக்கு சிறந்த தேர்வாக உள்ளது. அதாவது, தட்டையான வடிவமைப்பு பெரும்பாலும் மிகவும் யதார்த்தமான, உண்மையான மற்றும் வசதியான டிஜிட்டல் தோற்றமாகக் காணப்படுகிறது.

விண்வெளி ஊசி

வெள்ளை இடம், வரையறுக்கப்பட்ட விளிம்புகள், துடிப்பான வண்ணங்கள் மற்றும் 2 டி - அல்லது “பிளாட்” - கோட்பாடுகளின் அடிப்படையில், தட்டையான வடிவமைப்பு பல்துறை பாணியை வழங்குகிறது, இது வரிச் சின்னங்கள் மற்றும் நீண்ட நிழல்கள் போன்ற நுட்பங்களை அடிக்கடி பயன்படுத்துகிறது.

தரையிறங்கும்

  1. பிரித்த திரைகள்

விளம்பரப்படுத்த உங்களுக்கு இரண்டு சமமான முக்கிய பகுதிகள் இருக்கும்போது அல்லது புகைப்படங்கள் அல்லது மீடியாவுடன் உள்ளடக்கத்தை வழங்க விரும்பினால், பிளவு திரைகள் ஒரு வேடிக்கையான மற்றும் தைரியமான பயனர் அனுபவத்தை வழங்குவதற்கான சிறந்த புதிய வழியாகும்.

பிளவு-திரை

பயனர்கள் தங்கள் உள்ளடக்கம் மற்றும் அனுபவத்தைத் தேர்வுசெய்ய அனுமதிப்பதன் மூலம், பார்வையாளர்களை நுழைய ஊக்குவிக்கும் ஒரு போர்டல் வகை அனுபவத்தை நீங்கள் உருவாக்கலாம்.

பிளவு-திரை-கடல்

  1. Chrome ஐ கைவிடுகிறது

கிளாசிக் கார்களில் குரோம் பம்பர்கள் மற்றும் அலங்காரங்களைக் குறிப்பிடுவதன் மூலம், “குரோம்” என்பது ஒரு வலைத்தளத்தின் கொள்கலன்களான மெனுக்கள், தலைப்புகள், அடிக்குறிப்புகள் மற்றும் எல்லைகள் ஆகியவற்றைக் குறிக்கிறது - அவை முக்கிய உள்ளடக்கத்தை இணைக்கின்றன.

குரோம் நேரம்

இது கவனத்தை சிதறடிக்கும், மேலும் பல நிறுவனங்கள் கொள்கலன்களிலிருந்து விடுபட்டு, எல்லைகள், தலைப்புகள் அல்லது அடிக்குறிப்புகள் இல்லாத சுத்தமான, விளிம்பில் இருந்து விளிம்பில் தளவமைப்புகளை உருவாக்கத் தேர்வு செய்கின்றன.

குரோம்-முன்னோக்கி

 

  1. மடிப்பை மறந்து விடுங்கள்

“மடிப்புக்கு மேலே” என்பது ஒரு செய்தித்தாளின் முதல் பக்கத்தின் மேல் பாதிக்கான செய்தித்தாள் வாசகங்கள். செய்தித்தாள்கள் பெரும்பாலும் மடிக்கப்பட்டு பெட்டிகளிலும் காட்சிகளிலும் வைக்கப்படுவதால், மிகவும் பயனுள்ள உள்ளடக்கம் மடிப்புக்கு மேலே சென்று ஒரு சாத்தியமான வாசகரைப் (மற்றும் அவர்களின் பணப்பையை) பிடுங்குவதற்கான சிறந்த வாய்ப்பை அளிக்கிறது.

ஸ்க்ரோலிங் சுமையாக இருந்தது என்ற கொள்கையின் அடிப்படையில் மடிப்பு என்ற கருத்தை வலைத்தள வடிவமைப்பு நீண்ட காலமாகப் பயன்படுத்துகிறது. ஆனால் சமீபத்தில், முழுத்திரை படங்கள் மற்றும் உள்ளடக்கம் ஒரு பயனரை வாழ்த்துகிறது மற்றும் கூடுதல், மேலும் ஆழமான உள்ளடக்கத்தை வெளியிட ஸ்க்ரோலிங் ஊக்குவிக்கிறது.

விதைப்பகுதி

  1. முழுத்திரை வீடியோ

பார்வையாளர்களின் கவனத்தை ஈர்க்க வீடியோ ஒரு சிறந்த வழியாகும், மேலும் இது பெரும்பாலும் காட்சிகள் அல்லது உரையை விட மிகவும் பயனுள்ளதாக இருக்கும். ஆப்பிள் வாட்சிற்காக ஆப்பிள் பயன்படுத்திய வீடியோக்கள் போன்ற லூப்பிங் வீடியோக்கள் ஒரு தொனியை அமைத்து பார்வையாளர்களை உள்ளே இழுக்க ஒரு தனித்துவமான வழியாகும்.

Highbridge

பார்க்க கிளிக் செய்க Highbridgeஅவர்களின் முகப்பு பக்கத்தில் வீடியோ

வலை வடிவமைப்பைப் பொறுத்தவரை, உங்கள் தொழில், முக்கியத்துவம், இலக்கு சந்தை மற்றும் உள்ளடக்கம் ஆகியவற்றால் நிறைய குறிப்பிட்ட கூறுகள் கட்டளையிடப்படும். உங்கள் தளவமைப்பு பார்வையாளர்கள் எதை எதிர்கொள்கிறது மற்றும் உங்கள் செய்திக்கு மிகவும் அர்த்தமுள்ளதாக இருக்கும். ஆனால் இந்த போக்குகள் இருப்பதால், நீங்கள் செய்ய வேண்டியதைச் செய்யும் ஒரு கட்டாய வலைத்தளத்தை உருவாக்க உங்களுக்கு தேவையான அனைத்தையும் நீங்கள் பெறுவீர்கள், மேலும் நேரங்களை எவ்வாறு கடைப்பிடிப்பது என்பது உங்களுக்குத் தெரியும் என்பதை இது காட்டுகிறது.

நீங்கள் என்ன நினைக்கிறீர்கள்?

இந்த தளம் ஸ்பேமைக் குறைக்க Akismet ஐப் பயன்படுத்துகிறது. உங்கள் கருத்துத் தரவு எவ்வாறு செயல்படுத்தப்படுகிறது என்பதை அறியவும்.