Electronic Materials Office
Як чӯби дурахшон дар галереяе, ки бо ангишт оро дода шудааст
Идораи маводҳои электронӣ як семинари шабона аст: як матои сиёҳи мат, як чӯби норинҷии дурахшон ва шрифте, ки ба ҷои эълон пичиррос мезанад. Интерфейс ҳар як экранро мисли як студияи торикшуда баррасӣ мекунад - аксҳои клавиатура ягона манбаи воқеии рӯшноӣ мебошанд ва UI ба он итоат мекунад. Сарлавҳаҳо, ки дар GT-Flexa-и 200-вазн ҷойгир шудаанд, дар фазои бузурги манфӣ шино мекунанд; матни асосӣ қасдан хурд ва инсондӯстона аст (Times). Ранг чен карда мешавад: сафеди холис барои шрифт, арғувонии хомӯш (#9e9eff) барои пайвандҳо ва як даъвати норинҷии ягона (#f45500) ба амал дар саҳифа, ки бо дурахши 30px-и худ медурахшад. Ҷузъҳо дар радиуси 20px зич ҷойгир мешаванд, марзҳо дар #9d9d9d қариб намоён нестанд ва ягона сояҳо дар система ду ҳалои ранга дар атрофи амали асосӣ мебошанд.
Канваси пурраи ангиштӣ бо паҳнои марказӣ ва мундариҷаи паҳнои максималӣ (~1200px). Экрани асосӣ бо корти медиавии радиуси 20px оғоз мешавад, ки дорои видеои маҳсулот аст, ки тақрибан 80% паҳнои майдони намоишро ишғол мекунад ва фавран пас аз он сарлавҳаи бисёрсатрии GT-Flexa 200 меояд, ки қариб ба паҳнои пурраи мундариҷа мепечад. Ритми бахш: як бахши тавсифи маҳсулот бо ҳарфҳои калон ба услуби Tobias, пас аз он шабакаи 2x2 (дар мизи корӣ) аз кортҳои тавсифи маҳсулот. Кортҳо аз сарҳадҳои 1px #9d9d9d ва новаҳои 24px дар байни онҳо истифода мебаранд. Нафаскашии амудии саховатмандона - бахшҳо бо фазои манфии ангиштӣ бо андозаи 48-128px ба ҷои тақсимкунандагон ҷудо карда мешаванд. Навигатсия як панели ягона ва шаффоф аст, ки дар боло лангар зада шудааст, ки дорои кластери пайвандҳои пинҳон ва як даъват ба амал бо Ember мебошад. Бе панели паҳлӯӣ, бе мега-меню, бе навигатсия.
Тасвирҳо танҳо барои намоиши маҳсулот мебошанд — акси макрои наздики клавиатураи Altar I дар заминаи комилан сиёҳ, бо нури рӯшноӣ аз боло, ки боиси дурахши корпус ва инъикоси нур дар атрофи канорҳо мегардад. Бе тарзи ҳаёт, бе дастҳои инсон, бе контексти муҳити зист. Тасвирҳо контрасти баланд ва торик мебошанд; ягона ранги берун аз палитраи монохром тугмаи барқи норанҷии худи клавиатура аст, ки даъвати Ember Orange-ро ба амал инъикос мекунад. Тасвирҳо чоркунҷа ё 16:9 мебошанд, ҳамеша дар кортҳо бо радиуси 20 пиксел ҷойгир карда мешаванд ва аз канорҳои корт берун мераванд (дар атрофи акс ягон холӣ нест ва матн дар зери канор аст). Сабки нишона: ягона иконография як доираи хурди пуршуда (●) пеш аз логотип аст — як нуқтаи норанҷӣ, ки ~6 пиксел ғафсӣ дорад.
Палитра
Бренд
- Ember Orange
#f45500— Тугмаи асосии амал бо пуркунӣ ягона сатҳи хроматикӣ дар UI аст, ки ҳамеша бо ҳалои норанҷии 30px ҳамроҳ аст, ки онро мисли ришта медурахшонад; дурахши берунии 30px дар тугмаи асосии даъват рамзи шашкунҷаи норанҷии Ember-ро такрор мекунад, аммо ба ҷои пуркунӣ ҳамчун соя вуҷуд дорад, ки тугмаро аз дарун равшан мекунад.
Бетараф
- Studio Charcoal
#202020— Сатҳҳои брезент ва картон мисли фарши галереяи торик ҳастанд, ҳеҷ гоҳ комилан сиёҳ нестанд, то чашм ба канорҳои нарм такя кунад. - Bone White
#ffffff— Матни асосӣ, канорҳои тунук дар тасвирҳо ва сатҳи нодири чаппашуда. Тамоми иерархияи шрифтҳо мустақилона нигоҳ дошта мешавад. - Ash Gray
#9d9d9d— Матни хомӯш, ҳошияҳои нозуки кортҳо ва сарлавҳаҳои ғайрифаъол ягона ранги хокистарии миёна дар схемаи рангҳо мебошанд, ки вақте ранги сафед аз ҳад зиёд баланд аст, истифода мешаванд. - Mid Felt
#eaeaea— Шустани рӯшноии рӯшноӣ барои панелҳои чаппашуда ё шабакаҳои модалӣ - сояи сафед, ки дар байни ранги беж ва ранги торик ҷойгир аст. - Carbon
#000000— Лаҳҷаи аз ҳама ҷолиб барои зарбаҳои нишонаҳо ва чорчӯбаҳои муқобил аст, ки дар он ҷо матои ангиштсанг хеле сабук аст, то шакли худро хуб нигоҳ дорад. - Lavender Link
#9e9eff— Ранги пайванди дарунсохт ва контури чаҳорчӯбаи иловагии амал як контрасти ором ва хунук бо норанҷии гарм мебошанд, ки имкон медиҳад, ки амалҳо дар заминаи ангиштсанг хонда шаванд.
Типография
аз 16 то 86 пиксел · 8 қадам
- GT-Flexa — ивазкунӣ: Inter (200/400) or Manrope (200/400) · контурҳо 200, 400 · Шрифти асосӣ барои сарлавҳаҳо ва унсурҳои ороишӣ. Вазни 200 барои ҳар як сарлавҳаи болотар аз 24 пиксел имкон медиҳад - ин услуби хос аст: дар 68 пиксел ва 86 пиксел, ҳарфҳо ба назар чунин мерасад, ки ба ҷои фарёд кардан дар атмосфера ҳал мешаванд. Вазни 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 — Коргоҳи гарми обсидианӣ - сатҳе барои асбобҳои дақиқ, ки бо ангиштсангҳои сӯхта равшан карда шудааст ва дар он ҳама чиз офарида мешавад