Spotify
Efitrano fanaraha-maso jukebox amin'ny alina
Foibe fanaraha-maso ny haino aman-jery maizina sy matevina ny interface web an'ny Spotify: lamba mainty efa ho mainty voaravaka sary rakikira marevaka, haingon-trano maitso tokana, ary fanaraha-maso miendrika pilina. Kely sy azo ampiasaina tsara ny endri-tsoratra — endri-tsoratra geometrika tsy misy serif namboarina manokana amin'ny habe kely, ahafahan'ny sary rakikira sy ny sarin'ny mpanakanto manao ny ankamaroan'ny asa hita maso. Ny fisehon'ny endrika dia akorandriaka tsanganana roa raikitra (sidebar + feed lehibe) miaraka amin'ny grid misy sary rakikira efamira sy avatar boribory, mamorona fifandimbiasana ara-gadona amin'ny karazana geometrika. Misoroka ny fiovana tampoka amin'ny haavony ny interface, miantehitra amin'ny fahasamihafana kely eo amin'ny velarana (karatra #121212 amin'ny lamba #000000) ary sora-baventy gradient lehibe tokana ho an'ny angovo. Ny vokany dia fahatsapana tranoheva DJ: feno fampahalalana, maizina ny feo, ary vonona ny hilalao indray mandeha.
Ny endrika raikitra misy tsanganana roa dia ahitana sisiny havia ("Ny Tranombokinao") sy faritra votoaty lehibe mifanaraka amin'izany. Ny bara ambony dia bara mainty feno sakany misy fikarohana eo ankavia ary hetsika kaonty eo ankavanana. Ny votoaty lehibe dia mihodina mitsangana, miaraka amin'ny karatra mihodinkodina mitsivalana—hira malaza ao anaty grid efamira misy tsanganana 5, mpanakanto malaza ao anaty grid boribory misy tsanganana 5, ary rakikira/single malaza manohy io lamina io. Kely ny elanelana misy eo amin'ny fizarana (32 sm). Ny sora-baventy doka ambany dia miorina eo amin'ny faran'ny viewport. Ny fitetezana dia karakaraina amin'ny alàlan'ny bar ambony sy ny sisiny—tsy misy mega-menus na breadcrumbs. Mifandimby ny gadona: karatra efamira → karatra boribory → karatra efamira, mamorona fifanoherana geometrika eo amin'ny fizarana.
Ny fonon'ny rakikira sy ny sarin'ny mpanakanto no votoaty hita maso voalohany. Aseho toy ny sombin-javatra efamira matevina (tahan'ny lafiny 1:1) miaraka amin'ny radius 6px ny fonony—mazava tsara ka toa lahatsoratra nefa malefaka ka mifanaraka amin'ny vanim-potoana ankehitriny. Sombin-javatra boribory ny sarin'ny mpanakanto, izay manasongadina ny tarehy ho toy ny famantarana. Tsy misy sary haingon-trano, sary fomba fiaina, na sary abstract ny interface lehibe. Ny singa hita maso tsy misy sary dia sora-baventy gradient volomparasy mankany manga eo ambany, izay singa tokana amin'ny lokon'ny marika. Minimalista, monolinear, fotsy amin'ny fototra maizina ny kisary—kely sy azo ampiasaina, tsy haingon-trano mihitsy.
faritra,
Marika
- Spotify Green
#1ed760— Ampiasaina ho loko fanampiny ho an'ny haingon-trano sy hanasongadinana ireo fikarohana tsy dia ampiasaina matetika ny maitso. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izy io.
tsy miandany
- Pure White
#ffffff— Elanelana maivana manohana mba hamoronana ambadika tsy misongadina sy hanasaraka ireo fizarana. Tsy tokony hampiasaina ho loko fototra amin'ny antso ho amin'ny hetsika izany. - Signal Red
#b85850— Ny mena dia ampiasaina ho toy ny loko fanampiny ho an'ny haingon-trano ary hanasongadinana ireo loko tsy mahazatra. Ampiasao ho toy ny loko fanampiny izy io, fa tsy ho toy ny loko maneho ny maha-izy azy. - Void Black
#000000— Lambam-pejy, ambadika fitetezana ambony, sosona lalina indrindra - Carbon
#121212— Ety ivelany vita amin'ny baoritra, takelaka ilany, sosona faharoa eo ambonin'ny lamba - Graphite
#1f1f1f— Velarana nasandratra - toetry ny fihovitrovitra, saha fampidirana, singa fitetezana voafantina. - Smoke
#292929— Afara fitetezana mavitrika, fiantraikany maivana amin'ny jiro.
Tipografia
manomboka amin'ny 11 ka hatramin'ny 24px · dingana 4
- SpotifyMixUI — fanoloana: Inter · drafitra 400, 600, 700 · Ny votoatin'ny lahatsoratra, ny fitetezana, ny bokotra, ny metadata, ny fanazavana kely—endrika kely sy manankarena fampahalalana natao ho saro-pady, ahafahan'ireo singa ara-javakanto manjaka.
- SpotifyMixUITitle — fanoloana: Inter weight 700 · drafitra 700 · Lohatenin'ny fizarana ("Hira Malaza", "Mpanakanto Malaza") - endri-tsoratra matevina sy antonony no mahatonga ny lohateny ho miavaka nefa tsy be loatra ny karatra.
Elanelana sy endrika
| Zava-kendreny | HEVITRY |
|---|---|
| hakitroky | mikitroka |
| Dingana fototra | 8-12px |
| Savaivony bokotra | 9999px |
| Savaivony karatra | 6px |
| aloka | kely dia kely |
| Eo anelanelan'ny fizarana | 32-48px |
Hanangana ny tranonkalanao amin'ny fomba Spotify ny AI ary hameno azy
- Fenoy vokatra sy lahatsoratra amin'ny alàlan'ny rohy - Instagram, TikTok, Facebook.
- Afindrao ny votoaty avy amin'ny tranonkalanao taloha—farito fotsiny ny adiresy.
- Endrika maoderina amin'ny motera tsara indrindra: React ( Next.js) miaraka amin'ny rendering mpizara sy fanatsarana SEO efa misy.
- Fanatsarana SEO mandeha ho azy tanteraka ho an'ny valin'ny fikarohana sy ny tolo-kevitra momba ny tambajotra neural.
Endrika mitovy
- Resend — velvet mainty misy loko neon volomparasy
- Neon — Efitrano mpizara rehefa maizina ny andro. Haizina tanteraka, izay ny hany hazavana dia avy amin'ny angon-drakitra sy ny fifandraisan'ny mpampiasa.
- Discord — Miafina ao ambadiky ny varavarankely firesahana mipoitra tampoka ny tontolon'ny lalao - tontolo iainana mitokana miaraka amin'ny jiro sy andiana endri-tsoratra ny fizarana tsirairay.
- Idle Finance — Toeram-piantsonana an-dranomasina maizina ny gorodon'ny varotra neon an'ireo toeram-piantsonana an-dranomasina lalina izay misy hazavana manga tokana miditra ao anatin'ny haizina.
- Midjourney — Terminal bioluminescent any amin'ny ranomasina lalina. Tontolo an-dranomasina lalina izay ahitana ny faharanitan-tsaina mamorona ny tenany amin'ny alàlan'ny ASCII streams, ary ny fanaraha-maso dia miseho ho toy ny lamina mamiratra malefaka.
- Netflix — Talantalana nomerika tsy manam-petra. Traikefa an-tsehatra izay ahitana tranomboky votoaty tsy misy fiafarany aseho ao anatin'ny tontolo maizina sy teatra.
- Wope — Eo amin'ny faravodilanitra volomparasy ny Wope. Alaivo sary an-tsaina ny latabatra fandinihana maizina misy hazavana volomparasy miparitaka avy ao ambanin'ny fitaratra.
- basement — Milina fanontam-pirinty foana amin'ny 3 maraina – endri-tsoratra goavana sy voafintina miparitaka manerana ny maizina tanteraka, jiro volomboasary kely eo amin'ny bara fitetezana, ary ny ambiny rehetra fotsy na volondavenona toy ny matoatoa.
- Ori — Loko mainty tsy misy na inona na inona ao amin'ny efitrano mpizara amin'ny misasakalina, jiro fotsy ary jiro mirehitra iray.
- Amaterasu — Toerana Fialofana Turquoise Selestialy
- Stink Studios — Studio fanaovana sarimihetsika amin'ny misasakalina - maneno ny projecteur, maizina ny efitrano, fa ny sarimihetsika ihany no mirehitra
- Obsidian — Tahiry fahalalana kristaly. Toerana nomerika mazava sy maro lafy natao ho amin'ny fahazavana sy fifantohana, miaraka amin'ny lalan-dra volomparasy mamirapiratra amin'ny fifandraisana.