Apple (España)

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

ஆப்பிளின் தயாரிப்புப் பக்க வடிவமைப்பு, அச்சுக்கலையின் தாராள மனப்பான்மைக்கு ஒரு சிறந்த எடுத்துக்காட்டாகும்: மங்கலான வெள்ளை நிறப் பின்னணியில் மிதக்கும் பிரம்மாண்டமான SF Pro Display தலைப்புகள், ஒவ்வொரு வார்த்தையையும் திட்டமிட்டுப் பயன்படுத்தியது போன்ற உணர்வைத் தரும் பரந்த வெள்ளை இடைவெளியால் சூழப்பட்டுள்ளன. இதன் வண்ணத் தொகுப்பு ஏறக்குறைய ஒற்றை வண்ணமுடையது—உரை #1d1d1f வண்ணத்திலும், கேன்வாஸ் #ffffff மற்றும் #f5f5f7 வண்ணங்களுக்கு இடையில் மாறி மாறியும் உள்ளன—இதில் ஊடாடும் தருணங்களுக்காக மட்டுமே பிரத்தியேகமாக ஒதுக்கப்பட்ட ஒரே ஒரு நீல நிறத் தனித்துவம் (#0071e3) இடம்பெற்றுள்ளது. வண்ணங்கள் தயாரிப்புப் படங்களிலேயே (மென்மையான வண்ணங்களில்) இடம்பெற்றுள்ளன, ஒருபோதும் அலங்கார UI கூறுகளாக இல்லை. கூறுகள் சட்டகமற்றவை: 28px ஆரம் கொண்ட வட்டமான அட்டைகள், பக்கத்தின் விளிம்புகளைத் தொடும் மாத்திரை வடிவ பொத்தான்கள், இவற்றில் கண்ணுக்குத் தெரியும் கொள்கலன்களோ அல்லது நிழல்களோ இல்லை. பிரிப்பான்கள் அல்லது எல்லைகளால் அல்லாமல், மாறி மாறி வரும் வெள்ளை மற்றும் சாம்பல் நிறப் பட்டைகளால் ஒரு சீரான தன்மை உருவாக்கப்படுகிறது.

பிரிவுகள் பக்கத்தின் முழு அகலத்தையும் ஆக்கிரமித்து, தாராளமான இடைவெளியுடன் (சுமார் 40-100 பக்கங்கள்) விளிம்பிலிருந்து விளிம்பு வரை நீண்டுள்ளன. ஒவ்வொரு பட்டையிலும் அதிகபட்ச உள்ளடக்க அகலம் திறம்பட மையப்படுத்தப்பட்டுள்ளது. முக்கிய உறுப்பு ஒரு மையப்படுத்தப்பட்ட அடுக்காகும்: புருவம் போன்ற லேபிள், பெரிதாக்கப்பட்ட தலைப்பு, ஒரு ஒற்றைச் செயல் அழைப்பு பொத்தான், ஒரு விலை வரிசை, பின்னர் காட்சிப் பகுதியின் அடிப்பகுதியை நிரப்பும் ஒரு தயாரிப்புப் படம். பிரிவுகள் ஒரு தொடர் வடிவத்தைப் பின்பற்றுகின்றன: பட்டையின் உள்ளே இடதுபுறம் சீரமைக்கப்பட்ட ஒரு தலைப்பு, அதைத் தொடர்ந்து தயாரிப்பு விளக்கங்களுடன் கூடிய இரண்டு-பத்தி அமைப்பு (இடதுபுறத்தில் உரை/வலதுபுறத்தில் படம் அல்லது மாறி மாறி), அட்டைகளின் மூன்று-பத்தி கட்டம், அல்லது மையப்படுத்தப்பட்ட காட்சிப் பெட்டி. உள்ளடக்கத்தின் தாளம், 100-100 செ.மீ செங்குத்து இடைவெளிகளுடன் மாறி மாறி வரும் வெள்ளை மற்றும் மூன்று-வண்ணப் பின்னணிகளால் முழுமையாகக் கட்டுப்படுத்தப்படுகிறது—பிரிப்பான்கள் இல்லை, உறுப்புகளைக் கொண்ட அட்டைகள் இல்லை. உலகளாவிய வழிசெலுத்தல் ஒரு ஒற்றை, நிலையான பட்டையாகும். தயாரிப்பு விவரக்குறிப்புப் பிரிவுகள் தாராளமான இடைவெளியுடன் முழு-அகலப் பட்டைகளைப் பயன்படுத்துகின்றன, அங்கு உரை ஒரு பரந்த காட்சிப் பகுதிக்கு எதிராக குறுகிய பத்திகளில் (~560px) மையப்படுத்தப்பட்டுள்ளது.

