IKEA
சூரிய ஒளி நிறைந்த, பிரிக்கப்பட்ட நிலையில் உள்ள ஒரு ஸ்வீடிஷ் தளபாடக் காட்சியகம்
IKEA-வின் இடைமுகம், அதிக மாறுபாடு கொண்ட ஒரு தலையங்கப் பக்கத்தைப் போலத் தோற்றமளிக்கிறது: வெதுவெதுப்பான வெள்ளைப் பின்னணியில் கிட்டத்தட்ட கருப்பு நிற எழுத்துருக்கள், உட்பொதிக்கப்பட்ட செயல் அழைப்புப் பகுதிகளாகச் செயல்படும் தட்டையான மஞ்சள் நிறப் பேனல்களால் பூர்த்தி செய்யப்படுகின்றன. இந்த அமைப்பு வேண்டுமென்றே மிகக்குறைந்த கூறுகளைக் கொண்டதாக வடிவமைக்கப்பட்டுள்ளது—ஒரே ஒரு பிரத்யேக சான்ஸ்-செரிஃப் எழுத்துரு (Noto IKEA) வெறும் இரண்டு தடிமன்களில் (400 மற்றும் 700), ஒவ்வொரு கூறுக்கும் ஒரே ஒரு மூலை ஆரம், மற்றும் நிழல்களோ அல்லது வண்ணச்சாய்வுகளோ இல்லை. இந்தச் செறிவானது ஒரு கட்டமைப்பு சார்ந்ததே தவிர, இது ஒரு குறைந்தபட்சப் போக்கு அல்ல: எதிர்மறை எழுத்து இடைவெளி (தலைப்பில் -0.029em, உள்ளடக்கத்தில் -0.027em) 13px லேபிள்களுக்குக் கூட ஒரு கட்டிடக்கலை சார்ந்த தோற்றத்தை அளிக்கிறது. அட்டைகள் பெரியதாகவும், ஊடக உள்ளடக்கத்தில் கவனம் செலுத்துவதாகவும் உள்ளன; மேம்பட்ட வாசிப்புத்திறனுக்காக, வண்ணச்சாய்வு முதல் கருப்பு வரையிலான உரை மேலடுக்குகளுடன், அவை பெரிய இரண்டு-பத்தித் தொகுதிகளாக அமைக்கப்பட்டுள்ளன. #ffdb00 என்ற மஞ்சள் எழுத்துரு இடைமுகத்திற்கான அனைத்து வேலைகளையும் செய்கிறது—அது அலங்கரிப்பதில்லை, வெறுமனே செயல்படுத்துகிறது.
மையப்படுத்தப்பட்ட உள்ளடக்கக் கொள்கலனுடன் கூடிய முழு அகல வடிவமைப்பு, தோராயமாக 1440px அளவிற்கு மட்டுப்படுத்தப்பட்டுள்ளது. வழிசெலுத்தல் என்பது ஒரு எளிய, ஒட்டாத மேல் பட்டையாகும். இந்தப் பக்கம், தோராயமாக 80px இடைவெளிகளுடன் செங்குத்தாக அடுக்கப்பட்ட கிடைமட்ட அட்டைகளால் கட்டமைக்கப்பட்டுள்ளது. "ஹீரோ" தளவமைப்பு ஒரு பிரிக்கப்பட்ட தளவமைப்பாகும்—2/3 ஊடக அட்டை (படம்) + 1/3 செயலுக்கான அழைப்புடன் கூடிய திடமான மஞ்சள் அட்டை. பக்கத்தின் முக்கிய பகுதி, படங்கள் மற்றும் உரையின் தொகுதிகளை மாறி மாறி கொண்ட, இரண்டு-நெடுவரிசை அட்டைக் கட்டங்களைப் பயன்படுத்துகிறது. உள்ளடக்க அடர்த்தி விசாலமாக உள்ளது, ஒருபோதும் நெருக்கமாக இல்லை. அட்டைகள் தாராளமான இடைவெளியுடன் பெரியவை (குறைந்தபட்சம் தோராயமாக 600x400 பிக்சல்கள்). "காலவரிசை/வரலாறு" பகுதி பெரிய எண்களைக் கொண்டு கட்டத்தைப் பிரிக்கிறது. பக்கவாட்டுப் பட்டி, மெகா-மெனு, சிக்கலான வழிசெலுத்தல் கட்டமைப்பு எதுவும் இல்லை.
காட்சி மொழி முதன்மையாக தயாரிப்பு மற்றும் வாழ்க்கை முறை புகைப்படக்கலையாகும். படத்தொகுப்பு: ஸ்டுடியோவின் கடுமையான வெண்மைக்கு மாறாக, பிரகாசமான, இயற்கையான வெளிச்சம் கொண்ட, பழக்கமான உணர்வைத் தரும் இதமான ஸ்காண்டிநேவிய உட்புறங்கள் பயன்படுத்தப்பட்டுள்ளன. தயாரிப்புடன் மக்கள் ஈடுபடும் காட்சிகளில் (கையில் பிடித்தல், பொருத்துதல், பயன்படுத்துதல்) அவர்கள் தோன்றுகிறார்கள். படங்கள் எப்போதும் அட்டையின் முழு அகலத்தையும் நிரப்புகின்றன, ஒருபோதும் இயற்கையான வடிவங்களுக்கு வெட்டப்படுவதில்லை. உரை உள்ள எந்த அட்டையின் கீழும் சாய்வு கருப்பு மேலடுக்குகள் தோன்றும். தட்டையான விளக்கப்படங்கள் எப்போதாவது இடம்பெறுகின்றன (உதாரணமாக, நீலப்பச்சை, பச்சை மற்றும் ஆரஞ்சு நிறங்களில் கலாச்சார சின்னங்களைக் கொண்ட ஜெர்மனியின் வரைபடம்). புகைப்படங்கள் ஒரு தலையங்கப் பாணியில் எடுக்கப்பட்டுள்ளன: பளபளப்பான ஸ்டாக் புகைப்பட விளைவோ, அதிகப்படியான பகட்டான வண்ணத் திருத்தமோ இல்லை.
வண்ணத் தட்டு
பிராண்ட்
- IKEA Yellow
#ffdb00— செயலழைப்புகளை நிரப்புவதற்கான முக்கிய கூறுகள், சிறப்புப் படங்களைக் கொண்ட அட்டைகளுக்கான பின்னணிகள், பிரதான சாளரத்தில் உள்ள அலங்காரப் பலகைகள் - இவை அனைத்தும் இந்த அமைப்பின் ஒரு தனித்துவமான வண்ணக் கூறாகும்.
நடுநிலை
- Ink Black
#111111— முதன்மை உரை, உள்ளடக்க உரை, தலைப்புகள், முதன்மை எல்லைகள் (851 முறை), சின்னத்தின் வெளிக்கோடு. - Pure White
#ffffff— பக்கப் பின்னணி, அட்டை மேற்பரப்பு, வழிசெலுத்தல் பின்னணி, அடர் பின்னணியில் பொத்தானின் உரை. - Warm White
#fffefb— பொத்தான்கள் மற்றும் அட்டைகளுக்கான சற்றே கிரீம் போன்ற நிறம்—தூய வெள்ளையை விட லேசான வெதுவெதுப்பு—டிஜிட்டல் உலகின் குளிர்ச்சியை உடைக்கிறது. - Steel Gray
#818181— இரண்டாம் நிலை உரை, மங்கலான எல்லைகள், செயலிழந்த சின்ன நிலைகள் - True Black
#000000— அதிகபட்ச மாறுபாடு தேவைப்படும் இடங்களில் SVG ஐகான் நிரப்பல்கள், உள்ளீட்டுப் புல ஓரங்கள் மற்றும் அடர் கருப்பு வண்ணச் சேர்க்கைகள். - Link Blue
#0159a3— வழிசெலுத்தல் மற்றும் முதன்மை இணைப்புகளில் பரவலாகப் பயன்படுத்தப்படும் உரை இணைப்பு நிறம், இந்த அமைப்பில் உள்ள ஒரே நீல நிறமாகும்.
அச்சுக்கலை
13 முதல் 51px வரை · 5 படிகள்
- Noto IKEA — மாற்று: Inter · வெளிப்புறங்கள் 400, 700 · பயன்படுத்தப்பட்ட ஒரே எழுத்துரு IKEA-வின் தனித்துவமான Noto ஆகும். இரண்டு தடிமன் அமைப்பு (400 சாதாரண, 700 தடித்த) வேண்டுமென்றே கட்டுப்படுத்தப்பட்டுள்ளது: சாய்வு எழுத்துகள், நடுத்தர அல்லது மெல்லிய தடிமன்கள் பயன்படுத்தப்படவில்லை. 36–51px அளவில், 700 பாயிண்ட் அளவில் உள்ள தலைப்புகள் முழுமையான பிராண்ட் பாணியை வெளிப்படுத்துகின்றன; 16px அளவில் உள்ள முக்கிய உரை நடுநிலையாக உள்ளது. அளவு அதிகரிக்கும்போது எழுத்துகளுக்கு இடையிலான இடைவெளி குறைந்து, தலைப்புகளுக்கு ஒரு சுருக்கமான மற்றும் கட்டமைப்பு சார்ந்த தோற்றத்தை அளிக்கிறது.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 24px |
| பொத்தான் ஆரம் | 8px |
| அட்டை ஆரம் | 8px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 80px |
| பக்க அகலம் | 1440px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை IKEA பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- MindMarket — வெளிர் மஞ்சள் நிறக் காகிதத்தில் அச்சிடப்பட்ட ஒரு இதமான தேவதைக் கதைப் புத்தகம் - சூரிய ஒளி பட்டு மிருதுவான, ஸ்டிக்கர்கள் ஒட்டிய மேற்பரப்பில், பெரிய 'இன்டர்' தலைப்புகளும் வெட்டி எடுக்கப்பட்ட காகிதக் கதாபாத்திரங்களும் ஒருங்கே காணப்படும் ஒரு நட்பான தலையங்கக் களம்.
- Lamborghini — ஷோரூமில் கருப்பு நிற பாடியுடன், ஸ்பாட்லைட்டுகளின் கீழ் - ஒரு மஞ்சள் கார்
- amp — குளிர்ச்சியான வெள்ளை பின்னணியில் இதமான ஆரஞ்சு நிறம். இந்த வடிவமைப்பு, சூரிய ஒளி நிறைந்த மாடியில் புகைப்படம் எடுக்கப்பட்ட ஒரு உயர்தர உடற்பயிற்சி சாதனத்தை நினைவூட்டுகிறது: ஒரே ஒரு பொருள், ஒரே ஒரு சிறப்பம்சம், எல்லா வேலையையும் செய்யும் ஒரே ஒரு தன்னம்பிக்கையான எழுத்துரு.
- LUNCH — வெதுவெதுப்பான தோல்தாள் மீது வெல்வெட் மேடை
- Microsoft — சில்லறை விற்பனைப் பட்டியல், நீல நிறத்திற்கென ஒரு தனித்துவமான வண்ணத்தைப் பயன்படுத்துகிறது—வெள்ளை நிற ஷோரூம் தரையில் ஒரு சதுர வடிவ இலச்சினை இருப்பதாகவும், அங்குள்ள ஒவ்வொரு வடிவமைப்பு அம்சமும் நீல நிறத்தில் இருப்பதாகவும் கற்பனை செய்து பாருங்கள்.
- Vibrants — வெள்ளை பளிங்குக் கல்லில் வானில் தோன்றும் மருந்தகம் - அடர் நீல மை சாந்து, வானவில்லின் நிறமாலை மருந்து.
- Isla Beauty — அறுவை சிகிச்சை சிவப்பு நிறத்தின் சாயல்களுடன் கூடிய கிரீம் போன்ற மருந்தகப் பாணி—வெதுவெதுப்பான தோல்சுவர் சுவர்கள், அம்பர் நிறக் குப்பிகள், மற்றும் ஒவ்வொரு லேபிளிலும் ஒரு ஒற்றைச் சிவப்பு முத்திரை ஆகியவற்றை எண்ணிப் பாருங்கள்.
- Swap — மின்ட் எடிட்டோரியல் கேலரி: பிரகாசமான லைம் நிறத் தீற்றல்கள் மற்றும் நுட்பமான செரிஃப்களுடன் கூடிய அறைகளில் இலேசான சேஜ் நிறச் சாயல்கள்.
- Cursor — கனன்று கொண்டிருக்கும் கரித்துண்டுகளின் ஒளியில், ஒரு இதமான தோல்பட்டுப் பட்டறை.
- Structured — பிளாஸ்டிசின் போன்ற காகிதத்தில் மறுமலர்ச்சிக் கால கலைக்கூடம்
- Apple (España) — மென்மையான பகல் ஒளியில், அருங்காட்சியகக் காட்சிக்கூடம், இலேசான வண்ணம் பூசப்பட்ட சுவரில் ஒவ்வொரு காட்சிப்பொருளும் ஒரு ஸ்பாட்லைட்டால் ஒளிரூட்டப்பட்ட, வசீகரிக்கும், பாரமற்ற ஒற்றை வெண்மை வெளியாகக் காட்சியளிக்கிறது.
- Amplemarket — சூரிய ஒளி நிறைந்த, வண்ணக் காகிதத் துண்டுகள் சிதறிக் கிடக்கும் ஒரு பணியிடம்