FARFETCH España
"Цагаан шоо" хэв маягийн загварын галерей. Хана, шал, тавилга нь цагаан өнгөөр цайрсан, зөвхөн хувцас болон тэдгээрийг өмссөн хүмүүс л өнгө, бүтэц, дүрслэлийг бүрдүүлдэг дээд зэрэглэлийн жижиглэн худалдааны орон зайг төсөөлөөд үз дээ.
Farfetch нь "цагаан куб" загварын галерей болж ажилладаг: интерфэйс нь бараг бүхэлдээ өнгөгүй тул редакторын гэрэл зураг нь бүх харааны шийдвэрийг тодорхойлох боломжийг олгодог. Типографи нь бүх бүтцийн ажлыг хангадаг - захиалгаар хийсэн геометрийн sans-serif фонтыг (Farfetch Basis) 400 ба 700 жинтэй ашигладаг бол хэсгийн гарчиг болон логог текстийг найрлага гэж үздэг serif фонтоор дүрсэлсэн байдаг. Байршил нь архитектурын шинж чанартай: төвлөрсөн, бүрэн өргөнтэй контент, хатуу 3 ба 4 баганатай бүтээгдэхүүний тор, хэсгүүдийг байрлуулах хангалттай зай (48–72 пиксел), чимэглэлийн элементүүд бүрэн байхгүй. Бүрэлдэхүүн хэсгүүд нь чимэглэлгүй - хайлтын нарийн доогуур зураас, далд навигацийн холбоосууд, зургийн доор том үсгээр бичсэн ангиллын нэрс, сүүдэргүй эсвэл хилгүй хавтгай бүтээгдэхүүний хавтан. Систем дэх цорын ганц өнгө бол гэрэл зургууд өөрсдөө; интерфэйс нь хүрээ болохоос зураг өөрөө биш.
Хуудас нь төвлөрсөн, бүрэн өргөнтэй, дээд тал нь ~1280px өргөнтэй бүтэцтэй. Толгой хэсэг нь нимгэн, гурван бүсийн самбар (зүүн талд ангиллын навигаци, төвлөрсөн текст тэмдэг, баруун талд туслах дүрсүүд) бөгөөд доор нь баруун талд нь хайлтын талбар байрладаг. Эхний хэсэг нь бүрэн өргөнтэй ангиллын хавтангийн гурван багана бүхий тор (MUJER, HOMBRE, INFANTIL) бөгөөд тус бүр нь давхарласан шошготой. Ангиллын хэсэг бүрийн доор бүтээгдэхүүний ангиллын картуудын дөрвөн багана бүхий тор (NOVEDADES, ROPA, BOLSOS, ZAPATOS) бөгөөд гарчиг нь бүгд том үсгээр бичигдсэн байна. Хэсгийн гарчгийг төвлөрүүлж, дээд ба доод хэсэгтээ ~48px босоо доголтой фонтоор бичсэн байна. Арын дэвсгэр дээр ээлжлэн зураас байхгүй - хуудас бүхэлдээ нэг цагаан талбар юм. Доод хэсгийг #222222 болгон нэг бараан судал болгон урвуу байрлуулсан. Навигаци нь тогтмол элементгүй, мега цэсгүй, хажуугийн самбаргүй минималист дээд талбар юм.
Харааны системд редакцийн загварын гэрэл зураг давамгайлдаг - хуудсыг бүхэлд нь дүүргэсэн том, өндөр нягтралтай зургууд, архитектурын интерьерүүд болон бүтээгдэхүүний ойрын зураг авалтууд. Гэрэл зургийг өөрөө бүдэг, ханаагүй өнгөний палитраар гүйцэтгэдэг: бетон хана, байгалийн чулуу, төвийг сахисан интерьерүүд, зөөлөн, чиглэлтэй өдрийн гэрэл. Загваруудыг дунд болон бүтэн уртын дагуу, редакцийн позоор авдаг бөгөөд цахим худалдааны каталогийн хатуу позоор биш. Бүтээгдэхүүний зургууд (цүнх, гутал)-ыг төвийг сахисан саарал эсвэл чулуун дэвсгэр дээр тусгаарлаж, амьдралын хэв маягийн ямар ч нөхцөлгүйгээр байрлуулдаг - гол дүр нь гол дүр юм. Интерфэйс нь ямар ч харааны элемент нэмдэггүй: дүрс тэмдэг, сурталчилгааны наалт, гоёл чимэглэлийн жааз байхгүй. Бүх харааны баялаг нь дизайны системээс бус, гэрэл зургийн хэлтсээс гардаг.
Палетт
Төвийг сахисан
- Carbon
#222222— Үндсэн текст, хуудасны текст, навигацийн холбоосууд, дүрс тэмдэг, лого, хөл хэсэг болон бараг хар өнгийн өнгө аяс нь бүхэлдээ монохром системд зориулагдсан. - Paper
#ffffff— Хуудасны зураг, картын дэвсгэр зураг, бүтээгдэхүүний хавтангийн гадаргуу, оролтын талбарууд болон давамгайлсан дэвсгэр нь зургийг цорын ганц өнгөний өргөлт болгодог. - Ash Gray
#b6b6b6— Дүрсний нарийн зураас, нэмэлт хүрээ, арын хэсэгт хайлтын доогуур зураас, оролтын талбарт хий үзэгдэлтэй текстийн орлуулагч зэрэг нь хамгийн чимээгүй сонголт бөгөөд текст төвийг сахисан биш юм. - Stone
#f5f5f5— Навигацийн самбаруудад хулганы заагчийг шилжүүлэх эффект, дэд самбар болон зар сурталчилгааны дэвсгэрүүдэд хоёрдогч гадаргуугийн өнгө аяс, стек дэх хамгийн зөөлөн шилжилтийн эффект. - Graphite
#727272— Дуугүй туслах текст, идэвхгүй хэлбэрийн хил хязгаар, идэвхгүй дүрсний тоймууд - уншигдах байдлыг алдагдуулахгүйгээр онцлох байдал буурч байгааг илтгэдэг дунд зэргийн саарал өнгө. - Smoke
#e6e6e6— Бүтээгдэхүүний эгнээний хоорондох нарийн хуваалтууд, бараг мэдэгдэхүйц бүтцийн шугам нь жигд бус зохион байгуулалттай.
Типографи
13-аас 30 пиксел хүртэл · 3 алхам
- Farfetch Basis — солих: Söhne (paid) or Inter (free) — both share the geometric humanist proportions; Inter as the practical open-source fallback · тоймууд 400, 700 · Хэрэглэгчдэд харагдах бүх зүйлд зориулж захиалгаар хийсэн геометрийн sans-serif фонтыг ашигладаг: навигацийн холбоосууд 13–15px/400, үндсэн текст болон бүтээгдэхүүний тайлбарууд 15px/400, хэсгийн гарчгууд 22–30px/400, FARFETCH лого 700. Зөвхөн 400 ширхэг гарчиг нь тод үсгээс санаатайгаар холдсон явдал юм: хэсгийн гарчгууд нь тогтмол, өөртөө итгэлтэй боловч хэт тод биш жинтэй байдаг бол 700 нь лого болон хамгийн илэрхийлэлтэй ангиллын нэрсэд зориулагдсан байдаг. Энэхүү тусгай геометр нь жигд зураасны контраст болон стандарт Helvetica фонтод хүрэхгүй нарийн, хүмүүнлэг дулаан байдлыг хангадаг.
Интервал ба хэлбэр
| Зорилго | Утга |
|---|---|
| Нягтрал | нягт |
| Үндсэн алхам | 24px |
| Товчлуурын радиус | 0px |
| Картын радиус | 0px |
| Сүүдэр | сүүдрийн оронд хил хязгаар байхгүй |
| Хэсгүүдийн хооронд | 48-72px |
| Хуудасны өргөн | 1280px |
Хиймэл оюун ухаан таны вэбсайтыг FARFETCH España хэв маягаар бүтээж, дүүргэх болно
- Instagram, TikTok, Facebook холбоосоор дамжуулан бүтээгдэхүүн болон нийтлэлүүдээр дүүргээрэй.
- Хуучин сайтаасаа контентыг шилжүүлэх - зүгээр л хаягийг нь зааж өгнө үү.
- Шилдэг хөдөлгүүр дээрх орчин үеийн дизайн: Серверийн рендеринг болон SEO оновчлолыг хайрцагнаас нь гарган React ( Next.js).
- Хайлтын үр дүн болон мэдрэлийн сүлжээний зөвлөмжид зориулсан бүрэн автомат SEO оновчлол.
Төстэй хэв маяг
- MAKR — Гар аргаар хийсэн арьсан эдлэлийн музейн үзмэрийн тавиур. Гартаа барьсан арьсан эдлэлийн том зургуудын доор эсвэл байгалийн дэвсгэр дээр дулаан хар бэхээр бичсэн шошго хөвдөг чимээгүй, бүхэлдээ цагаан өрөө бөгөөд цорын ганц өнгө нь бүдэг мэргэн судалтай харьцуулагдана.
- Franco Maria Ricci Editore — Арт Деко Галерейн Каталог - Цэвэр цагаан илгэн дээр өнгөлсөн алтан зураас
- Laura Monin — Редакцийн галерейн хана, цагаан гантиг, бэхний тамга
- OhDada — Редакцийн галерейн хана
- Cursor — Утаатай нүүрсээр гэрэлтдэг тухтай илгэн цаасны цех
- Structured — Пластилин шиг цаасан дээрх Сэргэн мандалтын үеийн галерей
- MindMarket — Тослог цаасан дээр бичсэн тухтай үлгэрийн ном - нарны гэрэлд норсон, наалт шиг зөөлөн гадаргуу дээр том Интер гарчиг болон хайчилж авсан цаасан дүрүүд зэрэгцэн орших найрсаг редакцийн зураг.
- Airbnb — Ганц шүрэн улаан хавчуургатай чимээгүй цагаан галерейн хана
- Apple (España) — Зөөлөн өдрийн гэрэлд музейн галерей нь ганцхан, сэтгэл татам, жингүй цагаан орон зай бөгөөд үзмэр бүрийг цайвар өнгийн хананы эсрэг прожектороор гэрэлтүүлдэг.
- Lamborghini — Үзэсгэлэнгийн танхимд, гэрлийн доор хар өнгийн кузов - нэг шар машин
- Amplemarket — Наранд шарсан ажлын байр нь конфеттигээр хучигдсан
- Getharvest — Алтан цагийн ширээ – дулаан цөцгий өнгийн даавуу, даавуун дээр өлгөөтэй цагаан ил захидлууд болон ганц тод улбар шар дөл