ஆப்பிளின் காட்சி மொழி முதன்மையாக தயாரிப்புப் புகைப்படக்கலையாகும்: வாழ்க்கை முறைச் சூழலோ அல்லது திட்டமிட்டு உருவாக்கப்பட்ட காட்சிகளோ இல்லாமல், முற்றிலும் வெள்ளை அல்லது வண்ணப் பின்னணியில் வன்பொருளின் நெருக்கமான காட்சிகள். பிரதான படத்தில், வெளிர் பச்சை நிற மேக்புக் நியோவை கைகள் பிடித்திருப்பது காட்டப்பட்டுள்ளது—மனித அம்சம் இரண்டாம் பட்சமாக, உணர்ச்சியைக் காட்டிலும் அளவையும் அமைப்பையும் வெளிப்படுத்துகிறது. தயாரிப்பு மாறுபாடுகள் பிரிவுகளில், இரண்டு சாதனங்கள் ஒரே மாதிரியான அலங்கார வண்ணப் பின்னணியில் (இளஞ்சிவப்பு, பச்சை, வெள்ளி, வான நீலம்) அருகருகே வழங்கப்படுகின்றன; ஒவ்வொரு அட்டையும் தயாரிப்பு மையத்தில் இருக்கும் ஒரு தட்டையான வண்ணப் புலமாகும். விவரக் காட்சிகள் நடுநிலையான பின்னணியில் மிக நெருக்கமான காட்சிகளைப் (மடிக்கணினியின் கீல், கேமரா பகுதி) பயன்படுத்துகின்றன. விளக்கப்படங்களோ, அருவ வரைகலைகளோ, அலங்காரப் படங்களோ இல்லை—தயாரிப்பே காட்சி அம்சமாக உள்ளது. சின்னங்கள் எங்கும் நிறைந்திருக்கின்றன—ஆப்பிள் சிஸ்டம் சின்னத் தொகுப்பிலிருந்து எடுக்கப்பட்ட, SF சிம்பல்ஸ் பாணியில் 1.5–2px தடிமன் கொண்ட ஒற்றை வண்ணக் கோட்டுச் சின்னங்கள். புகைப்படக்கலை எப்போதும் உயர்-ஒளி முறையில் செய்யப்படுகிறது: சீரான, நிழலற்ற ஒளியமைப்பு, தயாரிப்பை ஒரு முப்பரிமாணப் பொருளாகக் காட்டாமல், ஒரு வரைகலை வடிவமாகக் குறைக்கிறது.

ஆன்லைன் ஸ்டோர்மோனோக்ரோம்

https://www.apple.com/macbook-neo

வண்ணத் தட்டு

பிராண்ட்

Electric Blue #0071e3 — பயனர் இடைமுகத்தில் உள்ள ஒரே வண்ண சிறப்பம்சம், வண்ணமிடப்பட்ட செயல் பொத்தான்களே ஆகும்; இவை செயல் அழைப்புகளுக்காக மிகக் குறைவாகவே பயன்படுத்தப்படுகின்றன.
Link Blue #0066cc — உள்ளமைந்த உரை இணைப்புகள், அம்புக்குறிகள் மற்றும் செவ்ரான்களுடன் கூடிய இணைப்புகள்.
Citrus Gradient #3b3b23 — இந்தத் தயாரிப்பின் தனித்துவமான அம்சமாக மாறியுள்ள ஒரு மாற்றுப் பூச்சு முறை, அடர் நிற அடித்தளம் மஞ்சள்-பச்சை நிறப் பொலிவுகளாக மங்குவதாகும்.

