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 ප්‍රශස්තිකරණය.
සමාන විලාස
- Studio — චලනය වන ගැලරි බිත්තියක්. සෑම තිරයක්ම නිහඬ, අළු පැහැති ප්‍රදර්ශන මතුපිටක් නිරූපණය කරයි, එහිදී මුද්‍රණ ද්‍රව්‍ය සහ අතිච්ඡාදනය වන නිර්මාණාත්මක කෘති අවධානය සඳහා තරඟ කරයි.
- Mollie — කැෂ්මියර් කවුන්ටරයක්, අඳුරු ලෙජරයක්. කළු පෙළ වටා කතුවැකි නිර්මාණය සඳහා ප්‍රමාණවත් සුදු ඉඩක් තබන්න, ඉන්පසු උණුසුම් ක්‍රීම්, එස්ප්‍රෙසෝ දුඹුරු සහ සැබෑ ගෙවීම් ක්‍රමවල ස්පර්ශ ඡායාරූප සමඟ නිෂ්පාදන ආශ්‍රිත කරුණු ශක්තිමත් කරන්න.
- Basis Theory — සැලසුම් මැදිරියේ ගෙවීම් පර්යන්ත. සුදු තාක්ෂණික කඩදාසි, අතිච්ඡාදනය වන පාරභාසක ගනුදෙනු ස්ථර සහ තනි ටර්කියුයිස් පාලන අංගයක් දෘශ්‍ය දිශාව නිර්වචනය කරයි.
- CleanShot X — නිල් පැහැති ඩෙස්ක්ටොප් එකක් සහිත චිත්‍රාගාරයක්. සංයුක්ත කළු පෙළ වටා සන්සුන් සුදු අවකාශයක් සාදන්න, ඉන්පසු පොහොසත් නිල් පාලක සහ ස්ථර Mac නිෂ්පාදන රූප ප්‍රධාන ස්ථානයට ගැනීමට ඉඩ දෙන්න.
- Modern Treasury — ප්‍රස්ථාර කඩදාසි මත භාණ්ඩාගාර ලෙජරයක්. සියුම් රේඛා, ලේබල් කරන ලද නෝඩ් සහ නිරවද්‍ය, සැඟවුණු පාලනයන් සමඟ මුදල් ප්‍රවාහයන් පෙන්වන නිහඬ, සුදු මෙහෙයුම් පත්‍රිකාවකට සමාන පිටු සාදන්න.
- Basha-Franklin — සුදු පැහැති ලින්ටලයක් යටින් ගැලරි ජාලයක්. මුද්‍රිත ගෘහ නිර්මාණ කළඹක් මෙන් පෙනෙන ඡායාරූප මත පදනම් වූ උණුසුම් #f4ede6 පැහැයක්, සියුම් කළු ව්‍යුහයක් සහ අසමමිතික තීරු භාවිතා කරන්න.
- Bajgart Office — කතුවැකි ගැලරි බිත්තිය. ක්‍රෝම් ආලේපිත අතුරුමුහුණත් අංගවලට වඩා සියුම් සෙරිෆ් අකුරු සහ කළඹ කොටස් වැඩි දෘශ්‍ය බරක් දරන විශාල සුදු ඉඩක් භාවිතා කරන්න.
- Heptabase — හිරු එළියෙන් ආලෝකමත් වූ මේසයක්. උණුසුම්, කඩදාසි වැනි මතුපිට, අඟුරු පැහැති පාලන සහ පර්යේෂණ සඳහා පාවෙන කවුළු මෘදුකාංග පාලක පැනලයකට වඩා සංවිධානාත්මක වැඩබිමක හැඟීමක් ඇති කරයි.
- Bejamas — පිජාමා - කළු වීදුරු හරහා ඇසිඩ් දෙහි. මතුපිට ඡේදනය වන නොපැහැදිලි කොළ පැහැති ආලෝක රේඛා ඇති ආකර්ශනීය කළු පැනල් මගින් බාධා කරන ලද සන්සුන්, ලා අළු කතුවැකි පිටු සාදන්න.
- Baba — රතු හිරු එළියේදී සැලකිලිමත් සටහන්. සමීප සුදු, රෝස සහ ක්‍රීම් තොරතුරු පෘෂ්ඨයන් වටා පුළුල් රතු ආඛ්‍යාන ඉරි සාදන්න, චිත්තවේගීය මධ්‍යස්ථානය ලෙස පුද්ගලයින්ගේ ඡායාරූප භාවිතා කරන්න.
- Grafana Labs — සන්රයිස් සිග්නල් ස්ටේෂන් හි පාලක මැදිරිය. අළු-සුදු පැහැති නිහඬ වැඩබිමක් පුළුල්, වර්ණ හතරකින් යුත් ක්ෂිතිජ අනුක්‍රමණයක් සහ නිරවද්‍ය නිල් අතුරුමුහුණත් සංඥා සමඟ ඒකාබද්ධ වේ.
- Kagi — වෙනම කියවීමේ කාමරයක්. නිස්කලංක භාවය බිඳ දැමීම සඳහා සියුම් දම් පැහැති උච්චාරණ සහ උණුසුම් පැස්ටල් මතුපිට භාවිතා කරමින් තද පැහැති මිනිරන් පෙළ වටා විවෘත සුදු අවකාශයක් සාදන්න.