Apple
තනි නිල් ස්විචයක් සහිත සුදු කාමරයක්
ඇපල් හි සැලසුම සංයමයේ ආකෘතියකි: පාහේ සුදු පැහැති කැන්වසයක්, ප්රමාණවත් සුදු අවකාශයක් සහ සෑම ක්රියාවක්ම හිතාමතාම දැනෙන තනි, විචිත්රවත් නිල් උච්චාරණයක්. ප්රධාන අවධානය යොමු වන්නේ මුද්රණ ශිල්පයයි - SF Pro, ප්රමාණය වැඩි වන විට අඩු වන සෘණ අකුරු පරතරයක් සහිතව, අධික බරකින් තොරව වාස්තු විද්යාත්මක පැහැදිලි බවක් සිරස්තලවලට ලබා දෙයි. නිෂ්පාදනය යනු නිර්මාණයයි: විශාල නිෂ්පාදන ඡායාරූප සහ ජීවන රටා රූප ආධිපත්යය දරන අතර, ක්රෝම් මූලද්රව්ය තුනී රාමු, පාරභාසක සංචාලනය සහ සියුම් රේඛා වලට බැස යයි. ප්රවර්ධන ද්රව්ය සඳහා සම්පූර්ණ වර්ණ කුට්ටි සහිත ලා අළු පසුබිමකට එරෙහිව කොටස් විකල්ප වන අතර, අලංකාර අංගවලට වඩා පරිමාණයේ වෙනස්කම් හරහා රිද්මයක් නිර්මාණය කරයි.
පිටු පිරිසැලසුම යනු ස්ථාවර උපරිම බහාලුම් පළලක් නොමැති සම්පූර්ණ පළල පිටුවකි - කොටස් දාරයේ සිට දාරය දක්වා විහිදෙන අතර, පෙළ කොටස් ආසන්න වශයෙන් 980px හි කේන්ද්රගත වේ. සංචාලනය යනු අනුචලනයේ දිස්වන සෑම නිෂ්පාදනයක් සඳහාම අතිරේක උප ෆෝල්ඩරයක් සහිත තනි, ස්ථාවර ගෝලීය තීරුවකි. ප්රධාන පිරිසැලසුම සැමවිටම මධ්යගත වේ: විශාල නිෂ්පාදන නාමයක්, තනි පේළි ටැග්ලයින් එකක්, පෙති බොත්තම් දෙකක්, පසුව ඉතිරි දර්ශන තොට පුරවන නිෂ්පාදන රූපයක්. කොටස් සිරස් අතට ත්යාගශීලී සිරස් රිද්මයක් (කොටස් අතර 64px+), විකල්ප #f5f5f7 සහ වර්ණවත් පසුබිම් සමඟ ගොඩගැසී ඇත. පහළ පිටුව යනු සම්පූර්ණ පළල සේවා කාඩ්පත්වල තනි තිරස් පේළියකි (Apple TV+, Fitness+, Music, Arcade), ඒ සෑම එකක්ම උඩැතිරි පෙළක් සහ පෙති බොත්තමක් සහිත ඡායාරූප බ්ලොක් එකකි. පැති තීරු නැත, බහු තීරු අන්තර්ගත පිරිසැලසුම් නැත, අසමමිතික සංයුති නොමැත - සියල්ල කේන්ද්රගත, ගොඩගැසී සහ සමමිතික වේ.
ඡායාරූපකරණය ප්රමුඛ දෘශ්ය භාෂාවයි. නිෂ්පාදන ඡායාරූප ගනු ලබන්නේ පිරිසිදු සුදු හෝ මෘදු අළු පැහැති පසුබිමකට එරෙහිව, කිසිදු සන්දර්භයකින් තොරව - උපාංගය තරුව වන අතර, හුදකලා වී ආලෝකමත් වේ. ජීවන රටා ඡායාරූප බොහෝ විට තදින් කපන ලද වස්තූන් සමඟ සම්පූර්ණ පළල බැනර්වල ප්රදර්ශනය කෙරේ. වර්ණ අනුක්රමණ (පැස්ටල් නිල්, රෝස, කොළ) නිෂ්පාදන කොටස් සඳහා පසුබිමක් ලෙස සේවය කරයි, සැරසිලි ලෙස නොවේ. නිරූපක ශිල්පය අවම සහ රේඛා මත පදනම් වූ, 1-2px ඝනකම, පෙළට සමාන අළු පරිමාණයෙන්. නිෂ්පාදන ඡායාරූප හැර, නිදර්ශන නැත, වියුක්ත ග්රැෆික්ස් නැත, 3D විදැහුම්කරණයන් නොමැත.
පැලට්
වෙළඳ නාමය
- Apple Blue
#0071e3— පිරවූ ක්රියා බොත්තම්, තෝරාගත් තත්වයන් - සෑම පෙනුමක්ම අර්ථවත් කිරීමට අරපිරිමැස්මෙන් භාවිතා කරන එකම අන්තර්ක්රියාකාරී වර්ණදේහ වර්ණය. - Link Blue
#0066cc— උද්දීපනය කළ ක්රියා මායිම්, කාවැද්දූ සබැඳි - පිරවූ ටැබ්ලටයක් ඕනෑවට වඩා දීප්තිමත් වන විට Apple Blue වලට වඩා සංතෘප්ත වර්ණයක් භාවිතා වේ. - Signal Blue
#2997ff— සැරසිලි රාමු, රූප දළ සටහන්, නිරූපක මායිම් - පද්ධතියේ ඇති සැහැල්ලු නිල් වර්ණය, පරිශීලක අන්තර්ක්රියාව සඳහා නොව වායුගෝලය සඳහා භාවිතා වේ.
උදාසීන
- Carbon
#1d1d1f— ප්රධාන පෙළ, ශීර්ෂ මායිම්, සංචාලන රේඛා, කාඩ්පත් මායිම් - ප්රමුඛ තීන්ත වර්ණය උණුසුම් බවක් සහිත කළු පැහැයෙන් යුක්ත වේ. - Frost
#f5f5f7— පිටු කැන්වසය, ප්රධාන පෙළ පසුබිම සහ පාදක මතුපිට ඇපල් හි අත්සන ලා අළු පැහැයෙන් යුක්ත වන අතර පිරිසිදු සුදු පැහැයට වඩා ටිකක් සිසිල් ය. - Ice
#f4f8fb— ප්රකාශන මතුපිට පිරවුම්, සියුම් වර්ණ, අඳුරු පසුබිමක බොත්තම් පෙළ - කැපී පෙනෙන ලෙස නොපෙන්වා කොටස ප්රාණවත් කරන සියුම් නිල් පැහැයක්. - Smoke
#333333— ද්විතියික පෙළ, සංචාලන පිරවීම, බොත්තම් මායිම් - මධ්යම අළු පැහැයට වඩා වැඩි පන්ච් අවශ්ය වන මායිම් සහ අයිකන සඳහා බහුකාර්ය උදාසීන වර්ණයකි. - Graphite
#474747— සංචාලන පෙළ, සංචාලන මායිම්, සබැඳි මායිම් - මූලද්රව්ය ධූරාවලිය තුළ කාබන් සහ දුම අතර අතරමැදි ස්ථානයක් ගනී. - Ash
#707070— පාදක පෙළ, ලැයිස්තු මායිම්, සංචාලන මායිම්, නිහඬ කළ අන්තර්ගත පෙළ - තිබිය යුතු නමුත් කැපී පෙනෙන නොවන අන්තර්ගතය සඳහා මධ්යම අළු පැහැයක්.
මුද්රණ ශිල්පය
12 සිට 56px දක්වා · පියවර 8 යි
- SF Pro Display — ආදේශනය: Inter · දළ සටහන් 400, 600, 700 · සිරස්තල සහ විශාල පෙළ—40px+ ප්රමාණ පටු විවරයක් සහ ශක්තිමත් සෘණ ලුහුබැඳීමක් සඳහා සංදර්ශක ආකෘතියක් භාවිතා කරයි; 700 වෙළඳ දැන්වීම් පිරිසැලසුම් සඳහා වෙන් කර ඇති අතර, 400 කතුවැකි අන්තර්ගතයේ නිෂ්පාදන නම් සඳහා වේ.
- SF Pro Text — ආදේශනය: Inter · දළ සටහන් 300, 400, 600 · අන්තර්ගත පෙළ, සංචාලනය, බොත්තම්, උපමාතෘකා — ක්රියාකාරී අකුරු; අන්තර්ගත පෙළ සඳහා 400, උපමාතෘකා සහ සුදුසුකම් ලත් ලේබල සඳහා 300, සංචාලන මූලද්රව්ය සහ බොත්තම් පෙළ සඳහා 600; සෘණ අකුරු පරතරය ප්රමාණයට සමානුපාතිකව අඩු වේ (-0.022em සිට 12px සිට -0.01em සිට 44px දක්වා).
අන්තරයන් සහ ආකෘතිය
| අරමුණ | අර්ථය |
|---|---|
| ඝනත්වය | සාමාන්යය |
| මූලික පියවර | 12px |
| බොත්තම් අරය | 980px |
| කාඩ් පතේ අරය | 8px |
| සෙවනැලි | සෙවනැලි වෙනුවට මායිම් නැත |
| කොටස් අතර | 64px |
| පිටු පළල | 1440px |
AI ඔබේ වෙබ් අඩවිය Apple ශෛලියෙන් ගොඩනගා එය පුරවනු ඇත.
- Instagram, TikTok, Facebook යන සබැඳිය හරහා නිෂ්පාදන සහ පළ කිරීම් පුරවන්න.
- ඔබගේ පැරණි අඩවියෙන් අන්තර්ගතය මාරු කරන්න—ලිපිනය පමණක් සඳහන් කරන්න.
- හොඳම එන්ජිම මත නවීන නිර්මාණය: සේවාදායක විදැහුම්කරණය සහ SEO ප්රශස්තිකරණය සමඟින් React ( Next.js).
- සෙවුම් ප්රතිඵල සහ ස්නායු ජාල නිර්දේශ සඳහා සම්පූර්ණයෙන්ම ස්වයංක්රීය SEO ප්රශස්තිකරණය.
සමාන විලාස
- Ui — මැට් කඩදාසි මත සායනික සැලැස්ම
- ElevenLabs — සියුම් සිරස්තල සහිත උණුසුම් ක්රීම් වර්ණවලින් යුත් ඡායාරූප රචනයක්. බවුහවුස් විලාසිතාවේ සටහන් පොතක් - බිත්තර කටු පැහැති කඩදාසි, කළු තීන්ත සහ නිෂ්පාදන ප්රදර්ශනය සඳහා තනි දම් සහ තැඹිලි උච්චාරණයක්.
- monopo saigon — කතුවැකි නිශ්ශබ්දතාවය පිටුපස ඇති ද්රව, දීප්තියෙන් පිරුණු දිලිසීමක් - උණු කළ ආලෝකය මත පාවෙන ඒකවර්ණ කතුවැකි ගැලරිය
- Awesomic — කොන්ෆෙට්ටි සිහිගන්වන තැඹිලි පැහැති විරාම ලකුණු සහිත කතුවැකි සින්ක් දැලක්
- Monad — උණුසුම් පාච්මන්ට් පිළිබඳ කතුවැකි තාක්ෂණික සඟරාව
- Dub — ලින්ක් හි මැට් සහල් කඩදාසි පාලන පැනලය
- Seline Analytics — උණුසුම් කඩදාසි මත නිහඬ විශ්ලේෂණ මේසයක්
- Ventriloc — උණුසුම් කඩදාසි මත දත්ත පිළිබඳ කතුවැකි නිරීක්ෂණාගාරයක් - ඒකවර්ණ නිරවද්යතාවය ඉස්මතු කරන තනි තැඹිලි පැහැති ගිනි අඟුරු.
- Duolingo — සුදු කඩදාසි මත සෙල්ලක්කාර පන්ති සුරතලා
- Stripe — හිම සහිත වීදුරුවක් මත ඉන්ඩිගෝ තීන්තෙන් ලියා ඇති ගිණුම් පොතක්
- Notion — දහවල් හිරු එළියේ උණුසුම් කඩදාසි සටහන් පොතක්
- Hyer Aviation — පාච්මන්ට් එක මත නියමු කුටියේ සන්ධ්යාව. සුදුමැලි උදාවන අහස ෆියුස්ලේජ් ප්රමාණයේ සෙරිෆ් ලාංඡනයට අනුරූප වන අතර, තනි උණුසුම් මැටි උච්චාරණයක් ඒකවර්ණ සීමාව බිඳ දමයි.