Spotify
Imba yekudzora jukebox yehusiku
Nzvimbo yewebhu yeSpotify inzvimbo yakakora, ine rima uye ine midhiya: kanivhasi nhema yakashongedzwa nemifananidzo yealbum inopenya, girini imwe chete, uye zvidzoreso zvakaita sepiritsi. Mataipi acho akaomesesa uye anoshanda—mhando yejometri isina kusimba yakagadzirwa nehunyanzvi hwejometri ine saizi diki, zvichibvumira mifananidzo yealbum nemifananidzo yemuimbi kuti iite basa guru rekuona. Magadzirirwo acho igoko rakagadzika rine makoramu maviri (sidebar + main feed) rine grid yemifananidzo yealbum ine sikweya nemaavatar akatenderera, zvichigadzira kuchinjana kwemhando dzejometri. Nzvimbo iyi inodzivirira kuchinja kwakakomba pakukwirira, zvichienderana nekusiyana kwenzvimbo (makadhi #121212 pakanivhasi #000000) uye banner imwe chete hombe yegradient yesimba. Mugumisiro wacho unonzwa seDJ booth: ine ruzivo rwakawanda, ine ruzha rwakasviba, uye yakagadzirira kutamba nekukurumidza.
Kurongeka kwemakoramu maviri kwakasimbiswa kune sidebar yekuruboshwe ("Raibhurari Yako") nenzvimbo huru yezviri mukati inopindura. Bhawa repamusoro ibha dema rakazara nehupamhi rine kutsvaga kuruboshwe uye zviito zveakaundi kurudyi. Zviri mukati zvinotenderera zvakamira, nemakadhi akatwasuka—nziyo dzinozivikanwa mugridi yemativi mashanu, vaimbi vakakurumbira mugridi yemativi mashanu yakatenderera, uye maalbum/ma singles akakurumbira achienderera mberi nepeti iyi. Nzvimbo iri pakati pezvikamu idiki (32 cm). Bhana rekushambadzira repasi rakanamirwa pasi penzvimbo yekutarira. Kufamba kunoitwa chete kuburikidza nebhawa repamusoro nesidebar—hapana mamenu makuru kana breadcrumbs. Rhythm inochinjana: makadhi emativi → makadhi akatenderera → makadhi emativi, zvichigadzira musiyano wejometri pakati pezvikamu.
Makavha eAlbum nemifananidzo yemuimbi ndizvo zvinonyanya kuoneka. Makavha acho anoratidzwa sezvidimbu zvidiki-diki (1:1 aspect ratio) ne6px radius—zvine hunyoro zvekuti zvinoita sezvakanyorwa asi zvakapfava zvekuti zvinogona kunge zvemazuva ano. Mifananidzo yemuimbi zvidimbu zvakatenderera, zvichiratidza kuti chiso chacho chinoonekwa. Nzvimbo huru haina mifananidzo yekushongedza, mifananidzo yemararamiro, kana mifananidzo isina kujeka. Chinhu chega chisiri chemifananidzo chinoratidza ruvara rwepepuru kusvika kubhuruu pasi, icho chinoshanda sechinhu chega cheruvara rwechiratidzo. Mapikicha madiki, ane monolinear, machena pamashure matema—madiki uye anoshanda, haamboshongedzi.
Palette
Rudzi
- Spotify Green
#1ed760— Girini rinoshandiswa senzira yechipiri yekushongedza zvinhu uye kuratidza mibvunzo yekutsvaga isingawanzo shandiswa. Harifanirwe kushandiswa seruvara rukuru rwekukurudzira vanhu kuti vaite chimwe chinhu.
Kwakarerekera
- Pure White
#ffffff— Nzvimbo ine runako rwakareruka yekuisa kumashure kusina kuvharika uye kupatsanura zvikamu. Haifanirwe kushandiswa seruvara rukuru rwekudanwa kwechiito. - Signal Red
#b85850— Tsvuku inoshanda senzira yekusimbisa zvinhu zvekushongedza uye kuratidza mavara asingawanzoonekwi. Shandisa senzira yekusimbisa, kwete senzira yekuratidza chimiro. - Void Black
#000000— Kanivhasi yepeji, kumashure kwekufamba kwepamusoro, denga rakadzika kwazvo - Carbon
#121212— Nzvimbo dzemakadhibhodhi, mapaneru emativi, chikamu chechipiri pamusoro pekanni - Graphite
#1f1f1f— Nzvimbo yakasimudzwa - mamiriro ekukwira, minda yekuisa, zvinhu zvekufambisa zvakasarudzwa. - Smoke
#292929— Kumashure kwekufamba kuri kushanda, mhedzisiro yemwenje wekumashure zvishoma.
Kunyora
kubva pa11 kusvika pa24px · matanho mana
- SpotifyMixUI — kutsiva: Inter · marongero 400, 600, 700 · Kopi yemuviri, kufamba, mabhatani, metadata, zvinyorwa zvidiki—dhizaini diki, ine ruzivo rwakawanda yakagadzirirwa kuve nyore, ichibvumira zvinhu zvehunyanzvi kutonga.
- SpotifyMixUITitle — kutsiva: Inter weight 700 · marongero 700 · Misoro yezvikamu ("Nziyo Dzakakurumbira," "Vaimbi Vakakurumbira") - fonti ine ushingi, ine saizi iri pakati nepakati inoita kuti misoro yacho ionekwe zviri nani pasina kuremedza grid yemakadhi.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 8-12px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 6px |
| Mimvuri | zvishoma |
| Pakati pezvikamu | 32-48px |
AI ichavaka webhusaiti yako nenzira ye Spotify uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Resend — velvet nhema ine ruvara rwepepuru neon
- Neon — Imba yeseva mushure merima. Rima rakachena, uko chiedza chega chinobva mudata uye kutaurirana kwevashandisi.
- Discord — Nyika yemitambo yakavanzwa kuseri kwehwindo rekukurukurirana rinobuda pachena - chikamu chimwe nechimwe inzvimbo yakazvimiririra ine chiedza chayo uye vatambi vayo.
- Idle Finance — Pasi penzvimbo dzekutengeserana dzema neon dzezviteshi zvegungwa rakadzika ichiteshi chegungwa chine rima apo chiedza chimwe chete chebhuruu chinobaya rima.
- Midjourney — Nzvimbo inopenya ine chiedza chezuva iri mugungwa rakadzika. Nyika yakadzika yegungwa umo hungwaru hunozvigadzira munzizi dzeASCII, uye marongero anoita semapatani anopenya zvishoma.
- Netflix — Infinite Digital Shelf. Chiitiko chemafirimu apo raibhurari isingaperi yezvinyorwa inounzwa pamusoro pemamiriro emitambo matema-tema.
- Wope — Wope inzvimbo ine ruvara rwepepuru. Fungidzira tafura yekutarisa ine rima ine chiedza chepepuru chinopenya kubva pasi pegirazi.
- basement — Muchina wekudhinda usina chinhu na3am - mafonti makuru, akamanikidzwa akapararira padema rakati twii, chiedza cheorenji chimwe chete pabhawa rekufambisa, zvimwe zvese zvichena kana kuti grey rakapfava.
- Ori — Imba yevashandisi pakati pehusiku inenge isina chinhu, mwenje muchena, chinja chimwe chete.
- Amaterasu — Nzvimbo Tsvene yeTurquoise yekudenga
- Stink Studios — Studio yemafirimu pakati pehusiku - purojekita inorira, imba yacho yakasviba, firimu chete ndiro rakabatidzwa
- Obsidian — Dura reruzivo rwekristaro. Nzvimbo yakajeka, ine mativi akawanda edhijitari yakagadzirirwa kujekesa uye kutarisisa, ine mitsipa yepepuru inopenya yekudyidzana.