Viiva ja muoto

Mitkä ovat visuaalisen designin perusosat?

Kaikki visuaalinen design palautuu kolmeen alkeismuotoon: piste (sijainti), viiva (yhteys pisteiden välillä) ja taso (viivojen rajaama alue). Jokainen monimutkainen muoto — jokainen koriste, jokainen asettelu, jokainen kirjainmuoto — rakentuu näistä kolmesta.

Alkeismuotojen ymmärtäminen tarkoittaa sen ymmärtämistä, miksi asiat näyttävät siltä miltä näyttävät. Ympyrä on viiva joka palaa alkupisteeseensä. Suorakulmio on neljä viivaa jotka kohtaavat suorissa kulmissa. 'S'-kaari on viiva joka vaihtaa suuntaa. Kun näet alkeismuodot, näet kauneuden alla olevan logiikan.

Miten suorat ja kaarevat viivat viestivät eri tavalla?

Suora viiva viestii täsmällisyyttä, hallintaa ja ihmisen tarkoitusta. Suoria viivoja ei esiinny luonnossa — ne tehdään. Jokainen suora viiva sanoo: joku päätti tämän.

Kaareva viiva viestii orgaanista kasvua, liikettä ja luonnonvoimia. Kaaria esiintyy kaikkialla luonnossa — joet, oksat, rantaviivat. Kaari sanoo: tämä seurasi voimaa.

Art Deco käyttää koristeessaan yksinomaan suoria viivoja — viivaimella piirretty, täsmällinen, mekaaninen. Koneaika luottaa suoraan viivaan.

Art Nouveau käyttää yksinomaan kaarevia viivoja — 'piiskanlyöntikaarta' joka ei koskaan suorista. Luonto ei käytä viivaimia.

Victorian käyttää molempia — orgaaniset kaaret (kasvitieteellinen koriste) suoraviivaisten kehysten sisällä (reunat, gridit). Luonto kultivoituna arkkitehtuurin sisällä.

Valinta suoran ja kaarevan välillä ei ole esteettinen mieltymys — se on filosofinen kanta.

Mitä geometriset muodot tarkoittavat designissa?

Kandinsky (Bauhausissa) esitti että perusmuodot kantavat luontaista merkitystä: kolmio on aggressiivinen ja dynaaminen. Neliö on vakaa ja maadoittunut. Ympyrä on ääretön ja henkinen.

Hyväksyt Kandinskyn teorian tai et, muodot viestivät. Sivu pyöristettyjä suorakulmioita tuntuu erilaiselta kuin sivu teräväkulmaisia suorakulmioita — jopa identtisellä sisällöllä.

Art Deco suosii vinoneliötä, sahalaitaa, kolmiota — dynaaminen, nouseva, kunnianhimoinen.

Nordic Minimal suosii pehmennettyä suorakulmiota (8px pyöristys) — lähestyttävä, rauhallinen, ystävällinen.

Web-brutalismi suosii puhdasta suorakulmiota (0px pyöristys) — rehellinen, koristamaton, rakenteellinen.

Y2K Aero suosii pillerimuotoa (maksimipyöristys) — pulleahko, paisuteltu, optimistinen.

Miten reunan pyöristys muuttaa muodon luonnetta?

Reunan pyöristys (border-radius) on yksi luku joka muuntaa muodon persoonallisuuden. Nolla = terävä, täsmällinen, arkkitehtoninen. Maksimi = pehmeä, ystävällinen, orgaaninen. Niiden välinen kirjo on tunteen kirjo.

Vertaa eri tyylien välillä tällä sivustolla:

Art Deco: 0px — terävät kulmat ovat sitoumuksia. Jokainen reuna on päätös.

Victorian: 0px — kehyksissä on kulmat. Arkkitehtuuri ei pehmene.

Nordic Minimal: 8px — juuri tarpeeksi tuntuakseen ystävälliseltä tuntumatta leikkisältä.

Material Design: 12px — suhteessa komponentin kokoon. Pyöristys viestii komponentin tyyppiä.

Glassmorphism: 16px — tarpeeksi pehmeä tuntuakseen kiillotetulta lasilta.

Y2K Aero: 20px — paisuteltu, pulleahko, anteliaasti pyöristetty.

Yksi CSS-ominaisuus. Ääretön persoonallisuus.

Mikä on koristeen ja muodon välinen suhde?

Koriste on muoto tehtynä koristeelliseksi — toistettuna, peilattuna, järjestettynä kuvioksi. Yksittäinen lehti on muoto. Toistuvien lehtien reunus on koriste. Ero on tarkoituksessa: koriste on olemassa ilahduttaakseen, ei sisältääkseen.

Victorian-koriste on kasvitieteellistä — luonnosta johdettuja muotoja, ihmiskäden järjestäminä. Lehtiä, köynnöksiä, kukkia, koukeroita.

Art Deco -koriste on geometrista — matematiikasta johdettuja muotoja. Auringonsäteitä, sahalaitoja, viuhkoja, sik-sakkeja.

Art Nouveau -koriste on rakenteellista — koristeen muodostava viiva muodostaa myös rakenteen. Koristetta ei lisätä rakennukseen; koriste on rakennus.

Bauhaus hylkää koristeen kokonaan. Muoto palvelee funktiota. Koriste joka ei palvele tarkoitusta on epärehellisyyttä.

Designin historiaa voi lukea keskusteluna koristeesta: milloin se on perusteltua? Milloin se on ylenpalttisuutta? Jokainen tämän sivuston tyyli vastaa eri tavalla.