Electronic Materials Office
Փայլող ածուխ ածուխով զարդարված պատկերասրահում
Էլեկտրոնային նյութերի գրասենյակը ուշ գիշերային արհեստանոց է՝ մուգ սև կտավ, մեկ փայլուն նարնջագույն մոխրագույն և շշնջացող տառատեսակ, որը հայտարարում է, այլ ոչ թե հայտարարում: Ինտերֆեյսը յուրաքանչյուր էկրանին վերաբերվում է որպես մթնեցված ստուդիայի. ստեղնաշարի լուսանկարները միակ իրական լույսի աղբյուրն են, և ինտերֆեյսը ենթարկվում է դրան: Վերնագրերը, որոնք տեղադրված են 200 կշռող GT-Flexa-ում, լողում են հսկայական բացասական տարածության մեջ. հիմնական տեքստը միտումնավոր փոքր է և մարդասիրական (Times): Գույնը չափվում է. մաքուր սպիտակ տառատեսակի համար, խամրած մանուշակագույն (#9e9eff) հղումների համար և մեկ նարնջագույն (#f45500) կոչ գործողության էջում, որը փայլում է իր սեփական 30px փայլով: Բաղադրիչները սերտորեն տեղավորվում են 20px շառավղով, սահմանները հազիվ նկատելի են #9d9d9d-ում, և համակարգում միակ ստվերները հիմնական գործողության շուրջ երկու գունավոր լուսապսակներն են:
Լրիվ լայնությամբ, ածխային կտավ՝ կենտրոնացված, առավելագույն լայնությամբ բովանդակությամբ (~1200px): Գլխավոր էկրանը սկսվում է 20px շառավղով մեդիա քարտով, որը պարունակում է ապրանքի տեսանյութ, որը զբաղեցնում է դիտման պատուհանի լայնության մոտավորապես 80%-ը, որին անմիջապես հաջորդում է բազմատող GT-Flexa 200 վերնագիր, որը գրեթե ամբողջությամբ ձգվում է բովանդակության լայնությամբ: Բաժնի ռիթմը. մեկ ապրանքի նկարագրության բաժին՝ Տոբիասի ոճով, ամբողջությամբ մեծատառերով, որին հաջորդում է ապրանքի նկարագրության քարտերի 2x2 ցանց (աշխատասեղանի վրա): Քարտերը օգտագործում են 1px #9d9d9d սահմաններ և 24px ջրահեռացումներ դրանց միջև: Առատ ուղղահայաց շնչառություն. բաժինները բաժանված են 48–128px ածխային բացասական տարածությամբ, այլ ոչ թե բաժանարարներով: Նավիգացիան վերևում խարսխված մեկ, թափանցիկ վահանակ է՝ թաքնված հղումների կլաստերով և Ember-ի գործողության կոչի մեկով: Ոչ մի կողային վահանակ, ոչ մի մեգա-մենյու, ոչ մի երկրորդական նավիգացիա:
Պատկերները միայն ապրանքի ցուցադրման նպատակներով են՝ Altar I ստեղնաշարի խոշորացված մակրո լուսանկար՝ ամբողջովին սև ֆոնի վրա, վերևից լուսավորված, ինչը պատյանը փայլեցնում է, իսկ կոճակները՝ լույսը արտացոլում եզրերի շուրջը։ Ոչ մի կենսակերպ, ոչ մի մարդկային ձեռք, ոչ մի շրջակա միջավայրի համատեքստ։ Պատկերները բարձր կոնտրաստային են և մուգ. մոնոխրոմ պալիտրաից դուրս միակ գույնը ստեղնաշարի վրա գտնվող նարնջագույն միացման կոճակն է, որը արձագանքում է Ember Orange-ի կոչին։ Պատկերները քառակուսի են կամ 16:9, միշտ տեղադրված են 20px շառավղով քարտերի վրա և տարածվում են քարտի եզրերից այն կողմ (լուսանկարի շուրջը լրացում չկա, և տեքստը եզրից ներքև է)։ Պատկերի ոճ. միակ պատկերագրությունը լոգոյից առաջ փոքր լցված շրջան է (●)՝ մեկ նարնջագույն կետ, մոտ 6px հաստությամբ։
Պալիտրա
Բրենդ
- Ember Orange
#f45500— Հիմնական գործողության կոճակը՝ լցոնմամբ, UI-ի միակ քրոմատիկ մակերեսն է, որը միշտ ուղեկցվում է 30px նարնջագույն լուսապսակով, ինչը այն դարձնում է թելիկի պես փայլող։ Հիմնական կանչի կոճակի 30px արտաքին փայլը կրկնօրինակում է Ember Orange վեցանկյունի խորհրդանիշը, բայց գոյություն ունի որպես ստվեր, այլ ոչ թե լցոն, ինչը կոճակը դարձնում է լուսավորված ներսից։
Չեզոք
- Studio Charcoal
#202020— Կտավի և ստվարաթղթե մակերեսները նման են մութ պատկերասրահի հատակին, երբեք լիովին սև չեն լինում, որպեսզի աչքը կարողանա հանգստանալ փափուկ եզրերի վրա։ - Bone White
#ffffff— Հիմնական տեքստ, պատկերների բարակ եզրագծեր և հազվագյուտ շրջված մակերես։ Տառատեսակների ամբողջ հիերարխիան պահպանվում է անկախ։ - Ash Gray
#9d9d9d— Խլացված տեքստը, քարտի նուրբ եզրագծերը և ոչ ակտիվ մակագրությունները գունային սխեմայի միակ միջին մոխրագույնն են, որոնք օգտագործվում են, երբ սպիտակը չափազանց բարձր է։ - Mid Felt
#eaeaea— Բաց մակերեսային լվացում շրջված վահանակների կամ մոդալ ցանցերի համար՝ սպիտակի երանգ, որը տեղակայված է բեժի և մուգ կտավի միջև։ - Carbon
#000000— Ամենաակնառու շեշտադրումը պատկերակային գծերն ու հակապատկեր շրջանակներն են, որտեղ ածխային կտավը չափազանց թեթև է իր ձևը լավ պահելու համար։ - Lavender Link
#9e9eff— Ներկառուցված հղման գույնը և լրացուցիչ գործողության շրջանակի ուրվագիծը մեղմ, սառը հակադրություն են ստեղծում տաք նարնջագույնի հետ, ապահովելով, որ գործողությունները ընթեռնելի լինեն ածխային ֆոնի վրա։
Տպագրություն
16-ից մինչև 86px · 8 քայլ
- GT-Flexa — փոխարինում: Inter (200/400) or Manrope (200/400) · ուրվագծեր 200, 400 · Վերնագրերի և դեկորատիվ տարրերի հիմնական տառատեսակը: 200 կշիռը թույլ է տալիս օգտագործել 24px-ից բարձր բոլոր վերնագրերը. սա ոճի առանձնահատկություն է. 68px և 86px չափսերով տառերը, կարծես, լուծվում են մթնոլորտի մեջ, այլ ոչ թե գոռում: 400 կշիռը հարմար է ենթավերնագրերի և քարտերի մակագրությունների համար, որտեղ դրանք հազիվ լսելի են: Տողերի միջև հեռավորությունը կրճատվել է մինչև 1.0 ամենամեծ չափերի դեպքում, ուստի դեկորատիվ տառատեսակը դասավորվում է միմյանց վրա՝ ինչպես օդի սյուն:
- Tobias-light — փոխարինում: Söhne Buch or Inter Tight · ուրվագծեր 400 · Բաժինների վերնագրերի և ստորին մասի լոգոյի երկրորդական տպագրական ոճ։ Այն օգտագործվում է GT-Flexa 200-ից մեկ աստիճան ցածր՝ տոնային հակադրություն ստեղծելու համար. Tobias-ն ունի ավելի ճարտարապետական, արտահայտիչ զգացողություն, մինչդեռ GT-Flexa-ն ավելի մթնոլորտային է։ Բացասական տառերի միջև հեռավորությունը նեղացնում է Tobias Light-ի լայն համամասնությունները։
- Times — փոխարինում: Source Serif 4 or PT Serif · ուրվագծեր 400 · Հիմնական տեքստը և վերնագրի պարբերությունները միտումնավոր հակադրվում են սերիֆային տառատեսակներին, որոնք օգտագործում են երկրաչափական, դեկորատիվ տառատեսակներ: Սերիֆային տառատեսակները ջերմություն և խմբագրական հեղինակություն են հաղորդում ապրանքի նկարագրություններին՝ առանց գերազանցելու հիմնական տեքստի չափը:
Ժամանակահատվածներ և ձև
| Նպատակ | Նշանակություն |
|---|---|
| Խտություն | խիտ |
| Հիմնական քայլ | 4-8px |
| Կոճակի շառավիղ | 20px |
| Քարտի շառավիղ | 20px |
| Ստվերներ | ստվերների փոխարեն՝ առանց սահմանների |
| Բաժինների միջև | 48-128px |
| Էջի լայնությունը | 1200px |
Արհեստական բանականությունը կկառուցի ձեր կայքը Electronic Materials Office ոճով և կլրացնի այն
- Լրացրեք ապրանքներով և գրառումներով՝ հղումով - Instagram, TikTok, Facebook:
- Տեղափոխեք բովանդակությունը ձեր հին կայքից՝ պարզապես նշեք հասցեն։
- Ժամանակակից դիզայն լավագույն շարժիչի վրա՝ React ( Next.js)՝ սերվերի ռենդերինգով և SEO օպտիմիզացիայով՝ անմիջապես։
- Լիովին ավտոմատացված SEO օպտիմալացում որոնման արդյունքների և նեյրոնային ցանցերի առաջարկությունների համար։
Նմանատիպ ոճեր
- OFFFICE : — նուար պատկերասրահ, որը ծածկված էր մոնոլիտ տառատեսակով
- Bibliothèque — Սև խորանարդաձև պատկերասրահ լուսարձակի տակ՝ միայնակ լուսավորված ափսե հսկայական, մութ դահլիճում
- 21 TSI — Կարմիր դատարկություն, միասնական ուրվագիծ՝ բարձր նորաձևության խմբագրական, որտեղ օգտագործողի ինտերֆեյսը լուծվում է մթնոլորտի մեջ։
- Structured — Վերածննդի պատկերասրահ պլաստիլինե թղթի վրա
- CHAIBOY — Սև պատկերասրահի պատ՝ մեկ լուսավորված լուսանկարով
- Holiday 100 — Կեսգիշերին նվերների պատկերասրահ. սերիֆային վերնագիրը ծառայում է որպես լուսարձակ, մուգ կտավը՝ որպես թավշյա պատ, իսկ յուրաքանչյուր ապրանքի պատկերը կախված է ինչպես ուշադիր ընտրված շրջանակ։
- Apple (España) — Թանգարանի պատկերասրահը, մեղմ ցերեկային լույսի ներքո, միասնական, գրավիչ, անկշիռ սպիտակ տարածք է, որտեղ յուրաքանչյուր ցուցանմուշ լուսավորված է թեթևակի երանգավորված պատի ֆոնին տեղադրված լուսարձակով։
- Analogue — Սև պատկերասրահի ցուցափեղկ – ապրանքները սավառնում են դատարկության մեջ
- Apple (España) — Օբսիդիան պատկերասրահի ցուցափեղկը մութ ցուցասրահ է, որտեղ միակ տիտանից պատրաստված առարկան փայլում է խիտ սև ֆոնի վրա։
- Studio Oker — Մութ պատկերասրահ՝ կարմիր շեշտադրումներով. սև պատերով շրջապատված պորտֆոլիոյի սենյակ, որտեղ կարծես լողում են սպիտակ տառեր, և միակ կարմիր շշուկը կտրում է լռությունը։
- 099 SUPPLY — Պատկերասրահի պատը լի է սև ու սպիտակ առարկաներով
- Retool — Ջերմ օբսիդիանի արհեստանոց՝ ճշգրիտ գործիքների համար նախատեսված մակերես, լուսավորված մոխիրներով, որտեղ ամեն ինչ ստեղծվում է