Electronic Materials Office
Нүүрсээр чимэглэсэн галерейд гэрэлтэж буй цог
Цахим материалын алба бол шөнийн цагаар ажилладаг семинар юм: царцсан хар өнгийн зураг, ганц гэрэлтсэн улбар шар өнгийн хулд, зарлахын оронд шивнэх фонт. Интерфэйс нь дэлгэц бүрийг бараан студи шиг авч үздэг - гарны гэрэл зургууд нь цорын ганц жинхэнэ гэрлийн эх үүсвэр бөгөөд хэрэглэгчийн интерфэйс нь үүнийг дагдаг. 200 жинтэй GT-Flexa-д байрлуулсан гарчгууд нь асар том сөрөг орон зайд хөвдөг; үндсэн текст нь зориудаар жижиг бөгөөд хүмүүнлэг шинж чанартай (Times). Өнгийг хэмждэг: үсгийн хувьд цэвэр цагаан, холбоосуудын хувьд бүдэг ягаан (#9e9eff), хуудсан дээрх өөрийн гэсэн 30 пикселийн гэрэлтэйгээр гэрэлтдэг ганц улбар шар (#f45500) үйлдэлд уриалга. Бүрэлдэхүүн хэсгүүд нь 20 пикселийн радиуст нягт багтдаг, #9d9d9d дээр хил хязгаар нь бараг мэдэгдэхүйц биш бөгөөд систем дэх цорын ганц сүүдэр нь үндсэн үйлдлийн эргэн тойронд хоёр өнгийн гэрэл юм.
Төвлөрсөн, хамгийн их өргөнтэй контент (~1200px) бүхий бүрэн өргөнтэй, нүүрсээр хийсэн зураг. Үндсэн дэлгэц нь 20px радиустай медиа картаас эхэлж, бүтээгдэхүүний видеог агуулсан бөгөөд харах цонхны өргөний ойролцоогоор 80%-ийг эзэлдэг бөгөөд дараа нь бараг бүрэн контентын өргөн хүртэл ороосон олон мөртэй GT-Flexa 200 гарчиг гарч ирнэ. Хэсгийн хэмнэл: Тобиас маягийн том үсгээр бичсэн ганц бүтээгдэхүүний тайлбар хэсэг, дараа нь бүтээгдэхүүний тайлбар картуудын 2x2 тор (ширээний компьютер дээр) байна. Картууд нь 1px #9d9d9d хүрээ болон тэдгээрийн хооронд 24px ус зайлуулах хоолой ашигладаг. Өгөөмөр босоо амьсгал - хэсгүүдийг хуваагчийн оронд 48-128px нүүрсээр хийсэн сөрөг зайгаар тусгаарладаг. Навигаци нь дээд хэсэгт бэхлэгдсэн ганц, тунгалаг самбар бөгөөд далд холбоосуудын кластер болон ганц Ember дуудлагатай. Хажуугийн самбар, мега цэс, хоёрдогч навигаци байхгүй.
Зурагнууд нь зөвхөн бүтээгдэхүүний үзүүлэнгийн зорилгоор зориулагдсан бөгөөд Altar I гарны бүрэн хар дэвсгэр дээр макро зургийг авсан бөгөөд дээрээс нь арын гэрэлтүүлэгтэй тул гэр нь гэрэлтэж, товчлуурын тагнууд ирмэгийн эргэн тойронд гэрлийг тусгасан байна. Амьдралын хэв маяг, хүний гар, хүрээлэн буй орчны нөхцөл байдал байхгүй. Зураглал нь өндөр тодосгогчтой, бараан өнгөтэй; монохром палитрын гаднах цорын ганц өнгө нь гар дээрх улбар шар өнгийн асаах унтраалга бөгөөд энэ нь Ember Orange үйлдэлд уриалдаг дохиог цуурайтуулдаг. Зурагнууд нь дөрвөлжин эсвэл 16:9 хэмжээтэй бөгөөд үргэлж 20 пикселийн радиустай картуудад байрлуулж, картын ирмэгээс цааш үргэлжилдэг (зургийн эргэн тойронд ямар ч зөөлөвч байхгүй бөгөөд текст нь ирмэгийн доор байна). Дүрсний хэв маяг: цорын ганц дүрс тэмдэг нь логоны өмнө жижиг дүүргэсэн тойрог (●) бөгөөд ~6 пикселийн зузаантай ганц улбар шар цэг юм.
Палетт
Брэнд
- Ember Orange
#f45500— Дүүргэлттэй үндсэн үйлдлийн товчлуур нь хэрэглэгчийн интерфэйс дэх цорын ганц хроматик гадаргуу бөгөөд үргэлж 30 пикселийн улбар шар өнгийн гэрэлтэй байдаг тул утас шиг гэрэлтдэг; үндсэн дуудлагын товчлуур дээрх 30 пикселийн гаднах гэрэл нь Ember Orange зургаан өнцөгт тэмдгийг хуулбарладаг боловч дүүргэлт биш харин сүүдэр хэлбэрээр оршдог тул товчлуурыг дотроос нь гэрэлтсэн мэт харагдуулдаг.
Төвийг сахисан
- 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 холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- OFFFICE : — цул фонтоор бүрхэгдсэн хар галерей
- Bibliothèque — Прожекторын доорх хар шоо хэлбэртэй галерей – асар том, харанхуй танхимд ганц гэрэлтсэн таваг
- 21 TSI — Час улаан хоосон орон зай, ганц дүрс – хэрэглэгчийн интерфэйс нь уур амьсгалд ууссан өндөр загварын редакцийн бүтээл
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- CHAIBOY — Ганц гэрэлтдэг гэрэл зурагтай хар галерейн хана
- Holiday 100 — Шөнө дундын бэлэг дурсгалын галерей - сериф гарчиг нь гэрэлтүүлэг, бараан өнгийн зураг нь хилэн хана болж, бүтээгдэхүүний зураг бүрийг сайтар сонгосон жааз шиг өлгөөтэй байдаг.
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Analogue — Хар галерейн дэлгэцийн хайрцаг – бараа хоосон орон зайд хөвж байна
- Apple (España) — Обсидиан галерейн үзэсгэлэн нь хар дэвсгэр дээр ганц титан объект гэрэлтэж буй харанхуй үзэсгэлэнгийн танхим юм.
- Studio Oker — Улаан өнгийн чимэглэлтэй харанхуй галерей - хар ханатай, цагаан үсэг хөвж байгаа мэт санагдаж, ганцхан улаан шивнээ нам гүмийг тасалдуулж буй портфолио өрөө.
- 099 SUPPLY — Хар цагаан эд зүйлсээр дүүрсэн галерейн хана
- Retool — Дулаан обсидиан цех - бүх зүйлийг бүтээдэг, шатаж буй цогоор гэрэлтүүлсэн нарийн багаж хэрэгслийн гадаргуу