லேஅவுட் வடிவமைப்பில் தேர்ச்சி பெறுவது எப்படி

காட்சி வடிவமைப்பின் அடிப்படைகளைக் கற்றுக்கொள்வதற்கான முழு வழிகாட்டி.

மில்லியன் டாலர் கேள்வி: நல்ல வடிவமைப்பின் ரகசியம் என்ன?

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

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

Linda Gaom, Behance

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

லேஅவுட் டிசைன் என்றால் என்ன?

லேஅவுட் டிசைன் என்பது வாசகரின் கவனத்தை ஈர்ப்பதற்காகவும், ஒரு குறிப்பிட்ட செய்தியை பார்வைக்கு ஈர்க்கும் விதத்தில் தெரிவிப்பதற்காகவும் வரைகலை கூறுகளின் அமைப்பைப் பற்றியது. .

எனவே நாங்கள் பேசவில்லைஓய்வு இடம், மற்ற கூறுகள் திசையை வழங்குகின்றன.

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

கொள்கை #5. கான்ட்ராஸ்ட்டைப் பயன்படுத்தவும்

உங்கள் வடிவமைப்பில் போதுமான மாறுபாடு இருப்பதை உறுதிப்படுத்திக் கொள்ளுங்கள்.

கான்ட்ராஸ்ட் உங்கள் வடிவமைப்பை ஒழுங்கமைக்க உதவுகிறது மற்றும் மிகவும் தேவையான படிநிலையை நிறுவி முக்கியமானவற்றிற்கு முக்கியத்துவம் கொடுக்கும்.

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

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

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

ஆதாரம்: IAG நல்லிணக்க செயல் திட்டம்

கொள்கை #6. திரும்பத் திரும்ப, முறை, தாளம்

மீண்டும் திரும்புவதைப் பற்றி நினைக்கும் போது, ​​நாம் நினைக்கிறோம்மீண்டும் மீண்டும் ஒரே உறுப்பு.

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

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

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

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

ஆதாரம்: Thepentool.co

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

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

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

தொடங்குவதற்கு வெக்டார்னேட்டரைப் பதிவிறக்கவும்

உங்கள் வடிவமைப்புகளை அடுத்த கட்டத்திற்கு எடுத்துச் செல்லவும்.

கோப்பைப் பதிவிறக்கவும் லோகோ வடிவமைப்பு பற்றி இங்கே. ஆனால் செய்தித்தாள்கள், பத்திரிகைகள், சுவரொட்டிகள் மற்றும் அவற்றின் டிஜிட்டல் பிரதிகள், இணையம், பயன்பாடு அல்லது UX/UI வடிவமைப்பு போன்ற அச்சுப் பொருட்களின் வடிவமைப்பு.

‘தளவமைப்பு’ என்ற சொல் நமக்கு நிறைய குறிப்புகளைத் தருகிறது. இது ஒரு பக்கத்தில் முன்னரே தீர்மானிக்கப்பட்ட கூறுகளின் ஏற்பாட்டைக் குறிக்கிறது.

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

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

தளவமைப்பு வடிவமைப்பின் நோக்கம்

ஒரு செய்தியை விரைவாக தெரிவிக்க

இது முக்கியமானது. அதிகபட்ச செயல்திறன் மற்றும் தாக்கத்திற்கான கண் இயக்கத்தின் சீரான ஓட்டத்தை அடைவதற்கு கிராஃபிக் சொத்துக்களுக்கு இடையேயான தொடர்பை லேஅவுட் டிசைன் நிறுவுகிறது.

சமநிலையை உருவாக்குவதற்கு

தளவமைப்பு வடிவமைப்பின் கொள்கைகளைப் பயன்படுத்தி உருவாக்குவது மிகவும் எளிமையான வழியாகும். உங்கள் வடிவமைப்பு திட்டங்களில் சலிப்பு ஏற்படாமல் சமநிலை மற்றும் சமச்சீர் உணர்வு.

ஒத்திசைவை உருவாக்க

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

அழகை உருவாக்க

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

