Телеграм, WhatsApp+380637610482
Валерий Данюк
Валерий ДанюкхөгжүүлэгчБизнест зориулсан хиймэл оюун ухааны хэрэгслүүдийг хөгжүүлэх. Өндөр чанартай. Боломжийн үнэтэй.Telegram руу бичих
ARTU — энэ хэв маягтай сайтын урьдчилсан харагдац

ARTU

Цагаан цаасан дээрх галерейн хана. ARTU нь үзвэрийн орон зайг музейн тавцан мэт харьцдаг - том хэмжээний бүтээгдэхүүний зургууд, нарийн тэмдэглэгээ, доод хэсэгт нь шохойн өнгөний нэг хүрэлт нь найрлагыг бүрэн гүйцэд болгодог.

ARTU нь хөтөчийн форматаар тавилгын галерей шиг ажилладаг: ганц өнгөөр хийсэн, захиалгаар хийсэн нео-гротеск фонт, тод цагаан даавуу, бүхэл бүтэн харах цонхыг дүүргэсэн бүтээгдэхүүний зургууд, харагдахуйц интерфэйсийн элементүүд бараг байхгүй. Энэ сахилга бат нь туйлын туйлширсан - нэг өнгө, нэг фонтын гэр бүл, хоёр гадаргуугийн өнгө - мөн сөрөг зай нь бусад газарт сүүдэр, градиенттай ижил зорилготой байдаг. Өнгийг мэс заслын аргаар ашигладаг: баялаг шохойн ногоон (#d7ff66) нь хуудсыг зөвхөн доод хэсэгт нь эцсийн дохио болгон тодруулдаг бол баялаг улаан (#ff1313) нь нимгэн хил хязгаарын шугам, дүрсний зураас хэлбэрээр гарч ирдэг - зориудаар ялгаралгүй, энэ нь мэдээллийн оронд график хэмнэл болж ажилладаг. Үүний үр дүнд энэ нь арилжааны вэбсайт шиг биш, урлагийн номноос авсан тархалт шиг санагддаг: бүтээгдэхүүнүүд нь байршил, байршил нь хоосон зай, интерфэйс нь дээд буланд байрлах бүх том үсгээр бичсэн нимгэн, хар шугам юм.

Нэг баганатай, нэг хуудастай зургийн галерей. Эхний дэлгэц нь нимгэн дээд навигацийн самбар (зүүн талд лого, цэсний зүйлсийг таслалаар тусгаарласан, баруун талд хэл/сагс/цэс) болон зургийн баруун доод буланд хамгийн бага тойрог сумтай бүрэн өргөнтэй хуудасны зургийг харуулна. Хуудасны зургийн доор нимгэн хар хуваах шугам, дараа нь цагаан дэвсгэр дээр 2/2-оос өргөн зайгүй, янз бүрийн масштабыг тэгш бус байдлаар хослуулсан өргөн зургийн тор байна. Жижиг жижиг зураг, дунд дөрвөлжин, янз бүрийн өргөнтэй том хөрөг зургууд (ойролцоогоор 25-1/2 хуудас) бүгд цагаан дэвсгэр дээр байна. Хуудас нь хуудасны доод хэсэгт шохойн ногоон өнгөтэй (ойролцоогоор 24-4) бүтэн өргөнтэй судалтайгаар төгсдөг. Ерөнхийдөө хэвлэмэл каталогийн сэтгэгдэл төрүүлдэг - хэвлэмэл нь захын хэсэгт, зураг нь төвийг эзэлдэг бөгөөд шохойн ногоон судал нь найрлагыг гүйцээдэг.

Гэрэл зураг бол бүхэл бүтэн харааны өвөрмөц байдал юм. Дулаан дотор гэрэлтүүлэг, цагаан эсвэл модон шалан дээр байгалийн сүүдэртэй авсан тавилга, сандлын бүрэн хэмжээтэй, өндөр чанартай зургууд. Эхний үндсэн зураг нь дэлгэцийг бүхэлд нь ирмэгээс ирмэг хүртэл дүүргэдэг. Галерейны хэсэг нь тэгш бус редакцийн зохион байгуулалтыг ашигладаг бөгөөд янз бүрийн масштабтай, харьцаатай (1:1, 3:4, 2:3) зургуудыг өргөн цагаан зайгаар байрлуулсан, тайлбар эсвэл давхардаагүй байдаг. Зураг чимэглэл, цөөн хэдэн нимгэн улаан зурааснаас өөр дүрс байхгүй, хийсвэр график байхгүй, амьдралын хэв маягийн гэрэл зураг байхгүй - сэдэв нь үргэлж сэдэв бөгөөд хэзээ ч чимэглээгүй, контекстэд нь буулгасан байдаг.

Палетт

Төвийг сахисан

  • Canvas White #ffffff — Хуудасны дэвсгэр, картын гадаргуу, график зураг гэх мэт сайтыг бүхэлд нь цэвэр цагаан дэвсгэр дээр байрлуулсан болно.
  • Ink Black #000000 — Бүх текст, нимгэн хилийн шугам, навигаци, холбоосын доогуур зураас, зургийн хүрээ - цорын ганц бүтцийн өнгө.
  • Terminal Lime #d7ff66 — Хөл хэсэгт зураас, гадаргуугийн тодруулга, эцсийн өргөлт - хуудасны хилийг галерейн ханан дээрх өнгөт хүрээ шиг тэмдэглэсэн баялаг ногоон өнгө.
  • Signal Red #ff1313 — Редакцийн зохион байгуулалтад гоёл чимэглэлийн хил хязгаарын шугам, дүрс тэмдгийн тойм, нарийн шугамыг бараг уншигдахуйц ялгаатай график цэг таслал болгон ашигладаг боловч үндсэн текст болгон хэзээ ч ашигладаггүй.

Типографи

18-аас 32 пиксел хүртэл · 4 алхам

  • HelveticaNeuePro — солих: Neue Haas Grotesk · тоймууд 400 · Навигаци, үндсэн текст, гарчиг, оролтын талбар болон доод хэсэгт зориулсан олон талын фонтын гэр бүл - сайт дээрх ганц фонт (400), навигаци болон доод хэсэгт бүх том үсгээр байрлуулсан, 0.0140em–0.0240em гэсэн эерэг үсгийн зайтай бөгөөд ганц фонтод механик, каталог маягийн хэмнэл өгдөг.

Интервал ба хэлбэр

ЗорилгоУтга
Нягтралнягт
Үндсэн алхам11px
Товчлуурын радиус0px
Картын радиус0px
Сүүдэрсүүдрийн оронд хил хязгаар байхгүй
Хэсгүүдийн хооронд32px
Хуудасны өргөн1440px

Хиймэл оюун ухаан таны вэбсайтыг ARTU хэв маягаар бүтээж, дүүргэх болно

  • Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
  • Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
  • Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
  • Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.

Төстэй хэв маяг

  • Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
  • Apple (España) — Цагаан музейн галерей үд дунд
  • Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
  • MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
  • Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
  • Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
  • Apple (España) — Обсидиан галерейн үзэсгэлэн нь хар дэвсгэр дээр ганц титан объект гэрэлтэж буй харанхуй үзэсгэлэнгийн танхим юм.
  • 099 SUPPLY — Хар цагаан эд зүйлсээр дүүрсэн галерейн хана
  • Apple (España) — цагаан галерей дэлгэцийн хайрцаг
  • Custo — Ган төмөр өнгөтэй, цул фонттой галерей. Бүдэг саарал ногоон өнгөтэй, ганц бараан объект болон 57 пикселийн фонт өөрөөрөө ярьдаг үзэсгэлэнгийн танхим.
  • Silencio — Хөвөгч эд өлгийн зүйлстэй цагаан өрөө. Сөрөг эзэлхүүний дэвсгэр дээр элемент бүр өөрийн гэсэн байр суурийг эзэлдэг дулаан цаасаар хийсэн галерейн үзмэр, нам гүм байдал нь санаатай дизайны шийдвэр юм.
  • Oakâme — Дулаан чулуугаар сийлсэн наранд гэрэлтсэн Провансаль урлан