COS
цагаан ханатай загварлаг галерей
COS нь орчин үеийн урлагийн галерейн харааны дүрмийг ашигладаг: асар том цагаан хана, том хэмжээтэй монохром гэрэл зураг, загваруудад саад учруулдаггүй типографи. Интерфэйс нь бараг өнгөгүй - ахроматик - цэвэр цагаан (#ffffff) дээр бараг хар өнгийг (#080808) цорын ганц бүтцийн тодосгогч болгон ашигладаг бөгөөд улаан өнгийг (#c80000) яаралтай мэт санагдах ёстой боловч ил тод биш мөчүүдэд зориулсан нарийн өргөлт болгон хадгалдаг. Зай нь өргөн бөгөөд редакторын хувьд тохиромжтой, хэсгийн догол мөр 135 пиксель хүрч, бүрэлдэхүүн хэсгүүд нь хуудсанд уусдаг: #dadada дээр нимгэн хүрээ, сүүдэргүй, градиентгүй, бөөрөнхий булангүй. Текографи (SuisseIntl) нь цорын ганц чимэглэл юм - 12 пикселийн бичил шошгоноос 35 пикселийн ангиллын тайлбар хүртэл тогтвортой хэвээр байгаа ганц гротеск фонтын гэр бүл, галерейн фонтыг санагдуулахын тулд эерэг рүү бага зэрэг шилждэг.
Бүрэн өндөртэй хуудасны загвар - зураг нь хамгийн их өргөнтэй савгүйгээр ирмэгээс ирмэг хүртэл үргэлжилдэг бөгөөд контент нь төвлөрсөн багана биш харин хуваасан зураг болон цагаан зайгаар бэхлэгддэг. Баатар нь хоёр бүтэн өргөнтэй редакцийн хөрөг зургийн 50/50 харьцаатай босоо хуваагдал бөгөөд энэ нь брэндийн бүтцийн дуудлагын хуудас болж үйлчилдэг. Баатарын доор хэсгүүд нь цагаан дэвсгэр дээрх текст блокууд (төвд, нэг багана дотор) болон нэмэлт бүтэн өндөртэй зургуудын хооронд ээлжлэн байрладаг. Босоо хэмнэл нь өргөн цар хүрээтэй: хэсгүүдийн хоорондох зай нь музейн ханан дээрх шиг судлууд хооронд зайны мэдрэмжийг төрүүлдэг. Навигаци нь төвлөрсөн лого болон баруун тийш зэрэгцүүлсэн байршил сонгогчтой дан нимгэн цагаан судалтай - хэвтээ ангиллын мөр байхгүй, үндсэн хүрээнд харагдах мега цэс байхгүй. Мэдээллийн нягтрал бага: хэсэг бүрт нэг мэдэгдэл, санаа бүрт нэг зураг.
Том хэмжээтэй редакцийн загварын гэрэл зургууд хуудсан дээр давамгайлдаг - бүтэн өргөнтэй хөрөг зураг болон загвар өмсөгчдийн дөрөвний гурвын урттай зургууд, студийн гэрэлтүүлгийн хяналттай, голчлон төвийг сахисан, бүдэг дулаан өнгөөр. Зургууд нь нягт савлагдсан, захаас ирмэг хүртэл зайг дүүргэсэн, бөөрөнхий булан, гоёл чимэглэлийн баг, эсвэл давхарласан жаазгүйгээр хийгдсэн. Онцгой арга бол "хоёр хөрөг зэрэгцүүлэн" (MUJER / HOMBRE) жааз юм: хоёр ижил ач холбогдолтой хөрөг зэрэгцүүлэн байрлуулсан бөгөөд зүүн доод буланд тус бүр нэг ангиллын шошготой. Гэрэл зургуудыг галерейн хэвлэмэл зураг шиг жаазласан - сэдэв нь тод, контекст байхгүй, хүний царай байхгүй, палитр нь монохром байна. Амьдралын үзэгдэл, эд зүйлс байхгүй, бүтэцтэй дэвсгэр байхгүй.
Палетт
Төвийг сахисан
- Canvas White
#ffffff— Анзааралгүй дэвсгэр үүсгэх, хэсгүүдийг ялгах зориулалттай хөнгөн тулгуур гадаргуу. Үүнийг үйлдэлд уриалахын үндсэн өнгө болгон ашиглаж болохгүй. - Ink Black
#080808— Үндсэн текст, дүрс тэмдэг, холбоос, навигацийн төрөл, товчлуурын хүрээ, лого, хөлийн текст - зургууд хэт тод харагдахаас сэргийлж цэвэр хар өнгөнөөс илүү зөөлөн өнгө. - True Black
#000000— Бараан зураг, үндсэн текст, товчлуурын шошго дээр үндсэн текстийг давхарлан байрлуулах - цэвэр хар өнгийг зөвхөн хамгийн тод ялгаатай хэвлэмэл элементүүдэд ашигладаг. - Mist Gray
#dadada— Нарийн хүрээ, доогуур нь зураастай оролтын талбарууд, нарийн тусгаарлагчууд, идэвхгүй болгосон үед тоймууд—хамгийн чимээгүй төвийг сахисан өнгө нь зөвхөн тусгаарласан зүйлээр нь л харагдана. - Signal Red
#c80000— Улаан өнгө нь гоёл чимэглэлийн нарийн ширийн зүйлийг нэмж, нам давтамжийг онцлон тэмдэглэдэг.
Типографи
12-оос 35 пиксел хүртэл · 3 алхам
- SuisseIntl — солих: Neue Haas Grotesk Display · тоймууд 400, 500, 700 · Интерфэйс даяар навигаци, үндсэн текст, гарчиг, товчлуур болон бүтээгдэхүүний тайлбарт ганц фонт ашигладаг. Дэлгэцийн фонтын хувьд эерэг үсгийн зай (0.01–0.04em) нь ер бусын бөгөөд хэвлэсэн каталогийн мэдрэмжийг нэмэгдүүлдэг; ангиллын тайлбарт 700 жин, навигаци болон товчлууруудад 500 жин, бусад бүх зүйлд 400 жин хадгалагдсан. Брэнд нь ганц фонтын гэр бүл болон маш нарийн хэмжээтэй (12–35px) нийцдэг бөгөөд фонт хэзээ ч давамгайлдаггүй.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | зайтай |
| Үндсэн алхам | 8px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 135px |
Хиймэл оюун ухаан таны вэбсайтыг COS хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Apple (España) — цагаан галерей дэлгэцийн хайрцаг
- Silencio — Хөвөгч эд өлгийн зүйлстэй цагаан өрөө. Сөрөг эзэлхүүний дэвсгэр дээр элемент бүр өөрийн гэсэн байр суурийг эзэлдэг дулаан цаасаар хийсэн галерейн үзмэр, нам гүм байдал нь санаатай дизайны шийдвэр юм.
- Oakâme — Дулаан чулуугаар сийлсэн наранд гэрэлтсэн Провансаль урлан
- Nike — Спортын амжилтын монохром галерей - цагаан хана, урлагийн бүтээл мэт бүтээгдэхүүн, хром нь арын дэвсгэр дээр ууссан
- Arc — Шөнө дундын усан дээрх аж үйлдвэрийн цагаан галерей
- Rivian — Галерейн бетонон ханан дээрх цахилгаан цул чулуу. Ривиан нь тээврийн хэрэгсэл бүрийг асар том цагаан орон зайн эсрэг баримал мэтээр дүрсэлдэг бөгөөд хэвлэмэл зураг нь архитектурын элемент болж хувирдаг бөгөөд царцсан гадаргуу дээрх нарны гэрэл шиг монохроматик уур амьсгалыг эвддэг ганц дулаан шар өнгө юм.
- Analogue — Хар галерейн дэлгэцийн хайрцаг – бараа хоосон орон зайд хөвж байна
- ddna — боловсруулаагүй маалинган даавуун дээр дулаан музейн үзмэрийн тавиур
- Zellerfeld — Цагаан гантиг чулуун дээрх уран барималчийн урлан - суурийн цул гадаргуу, кобальтын ганц оч, шалнаас тааз хүртэлх жижиг үсгийн шивнээ
- UY Studio — Хийдийн чулуун галерей нь бетонон ханатай нам гүм орон зай бөгөөд үнэртэй усны савнууд цагаан суурь дээр байрладаг бөгөөд 400 ваттын нэг чийдэн, дөрвөн дулаан саарал чийдэнгээр гэрэлтдэг.
- Basic.Space — цагаан гантиг дээрх кураторын галерей