MAKR
Гар аргаар хийсэн арьсан эдлэлийн музейн үзмэрийн тавиур. Гартаа барьсан арьсан эдлэлийн том зургуудын доор эсвэл байгалийн дэвсгэр дээр дулаан хар бэхээр бичсэн шошго хөвдөг чимээгүй, бүхэлдээ цагаан өрөө бөгөөд цорын ганц өнгө нь бүдэг мэргэн судалтай харьцуулагдана.
MAKR бол гар хийцийн арьсан эдлэлд зориулсан онлайн редакцийн галерей бөгөөд бараг бүхэлдээ ахроматик палитр дээр бүтээгдсэн бөгөөд гэрэл зураг нь давамгайлсан элемент юм. Ганцхан, бараг саарал өнгийн баннерын өнгө (нарийн мэдрэмжтэй) дээд зар сурталчилгааны зурвасыг тодотгож өгдөг бол бусад бүх зүйл - гадаргуу, текст, хуваагч, холбоосууд - цагаан дэвсгэр дээр гүн, дулаан хар бэхээр дүрслэгдсэн байдаг. Типографи нь хамгийн хязгаарлагдмал байдлаараа Sohne нео-гротеск юм: жижиг фонтууд, өргөн мөрийн зай, тайлбар дахь том үсгийн эерэг зай нь вэб интерфэйс шиг биш, харин галерейн ханан дээрх текст шиг мэдрэгддэг. Байршил нь зураг давамгайлсан, тэгш бус, минималист, музей шиг: объектуудыг гартаа, ландшафт, байгалийн гэрэлд, доор нь жижиг холбоос шиг тайлбартайгаар зурдаг. Бүрэлдэхүүн хэсгүүд нь бараг үл үзэгддэг - доогуур нь зурсан текст холбоосууд, далд оролтын талбарууд, сүүдэргүй, бөөрөнхий товчлуургүй - арьс болон гэрэл зураг нь брэндийг бүрдүүлэхэд гол үүрэг гүйцэтгэдэг.
Агуулгын өргөний дээд хязгааргүй ирмэгээс ирмэг хүртэлх байрлал - зургууд нь харах цонхыг бүхэлд нь дүүргэдэг. Дээд баннер зар нь бүтэн өргөнийг эзэлдэг бөгөөд дараа нь бүтэн өргөнтэй толгойн навигаци ордог. Үндсэн контентын хэсэг нь тэг эсвэл хамгийн бага ус зайлуулах хоолойтой олон баганатай зургийн тор (ширээний компьютер дээр 2-3 багана) ашигладаг бөгөөд энэ нь гэрэл зургуудад өөрийн гэсэн харааны бүтцийг бий болгох боломжийг олгодог. Текст болон холбоосууд нь зургийн доор цагаан зайд байрладаг бөгөөд хэзээ ч давхцдаггүй. Редакцийн хэсгүүд нь бүтээгдэхүүний тор болон бүтэн өргөнтэй, амьдралын хэв маягийн гэрэл зургуудын хооронд ээлжлэн байрладаг. Босоо хэмнэл нь өргөн цар хүрээтэй (хэсгүүдийн хооронд 80-1.5 ус зайлуулах хоолой) бөгөөд галерейгаар алхаж байгаа мэт мэдрэмжийг төрүүлдэг. Мэдээллийн товхимлын захиалгын горим нь тогтмол, зүүн доод самбар юм; хаагдах боломжтой захиалгын самбар нь харах цонхны хамгийн доод хэсэгт байрладаг. Нийт сэтгэгдэл нь ердийн цахим худалдааны зохион байгуулалтаас илүү музейн каталог эсвэл редакцийн тархалттай адил юм.
Гэрэл зураг бол брэндийн гол агуулга, хэл юм. Хоёр регистр зэрэгцэн оршдог: (1) гартаа барьсан, дөрвөлжин эсвэл 3:4 харьцаатай тайрсан бүтээгдэхүүний том хар цагаан зургууд, өндөр тодосголттой, объект нь амьдралын хэв маягийн нөхцөлгүйгээр хүрээг дүүргэдэг; (2) дулаан байгалийн гэрэлд бүтэн өнгөт амьдралын хэв маягийн зургууд, шороон өнгөөр ландшафтууд, цүнх барьсан хөдөлгөөнт загварууд, бага өнцгөөс гүехэн талбайн гүнтэй авсан. Саарал болон бүтэн өнгөт зургуудын ээлжлэн солигдох нь хуудсан дээр нэг харааны хэмнэлийг бий болгодог. Зураг чимэглэл байхгүй, 3D дүрслэл байхгүй, хийсвэр график байхгүй. Зураг нь хуудсыг бүхэлд нь эзэлдэг эсвэл хуудасны бүх өргөнийг хамардаг, тэг радиустай, хил хязгааргүй торон нүдэнд байрладаг. Дүрсүүд байхгүй эсвэл хамгийн бага байдаг - хаахад энгийн загалмай, өөр юу ч байхгүй.
Палетт
Төвийг сахисан
- Obsidian Ink
#1c1717— Үндсэн текст, бүх текстийн холбоосууд, үндсэн текст, гарчиг, дүрсний тойм болон хэрэглэгчийн интерфэйс дээрх нарийн хил хязгаарууд. Энэ бол үндсэн өнгө бөгөөд цагаан дэвсгэр дээр 17.7:1 харьцаатай бөгөөд 5000 гаруй тохиолдолд ашиглагддаг. Үүний маш нарийн дулаан өнгө (цэвэр хар биш) нь бүхэл интерфэйсийг дэлгэц биш харин хэвлэсэн каталогийн мэдрэмжийг өгдөг. - Paper
#ffffff— Гэрэлтэй гадаргуу дээр нимгэн хүрээ, хуваагч, оролтын талбарын тойм болон картын ирмэгүүд байрлуулна уу. Энэ өнгийг үйлдэлд дуудах товчлуурын үндсэн өнгө болгон ашиглахаас зайлсхий. - Bone
#f0f0f0— Хэсгүүдийг ээлжлэн байрлуулж, нарийн самбарын дэвсгэр болон дотор хил/хуваагч үүсгэх хоёрдогч гадаргуу. Энэ нь цаасны цагаан болон зар сурталчилгааны цайвар ногоон өнгийг хооронд нь нарийн дулаан саарал өнгө үүсгэдэг. - Eucalyptus Mist
#a9aea9— Хуудасны дээд хэсэгт байрлах баннер зарын дэвсгэр, хэсгүүдийн хоорондох бүдэг өнгөний шилжилт, гуравдагч түвшний хүрээ. Энэ нь дангаараа бараг саарал өнгөтэй харагддаг ч бүтэн өргөнөөр нь ашиглахад нарийн өнгө аястай болдог бөгөөд энэ нь монохром схемийн цорын ганц өнгөний өргөлт юм.
Типографи
11-ээс 32 пиксел хүртэл · 5 алхам
- Sohne Web — солих: Inter · тоймууд 400 · Үндсэн текст, навигаци, холбоосууд, гарчиг, товчлуурууд, оролтын талбарууд, дүрсүүд болон зургийн тайлбарууд гэх мэт бүхэл бүтэн интерфэйсийн хэв маягийг ашигласан. 400 жинтэй Sohne фонт (тод хувилбар олдсонгүй) нь MAKR-д нам гүм боловч өөртөө итгэлтэй илэрхийлэлийг өгдөг: мэдээллийг жингийн ялгаагаар биш, харин хэмжээ болон үсгийн зайгаар дамжуулдаг. Хувилбарууд: Inter, Söhne эсвэл Untitled Sans.
- CircularXXMonoWeb — солих: JetBrains Mono · тоймууд 400 · Зөвхөн хааяа нэг техникийн зааварчилгаа эсвэл бүтээгдэхүүний тодорхойлолтод ашигладаг - нео-гротеск хэмнэлийг эвддэг нэг зайтай шивнээ. Бага хэмжээгээр ашиглаарай: бүтээгдэхүүний код, материалын тодорхойлолт, өөр юу ч биш. Дараахаар солино уу: JetBrains Mono эсвэл IBM Plex Mono.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 5-8px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 80-120px |
Хиймэл оюун ухаан таны вэбсайтыг MAKR хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- FARFETCH España — "Цагаан шоо" хэв маягийн загварын галерей. Хана, шал, тавилга нь цагаан өнгөөр цайрсан, зөвхөн хувцас болон тэдгээрийг өмссөн хүмүүс л өнгө, бүтэц, дүрслэлийг бүрдүүлдэг дээд зэрэглэлийн жижиглэн худалдааны орон зайг төсөөлөөд үз дээ.
- Franco Maria Ricci Editore — Арт Деко Галерейн Каталог - Цэвэр цагаан илгэн дээр өнгөлсөн алтан зураас
- Laura Monin — Редакцийн галерейн хана, цагаан гантиг, бэхний тамга
- OhDada — Редакцийн галерейн хана
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл