தளவமைப்பு மற்றும் கலவை: தளவமைப்பு, கட்டம் மற்றும் காட்சி படிநிலை

ஆதாயங்கள்:

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

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

ஏன் AI தனியாக லேஅவுட் செய்ய முடியாது?

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

கலவையின் அடிப்படைக் கொள்கைகள்

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

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

படிப்படியாக ஒரு தளவமைப்பை அமைக்கவும்

1. நோக்கத்தைத் தீர்மானிக்கவும்: இந்த வடிவமைப்பு என்ன செய்ய வேண்டும்? (அறிவிப்பு, விற்பனை, தகவல்). முன்னுரிமை வரிசையை தீர்மானிக்கிறது.
2. உள்ளடக்க இருப்பு: தலைப்பு, மாற்று உரை, படம், லோகோ, அழைப்பு (பொத்தான்/CTA) என்ன?
3. ஒரு படிநிலையை நிறுவவும்: மிக முக்கியமான உறுப்பை வலுவான நிலையிலும் அளவிலும் வைக்கவும்.
4. கட்டத்தைத் தேர்ந்தெடுக்கவும்: நீங்கள் உறுப்புகளை சீரமைக்கும் நெடுவரிசை கட்டமைப்பைத் தீர்மானிக்கவும்.
5. AI உடன் படத்தை உருவாக்கவும்: பின்னணி/உறுப்பை பொருத்தமான விகிதத்தில், உரைக்கான இடத்துடன் உருவாக்கவும்.
6. வடிவமைப்பு திட்டத்தில் சீரமைக்கவும்: உரை, லோகோ, அழைப்பு ஆகியவற்றை சீரமைக்கவும்; இடைவெளிகளை அமைக்கவும்.
7. சோதனை: பெரிதாக்கவும், தூரத்திலிருந்து பார்க்கவும், முதலில் கண் எங்கு செல்கிறது என்பதைச் சரிபார்க்கவும்.

கண்களை இயக்குவதற்கான நடைமுறை நுட்பங்கள்

கலவை உண்மையில் கண்ணை இயக்கும் கலை. பார்வையாளரின் பார்வை எதேச்சையாக அலைவதில்லை; இது சில அறிகுறிகளைப் பின்பற்றுகிறது மற்றும் ஒரு நல்ல வடிவமைப்பாளர் அவற்றை உணர்வுபூர்வமாகப் பயன்படுத்துகிறார். முதலில் அளவு மற்றும் மாறுபாடு: மிகப்பெரிய மற்றும் மிகவும் மாறுபட்ட உறுப்பு முதலில் கண்ணை ஈர்க்கிறது, எனவே மிக முக்கியமான செய்தியை அங்கே வைக்கவும். இரண்டாவது முன்னணி கோடுகள்: படத்தில் உள்ள இயற்கையான கோடுகள் (ஒரு பாதை, ஒரு கையின் அடைப்பு, ஒரு மேசையின் விளிம்பு) ஒரு குறிப்பிட்ட புள்ளிக்கு கண்ணைக் கொண்டு செல்கின்றன; இந்த வரிகள் முடிவடையும் இடத்தில் தயாரிப்பு அல்லது தலைப்பை வைப்பது விளைவை அதிகரிக்கிறது. மூன்றாவதாக, இடைவெளியுடன் வலியுறுத்தல்: ஒரு உறுப்பைச் சுற்றி பெரிய வெற்று இடம் அந்த உறுப்பை தனித்து நிற்கச் செய்கிறது - நெரிசலான பக்கத்தில் தனியாக நிற்கும் வார்த்தை சக்தி வாய்ந்தது. நான்காவது, படிக்கும் திசை: பெரும்பாலான கலாச்சாரங்களில், கண் "Z" அல்லது "F" வடிவத்தில் மேல் இடமிருந்து கீழ் வலதுபுறமாக பயணிக்கிறது; எனவே லோகோவை மேல் இடதுபுறத்திலும், அழைப்பு (பட்டன்) கீழ் வலதுபுறத்திலும் வைப்பது ஒரு உள்ளுணர்வு ஓட்டத்தை உருவாக்குகிறது. AI உடன் பின்புலத்தை உருவாக்கும் போது, ​​இந்த நுட்பங்களை உங்கள் உடனுக்குடன் கொண்டு வரலாம்: "கீழே இடமிருந்து மேல் வலது பக்கம் இயக்கும் ஒரு கலவை" அல்லது "மையத்தில் ஒற்றை உறுப்பு, அதைச் சுற்றி பரந்த இடம்" போன்றவை. இதனால், படம் அழகாக மாறுவது மட்டுமல்லாமல், செய்தியை சரியான வரிசையில் தெரிவிக்கும் கருவியாகவும் மாறும்.