நடுநிலை

Primary Ink #1d1d1f — தலைப்புகள், முக்கிய உரை மற்றும் பொத்தான் லேபிள்கள் அனைத்துப் பரப்புகளிலும் பிரதான முன்புற வண்ணமாக உள்ளன; முக்கிய தயாரிப்புப் படத்தின் பின்னணியானது, மேற்பகுதியில் உள்ள திடமான #1d1d1f வண்ணத்திலிருந்து, ஒரு குரோமேட்டிக் நீல நிறத்திற்குச் சீராக மாறுகிறது.
Mid Gray #707070 — இரண்டாம் நிலை உரை, செயலற்ற வழிசெலுத்தல் நிலை, ஒலியடக்கப்பட்டுள்ள பயனர் இடைமுகக் குறியீடுகள்
Deep Gray #474747 — வழிசெலுத்தல் உரை மற்றும் படக்குறியீடுகள் நடுத்தர எழுத்துருவில் உள்ளன.
Hairline #d6d6d6 — பிரிவுகளுக்கும் பயனர் இடைமுகக் கூறுகளுக்கும் இடையே மெல்லிய எல்லைகள்.
Canvas #f5f5f7 — மாறி மாறி வரும் பகுதிப் பின்னணிகள் - வெள்ளைப் பகுதிகளைப் பிரிக்கும் ஒரு சாம்பல் நிறப் பட்டை.
Paper #ffffff — அட்டையின் மேற்பரப்பு, முதன்மைப் பக்கத்தின் பின்னணி, அடர் பின்னணியில் பொத்தானின் உரை.

அச்சுக்கலை

12 முதல் 96px வரை · 10 படிகள்

