Minimalistinen verkkosuunnittelu: kun vähemmän on enemmän
Muotoilijoina me kaikki tiedämme, että minimalistinen muotoilu voi saavuttaa kauniita tuloksia.
Silti monet suunnittelijat eivät pysty luomaan yhtä; joko heillä on vaikea tehdä sivua niin vähän elementtejä näyttää hyvältä tai lopputulos vain ei näytä "täydellinen".
Webissä on monia artikkeleita minimalismista ja tämän artikkelin tarkoituksena on auttaa sinua saavuttamaan minimalistinen muotoilu, joka on kaunis mutta ei paljas.
Päälle, esitämme pienen minimalistisen mallin esittelyn , jotta voit analysoida miksi jotkut mallit toimivat ja muut eivät.
Mikä on minimaalinen muotoilu?
Minimalistista muotoilua on kuvattu muotoiluksi kaikkein yksinkertaisimmilla, riisuttuista tarpeettomista elementeistä, väreistä, muodoista ja tekstuureista.
Sen tarkoituksena on tehdä sisällöstä erottuva ja olla keskeinen asia. Visuaalisesta näkökulmasta minimalistisen muotoilun on tarkoitus rauhoittaa ja tuoda mieli alas perusasioihin .
Suunnittelumalli alkoi Sveitsissä, ja sitä käytettiin sitten monissa medisissa: graafinen suunnittelu, arkkitehtuuri, musiikki, kirjallisuus, maalaus ja viime aikoina web-suunnittelu.
Vaikka minimalistinen muotoilu kesti vuosikymmeniä sitten, Internetin alkuajat eivät osoittaneet sitä. Jopa ilman pyöriviä logoja, telttoja ja kirkkaita värejä, verkkosivujen mallit olivat tylsistyneitä ja hallitsevia .
Menemme yli minimalistisen suunnittelun perusperiaatteet. Mutta vaikka et halua noudattaa minimalistista esteettistä, oppitunnit voivat auttaa sinua yksinkertaistamaan suunnittelua riippumatta tyyliisi.
Vähemmän on enemmän
Kuten mainittiin, minimalismi tuo tärkein sisältö etusijalle ja minimoi käyttäjän häiriötekijät. Jos sivulla on liian monta elementtiä, katselija hämää, mistä etsiä tai tulkita väärin kunkin elementin prioriteetti. Minimaalinen muotoilu keskittyy suoraan sisältöön.
Esimerkiksi värilliset värit mustavalkoiseen muotoiluun varmistavat käyttäjän huomion. Väri itsessään tulee keskipiste . Katsotaanpa tiettyä esimerkkiä:
Olet luultavasti nähnyt tällaista muotoilua aikaisemmin: tavallinen valkoinen tausta, yhden sisällön lohko ja yksi graafinen elementti.
Graafinen elementti tuo väriä, koostumusta ja muotoa. Se on selvästi sivun tärkein elementti, ja siinä määritellään suunnittelijan brändi ja identiteetti.
Tämän graafisen elementin monimutkaisuuden vuoksi tämän sivun sisällön lisääminen olisi vähentänyt sitä vähemmän huomiota ja vähemmän tärkeätä. Sisällön pitäminen mahdollisimman pienenä, suunnittelija on saavuttanut täydellisen tasapainon.
Sisällön minimointi
Ensimmäinen askel minimaalisen muotoilun luomiseen tai layoutin yksinkertaistamiseen ei ole pelkästään leikata suurta osaa grafiikasta, vaan pikemminkin uudistaa sisältöä ja liittää se paljaisiin vaatimuksiin. Ainoastaan silloin sivun tärkeimmät elementit saavuttavat halutun vaikutuksensa.
Aivan kuten suunnittelet jonkin verkkosivuston, kirjoita haluamasi sisältö: logo, esittely, navigointi jne. Leikkaa mitä tahansa muuta, mikä ei ole välttämätöntä. Heitä mahdollisimman paljon .
Seuraavassa on joitain elementtejä, joita et todennäköisesti tarvitse. Muista, että tämä on vain opas. Täsmälliset vaatimukset riippuvat sinun erityisestä suunnittelusta. Jotkut alla olevista kohteista eivät ehkä ole välttämättömiä sivustollesi.
- Kuvakkeita tai grafiikkaa sosiaaliselle medialle tai sosiaalisen median osalle lainkaan
- Taglines ja täydentävät kuvaukset tai esittely
- "Suositellut", "Suosittuja" ja "Viimeaikaiset" listat (mukaan lukien Twitter ja RSS-syöteluettelot)
- Sivut, joissa on enemmän kuin kolme pääosaa (esim. "Johdanto", "Tietoja" ja "Palvelut")
- Toissijaiset navigointi-sivut.
Tässä ei ole tarkoitus tehdä sivustosta vähemmän toimiva, vaan pikemminkin leikata tarpeettomia elementtejä (ja korostaa ne välttämättömiä) tai yhdistää osiot yksinkertaisemmaksi (esimerkiksi sisällyttämällä sosiaalisen median linkit "Tietoja" tai johdantokappale).
Voit myös jakaa sisältöä erillisiin sivuihin, jolloin jokainen sisältö pidetään enemmän huomiota.
Suunnittelun yksinkertaistaminen
Nyt on aika yksinkertaistaa muotoilua niin paljon kuin mahdollista.
Minimalistisilla kuvioilla pitäisi olla vähän rakenne, väri, muoto, viivat, sisältö tai tyyppi. Mene liian paljaalle, ja suunnittelu on tylsää. Sen sijaan, että poltettaisiin kaiken, anna suunnittelun valitus tekemällä vain yksi tärkeä piirre keskipiste .
Valitse, mitä tämä painopiste on, ja pidä vihjeitä alla, kun työskentelet suunnittelun kautta.
Käytä suurta Wire-kehystä
Selaamassa alla olevaa esittelykappaletta näemme, että jotkut suunnittelijat ovat lisänneet visuaalista mielenkiintoa hienovaraisilla värinpurkauksilla, ainutlaatuisella typografialla tai mielenkiintoisilla muodoilla. Ehkä tärkein elementti, johon kaikki ovat vedonneet, on kuitenkin ainutlaatuinen rautalanka .
Tällaisen paljaalle sivulle johdetun kehyksen luominen vaatii hieman enemmän huomiota. Oikealla rautalangalla voit saavuttaa oikean hierarkian ja organisaation ja luoda visuaalista kiinnostusta.
Seuraavien vaiheiden avulla saat selville johdinkehyksen:
- Päätä, mitä sisältöä ehdottomasti tarvitset
- Luettelossa asetetaan tärkeysjärjestyksessä sisältö
- Piirrä muutamia lankaelementtejä, jotka perustuvat luetteloosi kokeilemaan parasta visuaalista hierarkiaa.
Kun kehität rautalangan, harkitse sijoittelua, mutta myös visuaalista hoitoa. Jos logo esimerkiksi sisältää värin, jota et käytä muualla muualla, sinun on otettava huomioon se.
Valkoinen tila
Valkoinen tila on käytännöllisesti katsoen sama kuin minimalismi.
Ei ole väliä kuinka luovaa sinä olet, minimalistinen muotoilu, jossa ei ole runsaasti valkoista tilaa, ei todellakaan ole minimaalinen. Joten muista lisätä enemmän valkoista tilaa elementtien ympärillä kuin normaalisti.
Tilaa tarvitaan tasapainottamaan muutamia sivuilla näkyviä elementtejä.
Tasapaino, kohdistus, kontrasti
Vaikka suuri osa kuormasta voi kuljettaa valkoisella tilalla ja hyvällä rautalangalla, on syytä kiinnittää erityistä huomiota mallin perustekijöihin. Kolme suurinta liittyy minimalismiin ovat tasapaino, linjaus ja kontrasti .
Varmista, että malli noudattaa näitä periaatteita ja että se ei tarvitse täydentäviä visuaalisia apuvälineitä, jotka näyttävät "valmiilta".
Pidä myös muut perusmuodon periaatteet mielessä. Tarkastele niitä ja kokeile erilaisia vaihtoehtoja parhaan tuloksen saavuttamiseksi. Tarkista " Suunnittelun periaatteet "Lisää ideoita.
Kun ylisuunnittelu tulee tavaksi
Ylisuunnittelu voi joskus tulla tapana. Riippumatta siitä, kuinka vaikeaa yrität pitää suunnittelun yksinkertaisena, se tulee epämääräiseksi ja monimutkaiseksi. Tämän korjaamiseksi meidän on muodostettava uusia tottumuksia.
Yritä tarkastella yllä olevia vinkkejä ennen jokaista projektia, jotta ne pysyvät mielessä prosessin aikana. Keskity kehittämällä yhtä tapaa kerrallaan. Esimerkiksi työn vähentäminen ja yksinkertaistaminen sisällön ennen siirtymistä valkoiseen tilaan.
Jos löydät itsesi kovalla paikalla ajattelussa, "Jotain puuttuu", yritä ensin ottaa jotain ulos sen sijaan, että laitat jotain uutta sisään.
Minimin minimalismi vaatii erilainen lahjakkuus. Teoksesi yksinkertaistuvat, kun lisäät nämä periaatteet käytäntöön.
Sen jälkeen, kun olet käyttänyt tässä käsiteltyjä tekniikoita, tutustu lopulliseen tuotteeseen ja katso, voitko löytää keinoja yksinkertaistaa tulosta entisestään.
Voit keskittyä alueisiin, jotka olit epävarma suunnitteluprosessin aikana, ja voit pyytää muita suunnittelijoita osoittamaan elementtejä, joita olet ehkä unohtanut.
Minimalistinen esittelytila
Alla on lyhyt esittely minimalistisista malleista. Katso, kuinka kukin näistä panee täytäntöön periaatteet, joista olemme keskustelleet. Katso myös, mitkä rikkovat ohjeistamme ja ajattelevat, miksi he edelleen toimivat.
1. James Day Photo
2. Killswitch Collective
3. Yksinäinen
4. DBushell
5. XPD.no
6. Toy NY
7. Joshua Serbus
8. Ah-Studio
9. Symour Powell
10. Icon Werk
11. Neil Wilson Arkkitehdit
12. Ei-muotoinen
13. Zaum
14. Checkland Kindlysides
15. Blumenthal
16. Tink London
17. Ylpeä luova
18. Kimag
19. Bernat Fortet
20. Koko päivä
Jotkut trendit
Kuten näette, minimalistisessa web-suunnittelussa on selkeitä suuntauksia. Näiden suuntausten tuntemus auttaa meitä parantamaan malleja useilla eri tavoilla.
Ei vain, että pystymme ottamaan inspiraatiota asioista, joita muut suunnittelijat ovat työskennelleet niin kovasti, mutta voimme tietoisesti katkaista nämä trendejä kehittääkseen omaa innovatiivista tietämme.
Keskustellaan muutamasta näistä suuntauksista tarkemmin.
Mustavalkoinen
Yksi havaittavista suuntauksista on laaja mustavalko . Tämä on tarpeeksi ilmeistä: väriä on yksinkertaistettava yhdessä tekstuurin, muodon ja sisällön kanssa. Mutta se voi olla ylidone näinä päivinä ja näyttää hieman tylsää.
Katsokaa muutamia verkkosivustoja, jotka ovat määritelleet värit edellä esitellyssä, ja katso, miten ne erottuvat muista minimalistisista kuvioista. Mieti myös, miten he pystyvät pysymään minimalistisina jopa sellaisen voimakkaan värin käytön kanssa. Tässä on yksi esimerkki:
Mielenkiintoinen typografia
Typografiapohjainen Web-suunnittelu liittyy läheisesti minimalismiin.
Kun suunnittelijoilla on vain vähän muuta innostaa käyttäjää, he tarttuvat usein mielenkiintoiseen typografiaan. Voit jopa mennä niin pitkälle kuin käyttää typografiaa ainoana visuaalisena elementtinä.
Tämä on rohkea tekniikka, mutta silti itsessään trendi . Etsi tapoja, joilla typografia parantaa muotoilua ainutlaatuisena.
salama
Yllättävä määrä minimalistisia web-malleja on Flash-pohjainen. Niin pieni muutos visuaaliseen stimulointiin, muotoilu voisi hyötyä hienovaraisesta animaatiosta (kuten tekstiä häipyminen sisään ja ulos) ilman, että se olisi ylivoimainen.
Lisäksi Flash poistaa tietyt rajoitukset suunnitteluprosessissa. Epätavanomainen langankoko, typografia ja muut elementit voidaan helpommin saavuttaa Flashilla kuin perinteisillä menetelmillä.
Käärimistä
Minimalistinen muotoilu tulee monessa muodossa, ja silti me usein näemme saman muodon toistuvasti. Trendejä voi tulla ylivoimainen, ja meidän on taisteltava kiireellä jäljitellä samalla ymmärrystä siitä, millaista suuntaus on järkeä.
Joka tapauksessa minimalismi voi olla kaunista ja tulee tulemaan tulevina vuosina, joten oppimisen osa tekniikoista voi olla erittäin hyödyllistä joko asiakkaillesi tai omille projekteillesi.
Ja vaikka et ole kiinnostunut minimalistisesta tyylistä, siihen liittyvät opetukset ja periaatteet voivat auttaa sinua yksinkertaistamaan malleja, mikä on aina hyvä asia.
Kirjoitettu yksinomaan Kayla Knightin Webdesigner Depotille.
Joten, mikä tekee minimalistisesta muotoilusta niin tehokasta ja milloin meidän pitäisi välttää se? Jaa kommenttisi alla ...