வடிவம் - சிறப்பு கவனம்

ஒவ்வொரு ஊடகத்திற்கும் அதன் சொந்த விதி உள்ளது: Instagram இடுகை 1:1 அல்லது 4:5, கதை 9:16, வலை பேனர் 16:9. பாதுகாப்பான மண்டலத்தின் கருத்து முக்கியமானது: முக்கியமான கூறுகளை விளிம்பிலிருந்து உள்ளே வைக்கவும், அதனால் அவை கிளிப் செய்யப்படாமல் அல்லது இடைமுக உறுப்புகளின் கீழ் (கதையில் சுயவிவரம், பொத்தான்கள்). அச்சிடுவதில், ஒரு இரத்தப்போக்கு தேவைப்படுகிறது: வெட்டு விளிம்பில் வெள்ளைக் கோடுகளைத் தவிர்க்க விளிம்பிலிருந்து வடிவமைப்பை சிறிது நீட்டிக்க.

மூன்று சிறிய வழக்குகள்

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

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

வழக்கு 3 - அச்சு இரத்தப்போக்கு. இரத்தம் சிந்தாமல் ஒரு சிற்றேடு அச்சிடப்பட்டது; விளிம்புகளில் மெல்லிய வெள்ளைக் கோடுகள் தோன்றி 300 துண்டுகள் அகற்றப்பட்டன (தோராயமாக 1,200 TL இழந்தது). அடுத்த வேலை வடிவமைப்பில் 3 மிமீ இரத்தம் சேர்க்கப்பட்டது; வெட்டு சுத்தமாக வெளியே வந்தது.

நகலெடுக்கக்கூடிய வார்ப்புருக்கள்

1) உரைக்கான இடைவெளி பின்னணியை உருவாக்குதல்:

[மீடியா] வடிவமைப்பிற்கான பின்னணி படத்தை உருவாக்கவும். விகிதம்: [1:1 / 9:16 / 16:9]. மேல் மூன்றாவது இடத்தை வெறுமையாகவும் காலியாகவும் வைக்கவும் (தலைப்புக்காக). பிராண்ட் தொனி: [பெயரடைகள்]. படிக்கக்கூடிய உரை/லோகோவை இடுதல். வண்ணங்கள் தட்டுக்கு பொருந்தும்: [வண்ணங்கள்].

2) படிநிலை திட்டம்:

பின்வரும் வடிவமைப்பிற்கான காட்சி படிநிலை திட்டத்தை உருவாக்கவும். நோக்கம்: [அறிவிப்பு/விற்பனை/தகவல்]. கூறுகள்: [தலைப்பு, மாற்று உரை, படம், லோகோ, அழைப்பு]. ஒவ்வொரு உறுப்புக்கும் முக்கியத்துவம், பரிந்துரைக்கப்பட்ட நிலை மற்றும் ஒப்பீட்டு அளவு ஆகியவற்றைக் கொடுக்கவும். கண் பின்பற்றும் பாதையை விவரிக்கவும் (ஃபோகல் → இரண்டாம் நிலை).

3) கட்டம் மற்றும் சீரமைப்பு பரிந்துரை:

