Zellerfeld
Цагаан гантиг чулуун дээрх уран барималчийн урлан - суурийн цул гадаргуу, кобальтын ганц оч, шалнаас тааз хүртэлх жижиг үсгийн шивнээ
Зеллерфельд нь цагаан гантиг дээрх дижитал уран барималчдын галерей мэт санагдаж байна - 3D хэвлэмэл гутлын зах зээл бөгөөд монохром гадаргуу, элбэг дэлбэг цагаан зай, том, жижиг үсгийн фонтууд нь бүтээгдэхүүн бүрийг музейн үзмэр шиг ажиллах боломжийг олгодог. Интерфэйс нь маш хязгаарлагдмал: яаралтай мөчүүдэд зориулагдсан ганц цахилгаан кобальт өнгө (#000aff) бүхий ахроматик зураг - дүрс, идэвхтэй "Дэлгүүр" навигаци, одоогийн слайдын төлөв. Картууд нь цэвэр цагаан биш харин дулаан сувдан саарал дэвсгэр дээр хөвж, торонд хүрэлцэхүйц, гипсэн цутгамал харагдуулдаг. Фонт нь үсэг хоорондын зай багатай ганц захиалгат sans-serif (Roobert) хэвээр байгаа бөгөөд Space Mono нь зөвхөн үнэ, бүтээгдэхүүний жагсаалт, техникийн мета өгөгдөлд ашиглагддаг. Үүний үр дүнд бүтээгдэхүүний хуудас нь жижиглэнгийн кассаас илүү дизайны хэвлэлийн сайт шиг санагддаг - объектуудыг зураг авдаг, зардаггүй.
Хуудас нь хуудасны бүх өргөнийг хамарсан бөгөөд 1440 пикселийн контент зурвастай. Гол элемент нь хөвөгч UI давхаргатай бүтэн дэлгэцийн зургийн баннер юм. Бүтээгдэхүүний хэсгүүд нь 4 баганын тор ашигладаг бөгөөд таблет дээр 2, гар утасны төхөөрөмж дээр 1 болж хумигддаг. Хэсгийн хэмнэл нь: том бүтээгдэхүүний тодорхойлолт → редакцийн үнэлгээний тор → шинэ хувилбаруудын тор → хэвлэлийн холбоо барих мэдээллийн самбар. Бүтээгдэхүүний хэсэг бүр өөрийн контентыг зурвас дотор төвлөрүүлж, хэсгүүдийн хооронд 80 пикселийн босоо зай ашигладаг. Навигаци нь нэг эгнээнд байрлах тогтмол дээд баар бөгөөд дээр нь нимгэн зар сурталчилгааны зурвас байрладаг. Бүтээгдэхүүний картуудыг хатуу торонд байрлуулсан - зургийн хэсэг нь үргэлж гутлын дүрс дээр төвлөрч, картын дотор дээд/доод хэсэгт 40 пикселийн зөөлөвчтэй бөгөөд мета өгөгдлийн кластер нь зүүн доод буланд 40x40 брэндийн логотой бэхлэгдсэн байна.
Бүтээгдэхүүний гэрэл зураг нь давамгайлсан харааны элемент юм - гутал бүрийг цэвэр цагаан эсвэл гипсэн гадаргуу дээр дөрөвний гурвын өнцгөөр, ямар ч контекст, загвар, хүрээлэн буй орчингүйгээр бүхэл бүтэн картыг дүүргэсэн байна. Гол элемент нь амьдралын хэв маягийн бүрэн хэмжээний гэрэл зураг юм: элс эсвэл бетонон дээр хөл, гутлын тайрсан зургууд, үргэлж хүний хэмжээгээр, хэзээ ч төгс студийн чанартай байдаггүй. "Сэдэв бол гол элемент" гэсэн зарчим үйлчилдэг - гутал нь үндсэн редакторын элементэд ч гэсэн хүрээний харагдах хэсгийн 40%-ийг эзэлдэг. Гоёл чимэглэлийн график элемент, хийсвэр хээ, чимэглэл ашиглаагүй болно. Дүрсүүд нь шугаман, хар өнгөөр тодорхойлогдсон, хэзээ ч дүүргэдэггүй, хэзээ ч буддаггүй.
Палетт
Брэнд
- Electric Cobalt
#000aff— Шинэ дүрс тэмдэг, идэвхтэй навигацийн самбар, одоогийн слайд заагч, идэвхжүүлэх мөчүүд—систем дэх цорын ганц хроматик дохио бөгөөд чимэглэл гэхээсээ илүү идэвхжүүлэлт гэж ойлгогдохоор бага хэмжээгээр ашиглагддаг.
Төвийг сахисан
- Pale Iris
#e5e7ff— Тэмдэгт зориулсан шинэ өнгөний дүүргэлт, зөөлөн тодруулга, шошгоны сонголтуудад зориулсан цайвар гадаргуу - монохром палитрыг алдагдуулахгүйгээр өнгийг тодотгож өгдөг бүдэг кобальт өнгө. - Ink Black
#111111— Үндсэн текст, анхдагч хүрээ, дүрсний тойм, нимгэн хуваагч - гарчиг, жагсаалт болон холбоосуудын давамгайлсан бүтцийн өнгө. - Pure White
#ffffff— Өнгө нь нарийн хэвээр байгаа тохиолдолд төвийг сахисан хэлбэр, дүрс тэмдэг бүхий текст болон UI-ийн нууц хариу үйлдлийг ашиглах хэрэгтэй. Үүнийг үйлдэлд дуудах үндсэн өнгө болгон ашиглахаас зайлсхий. - Plaster
#ecedee— Бүтээгдэхүүний картын хоёрдогч гадаргуу, навигацийн самбарын дэвсгэр, зурагны дээд хэсэгт гөлгөр өргөгдсөн түвшин. - Slate
#a1a4aa— Картын хүрээний сүүдэр, төвийг сахисан товчлуурын дүүргэлт, бүдэг товчлуурын хил нь саарал өнгөтэй бөгөөд картын ирмэгийг бараан болгохгүйгээр тодруулдаг. - Fog
#d7d7d7— Гэрлийн картын хүрээ, хуваах шугам, идэвхгүй гадаргуугийн өнгөлгөө.
Типографи
13-аас 128 пиксел хүртэл · 7 алхам
- Roobert — солих: Inter · тоймууд 400, 500, 600, 700 · Үндсэн брэндийн фонтыг үндсэн текстээс эхлээд гарчиг хүртэл бүх зүйлд ашигладаг. Мөр хоорондын зай нь бүх хэмжээтэй ижил байдаг тул логоны жижиг үсгүүд нягт, уран баримал хэлбэртэй масстай байх боломжийг олгодог. Фонтын жин нь контекстээс хамааран нэмэгддэг: үндсэн текст болон хэрэглэгчийн интерфэйсийн хувьд 400, тодруулсан гарчгийн хувьд 500, бүтээгдэхүүний нэрэнд 600, том гарчгийн хувьд 700.
- Space Mono — солих: JetBrains Mono · тоймууд 400, 600 · Техникийн мета өгөгдөл - үнэ (€189.00), шилдэг 10 байршлын тоон утга, тикер тэмдэг, дэлгүүрийн нэрс - хуудсыг сурталчилгааны текст биш харин техникийн тодорхойлолт гэж үзэх ёстой газарт нэмсэн.
- Arial — солих: Inter · тоймууд 400 · Arial - Олборлосон өгөгдөлд байдаг боловч хиймэл оюун ухаанаар тайлбарлагдаагүй.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 16px |
| Товчлуурын радиус | 10px |
| Картын радиус | 10px |
| Сүүдэр | хамгийн бага |
| Хэсгүүдийн хооронд | 80px |
| Хуудасны өргөн | 1440px |
Хиймэл оюун ухаан таны вэбсайтыг Zellerfeld хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Apple (España) — цагаан галерей дэлгэцийн хайрцаг
- Silencio — Хөвөгч эд өлгийн зүйлстэй цагаан өрөө. Сөрөг эзэлхүүний дэвсгэр дээр элемент бүр өөрийн гэсэн байр суурийг эзэлдэг дулаан цаасаар хийсэн галерейн үзмэр, нам гүм байдал нь санаатай дизайны шийдвэр юм.
- Oakâme — Дулаан чулуугаар сийлсэн наранд гэрэлтсэн Провансаль урлан
- Nike — Спортын амжилтын монохром галерей - цагаан хана, урлагийн бүтээл мэт бүтээгдэхүүн, хром нь арын дэвсгэр дээр ууссан
- Arc — Шөнө дундын усан дээрх аж үйлдвэрийн цагаан галерей
- Rivian — Галерейн бетонон ханан дээрх цахилгаан цул чулуу. Ривиан нь тээврийн хэрэгсэл бүрийг асар том цагаан орон зайн эсрэг баримал мэтээр дүрсэлдэг бөгөөд хэвлэмэл зураг нь архитектурын элемент болж хувирдаг бөгөөд царцсан гадаргуу дээрх нарны гэрэл шиг монохроматик уур амьсгалыг эвддэг ганц дулаан шар өнгө юм.
- Analogue — Хар галерейн дэлгэцийн хайрцаг – бараа хоосон орон зайд хөвж байна
- ddna — боловсруулаагүй маалинган даавуун дээр дулаан музейн үзмэрийн тавиур
- UY Studio — Хийдийн чулуун галерей нь бетонон ханатай нам гүм орон зай бөгөөд үнэртэй усны савнууд цагаан суурь дээр байрладаг бөгөөд 400 ваттын нэг чийдэн, дөрвөн дулаан саарал чийдэнгээр гэрэлтдэг.
- Basic.Space — цагаан гантиг дээрх кураторын галерей
- COS — цагаан ханатай загварлаг галерей