Duolingo
Тумори синфии бозича дар коғази сафед
Интерфейси Duolingo мисли китоби расмҳои бачагона тарҳрезӣ шудааст: аз коғази сафед, шрифти пурра ва мудаввар ва ранги сабзи ягонаи бой, ки фавран "ҷавоби дуруст"-ро ба хотир меорад. Матни асосӣ оҳангҳои оромбахши миёнаи хокистарӣ аст, ки ба сабз ва кабуди он имкон медиҳад, ки ҳама кори эмотсионалиро анҷом диҳанд - сабз барои пешрафт ва сарлавҳаҳо, кабуд барои истинодҳои кликшаванда ва амалҳои иловагӣ. Компонентҳо ба шакли ҳабҳо ё кунҷҳои мудаввар бо канорҳои ғафси сиёҳ ё ранга сохта шудаанд, ки ҳар як тугмаро бештар ба стикере монанд мекунад, ки ба саҳифа часпонида шудааст, на ба идоракунии интерфейси ҳамвор.
Бахшҳо тамоми паҳнои саҳифаро ишғол мекунанд ва ба таври амудӣ дар як сутун ҷойгир шудаанд, ки ҳар кадоме тақрибан 800 пиксел баландӣ дорад. Паҳнои максималии мундариҷа тақрибан 1 пиксел дар марказ ҷойгир аст. Матн дар тарафи чап ва тасвирҳо дар тарафи рост иваз мешаванд ва фазои амудии кофӣ (80 пиксел байни бахшҳо) фароҳам меоранд. Кортҳои шабакавӣ ё тарҳбандии бисёрсутунӣ вуҷуд надоранд - ҳар як бахш як блоки матнии ягона аст, ки бо як тасвир ҷуфт карда шудааст. Навигатсия як сатри болоии минималистӣ бо логотип ва интихобкунандаи забон аст, ки ҳамчун сатри собит байни бахшҳо пайдо мешавад. Поёнтарин сатр як рахи сабз аст, ки тамоми паҳнои саҳифаро фаро мегирад. Ритм таҳрирӣ аст: сарлавҳа, параграф, даъват ба амал, тасвир, такрор.
Забони тасвирии китоб аломатҳои дученака ва ҳамвор (дуэти бум ва фигураҳои гуногуни инсон)-ро бо шаклҳои геометрии мудаввар, контурҳои сиёҳи ғафс ва палитраи рангҳои гулобӣ, арғувонӣ, зард, норанҷӣ ва кабуд, ки ҳеҷ гоҳ дар худи интерфейс пайдо намешаванд, дар бар мегирад. Тасвирҳо дар паҳлӯи матн дар тарафи рости ҳар як бахш, дар пасманзари сафеди холис, бе контейнер ё пасманзар ҷойгир карда шудаанд. Аксҳо вуҷуд надоранд - аломатҳо ҳамчун мундариҷаи визуалӣ хизмат мекунанд. Иконография аз контурҳои ғафс истифода мебарад, ки бо услуби талисманҳо мувофиқ аст. Зичии тасвирҳо мӯътадил аст: ҳар як бахш як тасвири калони қаҳрамонро дар бар мегирад ва боқимондаи саҳифа ба типография ва фазои сафед бахшида шудааст.
Палитра
Бренд
- Eager Green
#58cc02— Ранги сабз барои таъкид кардани истинодҳо, тегҳо ва ибораҳои кӯтоҳ истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад. - Storybook Green
#d7ffb8— Рангҳои нарм дар сатҳҳои равшан, оҳангҳои нозуки замина дар паси нишонаҳои навигатсия дар поёни сатҳ.
Бетараф
- Spark Blue
#1cb0f6— Кабуд барои таъкид кардани истинодҳо, тегҳо ва ибораҳои кӯтоҳ истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъватҳо ба амал истифода шавад. - Fresh Leaf
#a5ed6e— Ранги сабз барои таъкид кардани истинодҳо, тегҳо ва ибораҳои кӯтоҳ истифода мешавад. Он набояд ҳамчун ранги асосӣ барои даъват ба амал истифода шавад. - Night Ink
#000437— Пайвандҳо, барчаспҳо ва ибораҳои кӯтоҳи қайдшуда бо ранги арғувонӣ қайд карда шудаанд. - Paper White
#ffffff— Канваси саҳифа, сатҳҳои картон, матни тугмаҳо дар заминаи сабз/торик. - Charcoal
#4b4b4b— Сарлавҳаҳо ва матни асосии қаҳрамон - Матни торики универсалӣ, ки ба сарлавҳаҳои ранга имкон медиҳад, ки фарқ кунанд. - Pencil Gray
#777777— Параграфҳои асосии матн бо ҳарфҳои ноаён қайд карда шудаанд ва матни дуюмдараҷаи тавсифӣ ба замина ворид мешавад, то унсурҳои ранга ба пеш оянд.
Типография
аз 13 то 64 пиксел · 7 қадам
- feather — ивазкунӣ: Inter · контурҳо 700 · Сарлавҳаҳои бахшҳо, ба монанди "Роҳӣ. Шавқовар. Самаранок" ва "Санҷиши забони англисии Duolingo", бо истифода аз шрифти мудаввари фармоишӣ намоиш дода мешаванд, ки ба бренд услуби бозича, дӯстона ва монанд ба талисманро медиҳад. Бо "Feather Bold" ё "Nunito Black" бо вазни мувофиқ иваз кунед. Фосилаи ҳарфҳо: -0.0200em
- duolingo-sans — ивазкунӣ: Inter · контурҳо 500 · Параграфҳои асосӣ ва истинодҳои навигатсия бо андозаи 17px/500 — шрифти геометрии sans-serif, ки хондашаванда боқӣ мемонад ва ба вазни сатри 700 имкон медиҳад, ки нуктаҳои муҳимро таъкид кунад. Бо 'DIN Next', 'Inter' ё 'Nunito Sans' иваз кунед.
- duolingo-sans — ивазкунӣ: Inter · контурҳо 700 · Ҳамаи арзишҳои weight-700 истифода мешаванд: ҳарфҳои калон дар тамғаҳои навигатсионӣ 15 пиксел (ls 0.0530em), зерсарлавҳаҳо 19 пиксел ва 32 пиксел ва таъкиди истинод 13 пиксел аст. Ҳамон шрифт бо матни асосӣ - фарқияти визуалӣ дар вазн аст, на дар тағирёбии шрифт. Фосилаи ҳарфҳо: 0.0530em барои ҳарфҳои калон дар тамғаҳои навигатсионӣ.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | зич |
| Қадами асосӣ | 12px |
| Радиуси тугма | 12px |
| Радиуси корт | 12px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 80-120px |
| Паҳнои саҳифа | 1200px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Duolingo месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Family — Порчаи афсонавӣ дар рӯи пергаменти қаймоқӣ
- Say Briefly — Эскизҳои агентии эҷодӣ дар коғази қаймоқӣ
- Flying Papers — Эътироф дар карикатураи субҳи шанбе
- Portrait — Девори хотираҳо, ки бо расмҳои полароидҳо дар коғази қаймоқранг сабт шудааст. Албоми дурахшон ва қаймоқранг, ки дар он ранги кабуди тира ягона матн, ягона хатҳои сохтор ва ягона ранги чаҳорчӯба аст — бо як рангинкамони дастӣ кашидашуда, ки як бор дар тугмаи "Бақайдгирӣ" ва дар калимаи курсив бо хати "абадӣ" пайдо мешавад ва дигар ҳеҷ гоҳ.
- Karl — Диорамаи китоби поп-апи 3D дар як рӯзи офтобӣ
- Navigate — Маҷмӯи калони стикерҳое, ки ба тахта часпонида шудаанд: шрифти калони гротеск, ҳама дар шакли лавҳаҳо ва панҷ нишонаи рангоранг, ки мисли логотип такрор мешаванд
- Monte — Субҳ дар соҳил бо ранги зангзада
- MotherDuck — Терминал бо қаламҳои ранга дар коғази қаймоқ рамзгузорӣ шудааст
- Wise Design — Дӯкони бозори неон дар кӯчаи ҷаҳонӣ — аломати сабзи дурахшон, ки дар бозори серодам садо медиҳад, дар ҳоле ки дар паси он интерфейси корбарии сайқалёфтаи маҳсулот ба таври пинҳонӣ пайдо мешавад.
- Hatch — Тарҳи дастӣ кашидашуда бо услуби самиздат бо косаҳои қандии пастелӣ. Матоъи коғазии қаймоқранг бо накҳатҳои пудинагӣ, нуқтаҳои конфетти ва даъватҳои шакли ҳаб ба амал оро дода шудааст, ки дар он шрифти калони серифи ғафс ба шавқовар ишора мекунад ва тимсоли кабуд дар гӯша чашмак мезанад.
- Superr — Дафтари гарми мактабӣ дар нури нарми нисфирӯзӣ. Саҳифаи ранги қаймоқранг, маркери норинҷӣ бе сарпӯш ва як тӯда стикерҳои номӣ, ки мунтазири канда шудан ҳастанд.
- Mews — Маркази идоракунии меҳмондорӣ дар субҳгоҳ, ки бо ранги гулобӣ оро дода шудааст. Фазои кории сафедпӯш ва офтобӣ, ки дар он ҳар як экран шрифти сиёҳи ғафс, кортҳои қаймоқи гарм ва як тугмаи гулобии гарм муайян карда мешавад - эътимоди бозича ба ҷои маҳдудияти корпоративӣ.