பின்வரும் உள்ளடக்கத்திற்கான எளிய கட்டம் மற்றும் சீரமைப்புத் திட்டத்தைப் பரிந்துரைக்கவும்: [உள்ளடக்கப் பட்டியல்], விகிதம் [x]. நான் எத்தனை நெடுவரிசைகளைப் பயன்படுத்த வேண்டும், உறுப்புகளை எவ்வாறு சீரமைக்க வேண்டும், எவ்வளவு இடத்தை (மார்ஜின்) விட வேண்டும்? அதை எளிமையாகவும் சமநிலையாகவும் வைத்திருங்கள்.

4) தளவமைப்பு கட்டுப்பாடு:

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

பலவீனமான வரியில் / வலுவான வரியில்

பலவீனம்: தள்ளுபடி பேனர் படத்தை உருவாக்கி 50% என்று சொல்லுங்கள்.

முடிவு: AI சிதைந்த "50%" ஐ எழுதுகிறது, உறுப்புகள் சீரற்ற முறையில் அமைக்கப்பட்டன, நீங்கள் உரையைத் திருத்த முடியாது; பயன்படுத்த முடியாது.

சக்தி வாய்ந்தது: விற்பனைப் பிரச்சாரத்திற்கான பின்னணி படத்தை உருவாக்கவும்: 4:5 விகிதம், சூடான ஆற்றல்மிக்க டோன்கள், மேல் இடதுபுறத்தில் உரைக்கான பெரிய வெற்று இடம், கீழ் வலதுபுறத்தில் தயாரிப்பு. படிக்கக்கூடிய உரையை இடுதல்; வடிவமைப்பு திட்டத்தில் தலைப்பு, "50%" தகவல் மற்றும் பட்டனை சீரமைப்பேன்.

முடிவு: உரைக்கு இடமளிக்கும் திருத்தக்கூடிய, படிநிலை பின்னணி.

வித்தியாசம்: வலுவான அணுகுமுறை AI இலிருந்து உரையைப் பிரிக்கிறது, இடைவெளி மற்றும் விகிதாச்சாரத்தைத் திட்டமிடுகிறது மற்றும் வடிவமைப்பாளரிடம் அமைப்பை விட்டுவிடுகிறது.

கலவை கொள்கைகளின் அட்டவணை

கொள்கை

என்ன வழங்குகிறது

நடைமுறை குறிப்பு

படிநிலை

வாசிப்பு வரிசை

மிக முக்கியமானதை மிகப்பெரிய/மாறாக மாற்றவும்

சீரமைப்பு

ஒழுங்கு உணர்வு

கண்ணுக்கு தெரியாத கோடுகளை வரிசைப்படுத்துங்கள்

கட்டம்

நிலைத்தன்மை

நெடுவரிசை அமைப்பைப் பயன்படுத்தவும்

விண்வெளி

வாசிப்புத்திறன்

சுருக்க, சுவாசத்தை விடுவித்தல்

பாதுகாப்பான பகுதி

கிளிப்பிங் இல்லை

பொருட்களை விளிம்பிலிருந்து உள்ளே வைக்கவும்

இரத்தப்போக்கு

சுத்தமான அச்சு

இது விளிம்பை 3 மிமீ கொண்டு செல்கிறது

பொதுவான தவறுகள்

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

சுருக்கமாக

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

விண்ணப்ப பணி

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

சரிபார்ப்பு பட்டியல்

• [ ] நோக்கம் மற்றும் உள்ளடக்க இருப்பு ஆகியவற்றை நான் தீர்மானித்தேன்.
• [ ] நான் ஒரு காட்சி படிநிலை திட்டத்தை அமைத்தேன்.
• [ ] உரைக்கான இடைவெளி மற்றும் சரியான விகிதத்துடன் படத்தைத் தயாரித்துள்ளேன்.
• [ ] நான் வடிவமைப்பு திட்டத்தில் உள்ள உரை மற்றும் கூறுகளை சீரமைத்தேன்.
• [ ] நான் பாதுகாப்பான பகுதி மற்றும் இரத்தப்போக்கு விளிம்பை (அச்சிடப்பட்டிருந்தால்) கவனித்தேன்.
• [ ] நான் அதை சிறியதாக்கி ஃபோகஸ் பாயிண்டை சோதித்தேன்.