Palmer
Зөөлөн өдрийн гэрэлд керамик галерей - харилцан үйлчлэл нь ханатай явагддаг бөгөөд эд зүйлс нь урлаг юм.
Палмер ширээний хэрэгслийг дулаан, өтгөн даавуун дээр (#f5f6ee) музейн үзмэр мэт харьцдаг. Интерфэйс нь уусдаг - сүүдэргүй, хромгүй, баялаг өргөлтгүй - тиймээс гараар бүрсэн керамик нь өрөөнд байгаа цорын ганц өнгө болдог. Типографи нь минималист: TWK Lausanne фонт нь бараг нэг өнгийн (300–500) бөгөөд үсгүүдийг хооронд нь холбодог түрэмгий сөрөг үсгийн зайтай бөгөөд интерфэйсийн тэмдэглэгээнээс илүү редакторын мэдэгдэл болгон ашигладаг асар том 120px дэлгэцийн давхарга багтдаг. Интерактив элементүүдийг төвийг бүрэн тодорхой байлгахын тулд харах цонхны ирмэг дээр байрлуулсан нимгэн хүрээ, эм хэлбэртэй унтраалга болгон багасгадаг. Нугалааны доорх бүх зүйл ижил галерейн логикийг дагадаг: жижиг текст, нимгэн шугам, объектуудын хоорондох зай ихтэй.
Хамгийн их өргөний хязгаарлалтгүй бүтэн дэлгэцийн интерфэйс. Үндсэн элемент нь дэлгэцэн дээр тархсан элементүүд юм: торонд биш харин сайтар сонгосон байршилд байрлуулсан бие даасан хэсгүүд. Навигацийн элементүүдийг буланд байрлуулсан (зүүн дээд хэсэгт үгийн тэмдэг, дээд төвд шилжих товчлуур, доод төвд хяналтын самбар), төв хэсгийг бүхэлд нь зургуудад үлдээсэн. Энэ бол нэг дэлгэцийн интерфэйс юм - тархсан элементүүд нь үндсэн элемент бөгөөд бүх хоёрдогч интерфэйсийн элементүүд (цэс, шүүлтүүр, томруулалт) нь тодорхой нөхцөлд харагдана. Хэсгүүдийн хэмнэл хамгийн бага: нэг дэлгэц, нэг тархсан найрлага, хамгийн бага текст. Уламжлалт ээлжлэн солигдох судал байхгүй.
Гэрэл зураг нь зөвхөн дүрслэлийн бүтээгдэхүүнүүдэд төвлөрдөг - дээрээс нь эсвэл тунгалаг эсвэл цөцгий өнгийн дэвсгэр дээр 3/4 өнцгөөр тус тусын керамик эдлэл (таваг, аяга)-ны зургууд. Ямар ч контекст, гар, ширээний тохиргоо байхгүй. Гадаргуутай харьцаж байгаа мэт сэтгэгдэл төрүүлэхийн тулд бүтээл бүрийг бага зэрэг сүүдэрлэж тайрсан. Зураг нь вэбсайт дээрх цорын ганц өнгөний эх үүсвэр юм: гялгар цэнхэр, чидун ногоон, толботой цагаан, хув хүрэн. Нягтрал өндөр боловч амьсгалдаг - бүтээлүүдийг хооронд нь санаатайгаар хоосон зайтай тараасан нь каталогоос илүү кураторын арга барил юм.
Палетт
Төвийг сахисан
- Gallery Cream
#f5f6ee— Зотон даавуу болон суурийн гадаргуу нь дулаан цөцгийтэй сүүдэртэй бөгөөд энэ нь цэвэр цагаан өнгөнөөс илүү шиллэгээтэй керамикт илүү тохиромжтой. - Ink
#222222— Үндсэн текст, нимгэн хүрээ, картын тойм, дүрсний тойм гэх мэт бүхэл бүтцийн хүрээг бараг хар өнгөөр хийсэн. - Bone
#ffffff— Заримдаа ил захидлыг цөцгий өнгийн даавууны урд байрлуулах урвуу гадаргуутай бүтээгдэхүүний дэвсгэр зураг. - Fog
#a1a19c— Хоёрдогч хүрээ багатай, ач холбогдол багатай текст - бэх нь бүтцийн хуваагч хийхэд хэтэрхий зузаан үед ашиглагддаг. - Lampblack
#000000— Энэ өнгө нь ховор дүүргэсэн элементүүдэд (идэвхтэй навигацийн дэвсгэр, жингийн зангуу) зориулагдсан бөгөөд бэх нь үндсэн текстийн өнгө хэвээр үлдэхийг баталгаажуулахын тулд бага хэмжээгээр ашиглагддаг.
Типографи
11-ээс 120 пиксел хүртэл · 4 алхам
- TWK Lausanne — солих: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · тоймууд 300, 400, 500, 600, 700 · Бичил шошгоос эхлээд редакцийн типографи хүртэл бүх зүйлд тохиромжтой ганц фонт. Гарчиг болон том гарчигуудад 300 жин ашигладаг (нарийн Swiss sans serif нь керамик үсгийг давамгайлах боломжийг олгодог), үндсэн текст болон хэрэглэгчийн интерфэйсэд 400–500, идэвхтэй төлөв болон шүүлтүүрийн шошгод 600–700 жин ашигладаг. Онцлог шинж чанар нь үсгийн зай багатай (гарчигт -0.04em, үндсэн текстэд -0.02em): тэмдэгтүүдийг хооронд нь ойрхон байрлуулсан нь 11 пикселийн гарчиг хүртэл стандарт тэмдэгтүүдийн агаартай байдлаас илүү нягтралтай, бодлогошронгуй мэдрэмжийг төрүүлдэг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | дундаж |
| Үндсэн алхам | 12px |
| Товчлуурын радиус | 8px |
| Картын радиус | 12px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80px |
Хиймэл оюун ухаан таны вэбсайтыг Palmer хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Peak Design — Галерейн хана, хэсэгчлэн гэрэлтүүлэгтэй
- Arsenijs Fabrica — Редакцийн контентын төрөлхийн гоо үзэсгэлэн галерейн гэрлийн дор илэрч байна. Галерейн тод цагаан хана, монохром дэвсгэр дээр улбар шар өнгөөр анивчих ганц дулаан стробоскоп гэрэл, шилэн нимгэн үсэг, элбэг дэлбэг цагаан орон зай.
- 21 TSI — Час улаан хоосон орон зай, ганц дүрс – хэрэглэгчийн интерфэйс нь уур амьсгалд ууссан өндөр загварын редакцийн бүтээл
- Aevi Wellness — Скандинавын эмийн сангийн хэв маяг, жингүй фонт. Бүдэг саарал цэнхэр өнгийн аялга нь редакцийн материалын ерөнхий өнгө аясгүй, агаартай зохион байгуулалтыг эвддэг бөгөөд бүтээгдэхүүний зургуудыг дулаан цагаан дэвсгэр дээр нимгэн хүрээтэй ил захидлууд дээр давхарлан байрлуулсан байдаг.
- PLATFORM — Цагаан куб галерей анхаарлын төвд байна
- Assembly Coffee London — Харанхуй шарах зууханд байгаа нүүрс. Дулаан, бүдэг гэрэлтэй бүтээгдэхүүний зураг, курсортой сериф үсэг бүхий бараг хар өнгийн даавуу - шөнө дундын самиздатаар хэвлэсэн тусгай кофены цэсний мэдрэмжийг төрүүлдэг.
- ARTWORLD — Цагаан даавуун дээрх загварын сэтгүүлийн гарчиг
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- VISIONNAIRE — Цэвэр цагаан дэвсгэр дээрх гудамжны хувцасны редакцийн галерей. Брэнд нь хэвлэмэл лого ном шиг ажилладаг: хавтгай цагаан даавуу, тод хар бэх, бүтээгдэхүүн эсвэл логог харуулах өнгөт блок болгон ашигладаг ганц бүлээн тостой самбар.
- Letter — Агуулахаас гялалзсан эд өлгийн зүйлсийг харуулсан хувийн галерей. Галерейн өнгөт ханан дээрх хром баримлуудын дээгүүр серифийн гарчиг хөвдөг хар ханатай үзэсгэлэнгийн талбай.
- Ramp — Редакцийн санхүүгийн хэлтэс, ганц неон маркертай хар цагаан хуудсууд. Хэвлэлийн бараг монохром гадаргуу нь ганц тод ногоон зураас нь бүх харилцан үйлчлэлийг мөнгөний дохио болгон хувиргадаг.