SF Pro Display — மாற்று: Inter · வெளிப்புறங்கள் 600, 700 · காட்சிப்படுத்தலுக்கான முதன்மைத் தலைப்புகள் மற்றும் துணைத் தலைப்புகள் — 700 தடிமன், 80–96px அகலம் மற்றும் -1.44px எதிர்மறை எழுத்து இடைவெளியுடன், ஆப்பிளின் தனித்துவமான "வெள்ளையில் மிதக்கும் பிரம்மாண்டமான தலைப்பு" தோற்றத்தை உருவாக்குகிறது. மாற்றுகள்: Inter, system-ui
SF Pro Display — மாற்று: Inter · வெளிப்புறங்கள் 600 · பிரிவுத் தலைப்புகள், அட்டைத் தலைப்புகள், துணைத் தலைப்புகள் - மேலே உள்ள சிறிய தலைப்புகளைப் போலல்லாமல், சற்றே நேர்மறையான எழுத்து இடைவெளியுடன் கூடிய 600 எழுத்துரு அளவு, நடுத்தர அளவுகளில் இதமாகவும் நட்பாகவும் உணரவைக்கிறது.
SF Pro Text — மாற்று: Inter · வெளிப்புறங்கள் 400, 500, 600 · உள்ளடக்க உரை, வழிசெலுத்தல், துணைப் பத்திகள் மற்றும் சிறு தலைப்புகளுக்கு, 17px அளவில் 400 குறியீட்டெண் கொண்ட எழுத்துருவே முதன்மை எழுத்துருவாகப் பயன்படுத்தப்படுகிறது. எதிர்மறை எழுத்து இடைவெளியானது, அதிகத் தகவல் கொண்ட பக்கங்களில் முக்கிய உரையை மேலும் சுருக்கமாக அமைக்க உதவுகிறது.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	அடர்த்தியான
அடிப்படை படி	8-10px
பொத்தான் ஆரம்	980px
அட்டை ஆரம்	28px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	100-120px
பக்க அகலம்	1200px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Apple (España) பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Airbnb — ஒற்றை பவள சிவப்பு புக்மார்க்குடன் கூடிய அமைதியான வெள்ளை கேலரி சுவர்.
Peak Design — காட்சிக்கூடச் சுவர், பகுதியளவு ஒளியூட்டப்பட்டது
Ramp — தலையங்க நிதிப் பிரிவு, ஒற்றை நியான் மார்க்கருடன் கூடிய கருப்பு வெள்ளைப் பக்கங்கள். அந்தப் பிரசுரத்தின் ஏறக்குறைய ஒரே வண்ணமுடைய மேற்பரப்பு, அங்கு ஒற்றைப் பிரகாசமான எலுமிச்சை-பச்சை நிறக் கோடு ஒவ்வொரு ஊடாட்டத்தையும் ஒரு பண சமிக்ஞையாக மாற்றுகிறது.
099 SUPPLY — கருப்பு வெள்ளை பொருட்களால் நிரப்பப்பட்ட ஒரு கலைக்கூடச் சுவர்
Orderful — தொழில்துறை தளவாடக் கட்டுப்பாட்டுத் தொகுப்பு - இது கருப்பு மை மற்றும் அறுவை சிகிச்சை சிவப்பு நிறத்தில் அச்சிடப்பட்ட ஒரு தளவாட அனுப்பீட்டாளர் சரிபார்ப்புப் பட்டியல் ஆகும். இதன் ஒவ்வொரு பக்கமும், ஒரு பணியாளர் ஏதேனும் முக்கியமான விஷயத்தை உரக்கக் கூறுவதற்குப் போதுமான வகையில் எளிமையாக வடிவமைக்கப்பட்டுள்ளது.
Apple (España) — வெள்ளை கேலரி காட்சிப் பெட்டி
teenage engineering — ஸ்டுடியோ விளக்குகளுக்கான தொழிற்துறைப் பட்டியல் - இந்தப் பக்கத்தில் தயாரிப்பு மட்டுமே முக்கியத்துவம் வாய்ந்தது, மற்ற அனைத்தும் அதைச் சுற்றியே விவாதிக்கப்பட்டுள்ளன.
Apple (España) — காலை மூடுபனியில் ஒரு கலைக்கூடச் சாளரம்
Lightship — திறந்த சாலையின் ஒரு திரைப்படக் காட்சிப் படிமம். இதமான கிரீம் நிறக் காட்சிக்கூடச் சுவர்கள், நெருக்கமான இடைவெளிகளில் பொருத்தப்பட்ட பெரிய நிலக்காட்சிப் புகைப்படங்களால் அலங்கரிக்கப்பட்டிருந்தன; சட்டங்களில் மெல்லிய கருப்பு எழுத்துக்கள் மங்கலாகத் தெரிந்தன; புல்வெளியில் எரியும் பெருநெருப்பைப் போல, அந்த ஒற்றை வண்ணத்தை ஓர் பிரகாசமான ஆரஞ்சு நிறத் தீக்குச்சி உடைத்தது.
Custo — பிரம்மாண்டமான எழுத்துருவைக் கொண்ட, உலோகத் துப்பாக்கி நிறத்திலான ஒரு கலைக்கூடம். மங்கிய சாம்பல்-பச்சை வண்ணங்களில் அமைந்த ஒரு காட்சியகம், அங்கு ஒற்றைக் கருமையான பொருளும் 57px எழுத்துருவும் தங்களுக்குத் தாங்களே பேசிக்கொள்கின்றன.
Silencio — மிதக்கும் கலைப்பொருட்களைக் கொண்ட ஓர் வெள்ளை அறை. கதகதப்பான காகிதத்தால் ஆன ஒரு கலைக்கூடக் காட்சி; அதில் ஒவ்வொரு கூறும் எதிர்மறைப் பருமனின் பின்னணியில் தனக்கான இடத்தைப் பிடித்திருக்கிறது, மேலும் அந்த அமைதி என்பது திட்டமிட்டு எடுக்கப்பட்ட ஒரு வடிவமைப்பு முடிவாகும்.
ORYZO AI — ஒரு இருட்டறையைப் பற்றிய புகைப்படக் கட்டுரை. இதமான இருளில் மிதக்கும் ஒரு தனிப் பொருள், வெண்ணிற எழுத்துரு மட்டுமே அதன் ஒரே அலங்காரம்.