ஃபிராங்க் பிலிப்பின் எழுதிய 'நான் ஒரு வடிவமைப்பு மாணவனாக இருந்தேன்: பிறகு - இப்போது.' ஆதாரம்: DesignBoom

தளவமைப்பு வடிவமைப்பின் கூறுகள்

உரை

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

படம்

படங்களின் மிகவும் பொதுவான வகைகள் புகைப்படங்கள், விளக்கப்படங்கள் அல்லது இன்போ கிராபிக்ஸ் ஆகும்.

வடிவங்கள்

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

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

வெள்ளை இடைவெளி

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

கொள்கை #1. கிரிட்களைப் பயன்படுத்தவும்

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

ஆதாரம்: hgmlegal.com

மேலும் பார்க்கவும்: உங்கள் வடிவமைப்புகளில் இயற்கையான வண்ணத் தட்டுகளை எவ்வாறு தழுவுவது

கட்டங்களின் உடற்கூறியல்

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

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

ஆதாரம்: ராட்வர்சிட்டி

கட்டங்களின் வகைகள்

அமைப்பு கட்டங்கள் முதலில் பயன்படுத்தப்பட்டன. காகிதத்தில் கையெழுத்து.

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

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

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

>இந்த வகைப்பாட்டின் அடிப்படையில், உலகளவில் ஐந்து முக்கிய வகையான தளவமைப்பு கட்டங்கள் பயன்படுத்தப்படுகின்றன, அதை நீங்கள் நம்பலாம்:

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

ஆதாரம்: UXplanet

ஆதாரம்: Radversity

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

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

ஆதாரம்: UX Planet

ஆதாரம்: Radversity

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

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

ஆதாரம்: UXPlanet

Source: Radversity

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

அடிப்படை கட்டங்கள் உங்கள் உரைக்கு ஒரு பாயும் தாளத்தை வழங்க உதவுகின்றன.

ஆதாரம்: UX Planet

ஆதாரம்: Fragaria

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

ஆதாரம்: UX பிளேன்

கொள்கை #2. எதிர்மறை இடத்தைப் பயன்படுத்தவும்

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

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

நல்ல மற்றும் மோசமான எதிர்மறை இடம்

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

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

உங்கள் பார்வையாளரின் கவனத்திற்கு எல்லாம் கத்தினால், எதுவும் கேட்கப்படாது.

– ஆரோன் வால்டர், 'வடிவமைப்பு உணர்ச்சி'

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

லோகோவை பெரிதாக்குமாறு வாடிக்கையாளர் எப்போதாவது உங்களிடம் கேட்டாரா? பின்னர் தலைப்பை இன்னும் பெரிதாக்க வேண்டுமா?

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

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

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

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

Bloomberg Businessweek க்காக Braulio Amado வடிவமைத்துள்ளார், ஆதாரம்: இது நன்றாக இருக்கிறது

ஆனால் ஒரு மையப்புள்ளி உங்கள் பார்வையாளர்களின் கவனத்தை ஈர்க்கும் போது, அடுத்த விதி அதை வழிநடத்த உதவும்.

கொள்கை #4. அருகாமை மற்றும் ஓட்டத்தைப் பற்றி சிந்தியுங்கள்

அருகாமையின் கொள்கை எளிமையானது. ஒன்றுக்கொன்று தொடர்புடைய கூறுகள் ஒன்றாக இணைக்கப்பட்டுள்ளதை உறுதிசெய்யவும்.

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

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

ஆதாரம்: சடோரி கிராபிக்ஸ்

நல்ல ஓட்டத்துடன் கூடிய வடிவமைப்பு பார்வையாளர்களின் பார்வையை தளவமைப்பு முழுவதும், உறுப்பு முதல் உறுப்பு வரை, எளிதாக வழிநடத்தும். உங்கள் மைய புள்ளிகள் கண்ணை இழுத்து ஆகிவிடும்

மேலும் பார்க்கவும்: ஃபோட்டோஷாப்பில் பின்னணியை எவ்வாறு அகற்றுவது