# Memphis-design: leikkisät kuviot nykypäivän käyttöön

[Canonical HTML page](https://gradiently.design/fi/guide/memphis-design)

Kiemuroita, konfettia, terrazzo-täpliä, riiteleviä pastelleja ja lelulaatikosta pudonneita muotoja. Memphis rikkoi hyvän maun sääntöjä tarkoituksella. Sen kuviot erottuvat yhä pakkauksissa ja brändikuvituksissa.

## The short version

- Memphis-design syntyi Memphis Groupissa, joka kokosi suunnittelijoita ja arkkitehtejä Milanossa vuoden 1980 lopulla Ettore Sottsassin ympärille.
- Ryhmän sanotaan nimenneen itsensä ensitapaamisessa soineen Bob Dylanin Stuck Inside of Mobile with the Memphis Blues Again -kappaleen mukaan.
- Memphis yhdistää kirkkaat riitelevät värit, mustavalkoiset kuviot, kiemurat, pisteet ja yksinkertaiset geometriset muodot tarkoituksellisen epätasapainoisesti.
- Memphis vastusti modernismin hillittyyttä ja piti koristeita sekä huumoria oikeutettuina osina designia.
- Nykyinen Memphis-vaikutteinen design toimii parhaiten, kun kuvio kehystää viestiä ja teksti on rauhallisella, luettavalla alueella.

**Memphis-design** on leikkisä, tarkoituksella riitelevä tyyli Memphis Groupilta, joka muodostui Milanossa vuoden 1980 lopulla arkkitehti Ettore Sottsassin ympärille. Ajattele kirkkaita pastelleja perusvärien vierellä, mustavalkoisia kiemuroita, konfettipisteitä, terrazzo-täpliä ja lapsen pinoamia paksuja geometrisia muotoja. Se vastusti hyvän maun modernismia. Nyt kuviot näkyvät pakkauksista brändikuvituksiin.

## Memphis Groupin lyhyt historia

Joulukuussa 1980 Sottsass kutsui nuorempia suunnittelijoita asuntoonsa Milanossa, muun muassa Michele De Lucchin, Nathalie Du Pasquierin, George Sowdenin, Martine Bedinin ja Matteo Thunin. Bob Dylanin *Stuck Inside of Mobile with the Memphis Blues Again* soi toistolla, ja nimi jäi. Ensimmäinen kaluste-, valaisin- ja esinekokoelma esiteltiin Milanossa vuonna 1981 sekä ihastuksen että raivon saattelemana.

Memphis käytti halpoja iloisia materiaaleja, kuten painettua muovilaminaattia, hienolle puulle varatuissa paikoissa ja sekoitti lähiökitsiä antiikin arkkitehtuuriin. Sottsassin Carlton-tilanjakaja, värillisten laminaattihyllyjen toteemi, nousi tyylin tunnukseksi. Sottsass lähti 1985 ja ryhmä lopetti myöhemmin samalla vuosikymmenellä. Ilme oli jo levinnyt muotiin, TV-lavasteisiin ja grafiikkaan.

| Ainesosa | Ulkonäkö |
| --- | --- |
| Kiemurat | Paksut mustat aaltoviivat kuin käsin piirretty jousi |
| Konfetti ja täplät | Hajallaan olevat viivat, pisteet ja terrazzo-sirut |
| Rohkea geometria | Ympyrät, kolmiot, puolikuut ja sylinterit |
| Mustavalkoinen tekstuuri | Ruudukot, raidat ja kiemurtelevat piirrokset kuten Sottsassin Bacterio-kuosi |
| Riitelevät värit | Pastellipinkki koboltin vierellä, minttu punaisen vierellä |
| Epätasapainoinen pinoaminen | Oudosti kallistetut muodot, mikään ei aivan keskellä |

Memphisin kuusi ainesosaa. Kolme yhdessä riittää yleensä tunnistamiseen.

## Memphis-designin värit ja paletti

Memphisin väreissä on kitkaa: makeat pastellit kovia perusvärejä vasten sekä paljon mustaa ja valkoista. Mikään ei ole murrettua eikä kohteliaasti yhteensopivaa.

- Purukumipinkki: #ff5fa2
- Banaani: #ffd23f
- Altaan sinivihreä: #29c5c5
- Koboltti: #3a4fd8
- Mandariini: #ff6b35
- Minttu: #b8f2c9
- Kiemuramusta: #1d1d1d
- Laminaattivalkoinen: #fdf6e3

Memphis-paletti. Luonnonvalkoinen pohjaksi, musta kuvioon ja tekstiin, kolme tai neljä kirkasta muotoihin.

- Musta viivoitus: `repeating-linear-gradient(45deg, #fdf6e3 0 14px, #1d1d1d 14px 18px)`
- Karkkiraita: `repeating-linear-gradient(90deg, #ff5fa2 0 30px, #ffd23f 30px 60px)`
- Allasrenkaat: `repeating-radial-gradient(circle at 0% 100%, #29c5c5 0 20px, #fdf6e3 20px 34px)`
- Aurinko koboltilla: `radial-gradient(circle at 70% 35%, #ff6b35 0 22%, #3a4fd8 22.5%)`
- Mintun ja purukumin jako: `linear-gradient(160deg, #b8f2c9 0 55%, #ff5fa2 55%)`
- Lelulaatikon kiilat: `conic-gradient(from 45deg at 30% 60%, #ffd23f 0 25%, #1d1d1d 0 30%, #29c5c5 0 60%, #ff5fa2 0)`

Kuusi Memphis-taustaa, kukin yksi liukuväri kovilla väripisteillä. Yhdistä kaksi suunnitelmassa, älä kaikkia kuutta.

## Memphis-kuvion tekeminen

Uskottava Memphis-kuvio kerrostaa kolme asiaa: pienen toistuvan tekstuurin, muutaman suuren tasaisen muodon ja yhden käsin piirretyn kiemuran. Tekstuuri ja muodot voivat olla pelkkää CSS:ää ja pysyä terävinä joka koossa. Lisää tekniikoita löytyy oppaasta [CSS-kuviot](https://gradiently.design/fi/guide/css-patterns).

```css
.memphis {
  background-color: #fdf6e3;
  background-image:
    radial-gradient(circle at 100% 0%, #29c5c5 0 22%, transparent 22.5%),
    linear-gradient(135deg, transparent 0 80%, #ffd23f 80%),
    radial-gradient(circle at 0% 100%, #ff5fa2 0 18%, transparent 18.5%),
    radial-gradient(circle, #1d1d1d 2px, transparent 2.5px);
  background-size: auto, auto, auto, 22px 22px;
}
```

Sinivihreä ympyrä oikealla ylhäällä, keltainen kulmakolmio, pinkki ympyrä vasemmalla alhaalla ja musta pisteruudukko alla. Lisää SVG-kiemura viimeistelyksi.

1. **Aseta rauhallinen tekstuuri** Pieniä tasaisia pisteitä, viivoitusta tai terrazzo-siruja mustalla luonnonvalkoisella.
2. **Lisää kaksi tai kolme isoa muotoa** Ympyrä, kolmio ja puolikuu eri kirkkailla väreillä, osittain kehyksen ulkopuolella.
3. **Lisää yksi kiemura** Paksu musta aaltoviiva yhden muodon yli. Tämä yksityiskohta kertoo Memphisin.
4. **Jätä tyhjä alue sanoille** Pidä keskusta tai toinen sivu rauhallisena. Kuvio kehystää viestin eikä kulje sen takana.

## Memphisin typografia ja kirjaimet

Memphis-grafiikka käytti harvoin hentoja fontteja. Kirjaimet olivat paksuja, geometrisia tai hieman outoja, usein kallistettuna tai muodon sisällä. Valitse yksi raskas tai pyöristetty otsikkofontti, käytä isona ja anna kuvion koristella.

- **Raskaat geometriset päätteettömät fontit** otsikoihin suuraakkosina tai lihavoituina pienaakkosina.
- **Pyöristetyt fontit** pehmeään lelumaisuuteen lasten- ja ruokabrändeissä.
- **Muutaman asteen kallistettu teksti** tai teksti värimuodon päällä luo epätasapainoa.
- **Musta tai tumma koboltti tekstille**, ei koskaan pastellia pastellille.

## Memphis-design nykykäytössä

Memphis palasi 2010-luvulla pakkauksiin, teknologiakuvituksiin ja muotikuoseihin. Se sopii yhä hauskoihin, nuoriin ja mutkattomiin brändeihin: välipaloihin, juomiin, lelukauppoihin, lastentapahtumiin, luoviin studioihin ja leikkisiin sovelluksiin. Pankkeihin, klinikoihin ja lakitoimistoihin se sopii huonommin, sillä asiakkaat kaipaavat varmuutta eivätkä vitsiä.

Neliöilmoitus tekstillä Bileet meillä leikkisällä värikkäällä taustalla

Syntymäpäiväilmoitus: leikkisä tausta täyttää kehyksen ja teksti on rauhallisimmalla alueella.

Pystytarina uudesta mango-chilimakuisesta tuotteesta kirkkaalla taustalla

Tuotelanseerauksen tarina. Kirkas ja ilkikurinen mutta luettava turva-alueen yläreunasta alas.

### Vältä

- Suoraan otsikon takana kulkevaa kuviota
- Kaikkia kirkkaita värejä joka suunnitelmassa
- Muotoihin katoavaa ohutta tekstiä
- Memphisiä rauhaa tai luottamusta myyvässä brändissä

### Tee näin

- Rauhallinen alue sanoille
- Kolme tai neljä kirkasta suunnitelmaa kohti
- Paksu, pyöristetty tai raskas fontti
- Memphis, kun lupaus on hauskuus

Luettavuus on kuviotyylin vaikein osa. Gradientlyssä Mark siirtää rauhallisimman alueensa sanojen taakse, vähentää levottomia yksityiskohtia ja valitsee vaalean tai tumman musteen rivikohtaisesti. Se ratkaisee juuri Memphis-sommittelun ongelman. Lisää energiaa löydät oppaista [rohkea grafiikka](https://gradiently.design/fi/guide/bold-design-ideas), [leikkisä brändäys](https://gradiently.design/fi/guide/playful-design) ja [80-luvun estetiikka](https://gradiently.design/fi/guide/80s-aesthetic). Memphisin vastustamasta modernismista kertoo [Bauhaus-design](https://gradiently.design/fi/guide/bauhaus-design).

## FAQ

### Mikä on Memphis-design?

1980-luvun milanolaisen Memphis Groupin leikkisä tyyli Ettore Sottsassin johdolla. Sen tunnuksia ovat riitelevät värit, kiemurat, pisteet ja rohkeat geometriset muodot.

### Miksi sitä kutsutaan Memphisiksi?

Tarinan mukaan Bob Dylanin Stuck Inside of Mobile with the Memphis Blues Again soi toistolla ryhmän ensitapaamisessa joulukuussa 1980.

### Mitä värejä Memphis-design käyttää?

Kirkkaita pastelleja kuten purukumipinkkiä ja minttua, perusvärejä kuten kobolttia ja keltaista sekä paljon mustavalkoista kuviota.

### Ketkä suunnittelivat Memphis Groupissa?

Ettore Sottsass johti ryhmää, johon kuuluivat muun muassa Michele De Lucchi, Nathalie Du Pasquier, George Sowden, Martine Bedin ja Matteo Thun.

### Miten teen Memphis-kuvion?

Kerrostamalla pieni musta tekstuuri, kuten pisteet tai viivoitus, kaksi tai kolme isoa kirkasta muotoa ja yksi paksu musta kiemura. Jätä rauhallinen alue tekstille.