Ja vieraspostaus TurboBlogissa. Tällä kertaa meillä on ilo tarjota sinulle materiaalia, jonka on valmistanut Julia Solntseva - freelance-kirjoittajamme. Ensimmäisessä artikkelissaan blogiimme Julia jakoi oman näkemyksensä minimalistisesta web-suunnittelusta ja tuki sitä myös vakuuttavilla esimerkeillä. On kuitenkin parempi nähdä se kerran kuin kuulla siitä pari kertaa.

Nykyään kaupallisilla taidemarkkinoilla halu minimalistiseen tiedon esittämiseen on tulossa yhä selvemmäksi. Eikä tämä suuntaus ole mikään uusi. Tämä on looginen seuraus taiteen kehityksestä ja vaiheiden muutoksesta. Olipa kerran, 60-luvulla, minimalismi julisti itsensä ensin erilliseksi taiteen suunnaksi. Hänen esiintymisensä on protesti, reaktio ekspressionismin silloiselle absoluuttiselle voitolle ja erityisesti sen liioitellulle muodolle - abstraktille ekspressionismille.

Moderni maailma käy läpi Internet-teknologian eri kehitysvaiheita. Web 1.0:n aikakausi on ohi – koko kokonaisuus siitä, mitä Internet oli ja mistä Internet koostui ennen web 2.0 -teknologioiden tuloa, joiden osallistujia ja suoria luojia me kaikki olemme.

Äskettäin Internet-teknologioiden kehityksen tutkijat johtivat Jason McCabe Calacanis, Netscape.comin johtaja, ennustavat meille uuden aikakauden - web 3.0:n - tuloa, jonka erityispiirteitä sen lisäksi, että Internet muuttuu sosiaalisemmin suuntautuneemmaksi, he eivät koskaan pystyneet muotoilemaan.rnYmmärrä kasvava minimalismin suosio, tai kuten sitä myös kutsutaan - ABC-taide, nykyaikaisessa web-suunnittelussa on mahdotonta ilman verkkoteknologian kunkin vaiheen ja sitä visualisoivan suunnittelun erityispiirteitä.

Suunnittelun kehittämisen ensimmäinen vaihe web 1.0 -aikakaudella. olivat ominaisia:

• kirkkaat värit, pääasiassa verkkoturvallisesta paletista;
• kaikkialla esiintyvä keltainen väri;
• uskomattoman ärsyttävä kontrasti, esimerkiksi valkoinen sinisellä tai punainen mustalla;
• kuva taustan sijasta, ja sen seurauksena teksti on täysin lukukelvoton;
• modulaarisen ristikon selkeän rakenteen puute ja erityisen vaikeissa tapauksissa itse modulaariverkon puute.

Tältä kuuluisien yritysten verkkosivustot näyttivät 90-luvulla:







Suunnittelijat tunsivat ja rakastivat vain yhtä kirjasinta - Comic Sans.Mutta on muistettava, että suunnittelu kehittyi rinnakkain Internet-tekniikoiden kanssa. Suunnittelijoilla ei ollut paikkaa eikä keneltäkään oppia – he olivat edelläkävijöitä.

Sitten 90- ja 2000-luvun vaihteessa suunnittelun ja grafiikan kehitys johti luovuuden kilpailuun. Vielä pari vuotta sitten suunnittelijat yrittivät kaikin mahdollisin tavoin kiinnittää vierailijan huomion visuaalisilla nähtävyyksillä, olipa kyseessä sitten vaikuttava salama tai realistinen 3D. Abstraktit lomakkeet ja epätyypillinen käyttöliittymä - kaikki tämä tietysti kiinnitti käyttäjän huomion, mutta samalla häiritsi häntä sivuston sisällöstä, ja siksi useimmat sivustot eivät täyttäneet ensisijaista tehtäväänsä - tiedottamista. Tämän seurauksena Internet on nykyään ylikyllästetty mallimainoksilla, mikä on tehnyt monista samantyyppisistä sivustoista.

On totta, mitä he sanovat: nykyään ollaksesi erilainen, sinun on oltava yksinkertainen. Ja minimalismi täyttää jossain määrin nämä vaatimukset. Kuten kerran maalauksessa, Nykypäivän web-suunnittelun minimalismi on yritys vetää sisältöä pois informaatiomelusta, aseta painopiste, muodosta selkeä havaintojärjestelmä. Kirkas muotoilu voi kiinnittää vierailijan huomion, kun taas minimalistinen muotoilu voi ohjata sen oikeaan suuntaan.

Ajattelun perusperiaatteet minimalistyylillä:

• havainnon subjektiivisuuden hylkääminen;
• symbolismin ja metaforisten muotojen hylkääminen;
• hämmästyttävä geometrinen selkeys;
• kontrastien tasapaino;
• neutraalit pinnat, pehmeät tekstuurit.

Laiska suunnittelija vai minimalistinen suunnittelija? Kuinka tunnistaa lahjakkuus? Havaintojärjestelmän muodostamiseksi minimalistiset suunnittelijat käyttävät tiettyjä menetelmiä. Niistä lisää myöhemmin.

Minimaalinen grafiikan käyttö ei saa tarkoittaa sen puuttumista.

Grafiikan yksinkertaistaminen minimiin- yksi minimalismin päätekniikoista, kun taas minimalistisella grafiikalla tulee olla oma tyylinsä ja semanttinen viestinsä.




Hienovarainen taustaväri, pääasiassa - erilaisia ​​muunnelmia mustan ja valkoisen tai pääasiassa vaaleiden värien yhdistelmästä, jotka luovat sivustolle bisnestyyliä ja antavat siten käyttäjille luottamuksen, luotettavuuden, vakauden ja vakavuuden tunteen. tärkeää tietoa väri.


Modulaarisen ruudukon selkeys- on tärkeää. Selkeän rakenteen omaava tieto on helppo havaita ja muistaa. rnModulaarisen ruudukon ja ohjainten käyttö ei ainoastaan ​​helpota kaikkien suunnitteluelementtien strukturointia toisiinsa nähden, vaan säästää merkittävästi myös taittosuunnittelijan hermoja, jotka laskevat substraatin kaikkien elementtien koot paljon nopeammin.








Käyttäjäystävällinen navigointi. Navigointi, yksinkertaistettu minimiin, nopeuttaa tiedonhakua ja sivuston rakenteen havaitsemista. Tämä on yksi alkeellisista tavoista välittää tietoa vierailijalle nopeasti. Web-suunnittelijat turvautuvat usein yksinkertaiseen navigointiin.


Sanan kirjaimellisessa merkityksessä - poista kaikki tarpeeton.Vähemmän grafiikkaa. Jos päätät käyttää valokuvamateriaalia, tee niistä selkeä esimerkki yrityksen toiminnan tyypistä.


Paletti. Paletin oikea valinta on erittäin tärkeää tarvittavan tiedon käsityksen muodostumiselle. Minimalismi ei ole synonyymi yksinkertaisuudelle ja tylsyydelle tai värittömyydelle, vaan minimalismi on tiedon esittämistyyli. Taidekriitikot antavat vain tyylillisiä neuvoja, ja kaikki muu on web-suunnittelijan makuasioita ja asiakkaan mieltymyksiä.




Suunnittelun yksinkertaistaminen, laitamme fontin ensin. Jos tekstisisältö on sinulle ensiarvoisen tärkeää, suunnittelun fontti on "kuningas ja jumala". Kokeile paitsi fonttityyppejä, myös välilyöntejä ja värejä. On olemassa muutamia mielenkiintoisia faktoja, jotka kannattaa huomioida fonteista. Luonnollisesti fonttien parissa työskentelevä suunnittelija haluaa verkkosivustonsa näyttävän alkuperäiseltä. Mutta totuus on, että suurimmalla osalla käyttäjistä, jotka ovat onnekkaita vieraillakseen tällä sivustolla, on asennettuna vain järjestelmäkirjasimia, ja 99 prosentilla on nämä kirjasimet Windows-järjestelmät. Kokeella on siis loogiset rajoituksensa, käytä epätyypillisiä fontteja tarvittaessa: logot, kirjoitukset.

Minimalismin sovellusalue web-suunnittelussa Minusta minimalismilla ei periaatteessa ole rajoituksia sen soveltamisalalle. Mutta tämän suunnan käyttökäytäntö on kehittynyt siten, että useimmiten
web-suunnittelijat käyttävät tätä tyyliä luodessaan seuraavia sivustoja:

käyntikorttisivusto, portfolio:




Yrityksen nettisivut:


Hiljaiset värit ja röyhelöiden välttäminen, helppo navigointi, selkeästi jäsennellyt tiedot ja sisällön painottaminen auttavat luomaan bisnestyyliä.

blogi/henkilökohtainen sivu:




Blogin ja henkilökohtaisen sivun suunnittelun periaatteet ovat pohjimmiltaan samat kuin verkkosivuston suunnittelun periaatteet. Mutta on eroja, jotka määräytyvät itse blogosfäärin luonteen mukaan: sivuvalikko, yksinkertaistettu navigointi ja pääpaikka annetaan tekstille. Hyvä esimerkki blogisuunnittelun periaatteista on Facebook-sivuston tyyli. Mikään ei saa häiritä käyttäjää tiedosta ja viestinnästä:


On muistettava, että käytettäessä minimalistista tyyliä suunnittelussa on myös otettava huomioon fonttien, värimaailman ja muodon tyyli yhtiö kokonaisuudessaan.

Tietysti suhtautuminen minimalismiin web-suunnittelussa sekä minimalismiin taiteessa voi vaihdella henkilöstä toiseen: täydellisestä ihailusta täydelliseen hylkäämiseen. Asiakas ei ehkä pidä taiteilijan uudesta, ajantasaisesta visiosta, hänestä saattaa tuntua, että suunnittelija ei yksinkertaisesti tehnyt mitään, mutta se, että minimalismin muoti on vasta vauhdittumassa, on tosiasia. Esimerkiksi suosittu tyyli arkkitehtuurissa ja sisustussuunnittelussa - high-tech - käyttää suurelta osin minimalistisia tekniikoita:


Monet valokuvaajat suosivat tätä valokuvaustyyppiä, erityisesti Lomographers. Tyhjän tilan käyttäminen päämääritteenä huomion herättämiseen on genren päätekniikka:






Ja lopuksi haluaisin lausua minimalististen suunnittelijoiden mottoa, joka ilmaisee erittäin hyvin web-suunnittelun minimalistisen trendin olemuksen - "Tee enemmän vähemmällä".

Internet-teknologioiden ja web-suunnittelun kehittyessä viime vuosina on ollut tietty suuntaus (ei kaikkialla eikä kaikille) sivun yksinkertaistamiseen. Yksinkertaista sekä suunnittelua että koodia. Ja tämä on web-suunnittelun minimalismin pääidea, "vähemmän on enemmän".

Sivun tärkein osa on sisältö, joten minimalismi poistaa kaiken tarpeettoman sisällön korostamiseksi. Samalla sisältö puolestaan ​​korostaa muotoilua. Tällaisen sivuston luominen näyttää ensi silmäyksellä yksinkertaisemmalta kuin esimerkiksi värikäs sivusto kirkkailla otsikoilla, mutta näin ei ole. Tässä on erittäin tärkeää säilyttää helppokäyttöisyys minimaalisella sivusisällöllä.

Silti on hyvin harvinaista, että minimalistiset verkkosivut näyttävät rumista tai epätyylikkäiltä. Siksi minimalismia, sen keveyttä ja tyylikkyyttä, käytetään useimmiten joillakin yritysten verkkosivustoilla, samoin kuin blogeissa, portfolioissa ja sosiaalisissa verkostoissa.

Tänään tarkastelemme esimerkkejä kunkin näiden osien sivuista (artikkelin lopussa on katsaus venäläisistä sivustoista minimalistiseen tyyliin):

Blogit

Täällä päätin huijata ja samalla miellyttää sinua - julkaisen mielenkiintoisimmat ilmainen WordPress teemoja minimalismin tyyliin, joten et voi vain katsella, vaan myös ladata.

Melko vakiomuotoilu, valkoinen tausta ja pieni fontti.

Täällä on enemmän luovuutta - näemme mielenkiintoisen logon ja leikimme fonteilla.

Ulap

Mutta tässä fontti on suuri - eikä taaskaan mitään tarpeetonta.

Doc

Tästä aiheesta on paljon Vapaa tila, siinä on myös punainen aksentti.

Johtaa

"Naiseisempi" ja pehmeämpi muotoilu, otsikot ovat jopa vaaleanpunaisia.

Tämä teema yhdistää valokuvat ja tekstin säilyttäen suuri määrä ilmaa.

Mutta tässä käytetään mielenkiintoisempaa taustaa.

Viimeisessä teemassa on musta tausta ja pieniä aksentteja. Ne antavat sivulle tietyn kuvan, mutta samalla päähuomio keskittyy sisältöön.

Portfolio

Kuten jo kirjoitin, minimalismi sopii täydellisesti teosten esittelyyn - mikään ei yksinkertaisesti häiritse niitä!

Tämä on yksinkertainen muotoilu, jossa logo, pääkuva ja tervetulokirjoitus on korostettu sivulla.

Harmaa punaisella ja sinisellä roiskesuunnittelulla, aksentit näyttävät jälleen valokuvalta ja logolta.

Tämän sivun tekijät ovat korostaneet toiminta-alueitaan.

Pehmeä kermainen muotoilu. Pääpaino on jälleen valokuvassa.

Kuvia ei juuri ole, mutta punainen logo erottuu - sivun kirkkain kohta.

Yleensä kaikki täällä on hyvin, hyvin pientä, todella, ei mitään tarpeetonta.

Mustan ja pinkin lumoava yhdistelmä sekä suuri valokuva luovat sivuston luonteen.

Tällä sivulla yritys näyttää heti portfolionsa töitä ja esittelee työnsä tason.

Yritysten verkkosivut

Minimalismia yrityksen verkkosivujen suunnittelussa valitsevat yritykset, jotka haluavat korostaa toimintaperiaatetta: "Business on first."

Yhtiö päätti selvästi keskittyä kolmeen ruokalistaan.

Alla oleva tyylikäs grafiikka näyttää yrityksen profiilin.

Tämä verkkosivusto esittelee yrityksen slogania ja palveluita.

Toinen esimerkki sivustosta, jossa koostumuksen keskipiste on valokuva.

Tällä sivulla on tekstistä esitetty vain yrityksen verkkosivun päävalikko.

Logo, hinta ja lyhyt tarina tuotteesta - sivulla ei ole muuta.

ISÄ

Omena

Genren klassikko) Menu, muutama sana tuotteesta ja itse tuotteesta.

SOHVA

Jälleen kaikki huomio on keskittynyt yrityksen tuotteisiin.

Sosiaalinen media

Klassinen esimerkki ja suunnannäyttäjä on Facebook.

Linkedin valitsee myös minimalistisen suunnittelun, vaikka sivulla on jopa banneri.

Yksi uusista suunnittelijoiden sosiaalisista verkostoista, kaikki on yksinkertaista ja siistiä. Vaikka uskoakseni verkoston profiili pakotti silti tekijöitä kaunistamaan sitä hieman.

Suosittu kirjanmerkkipalvelu yrittää olla häiritsemättä käyttäjiä päätavoitteesta - linkin lisäämisestä kirjanmerkkeihin

Google saa aina kaiken näyttämään yksinkertaiselta.

Muiden web-suunnittelutrendien joukossa minimalismilla on erityinen paikka. Runetin laajuudessa tämä suuntaus ei ole erityisen suosittu, ja sitä käytetään usein väärin. Ja se on sääli, koska minimalistinen muotoilu voi näyttää todella upealta!

Ihmiset ovat kyllästyneet suureen tietovirraan, kirkkaisiin väreihin, kuviin ja muuhun sisältöön, joka on täynnä vapaata tilaa. Minimalismi auttaa pääsemään eroon hopealankasta ja keskittymään pääasiaan.

Toivomme, että tämä artikkeli selventää tätä asiaa.

Minimalismin juuret verkkosuunnittelussa

Monet nykypäivän suosituimmista suunnittelutrendeistä (mukaan lukien litteät kuvitukset, suuret taustakuvia ja piilotettu navigointi) viittaavat suoraan tai epäsuorasti minimalismiin, web-suunnitteluliikkeeseen, joka sai alkunsa 2000-luvun alussa, mutta lainaa filosofiansa aikaisemmista kuvataiteen liikkeistä. Oikein käytettynä minimalismi voi auttaa sinua ohjaamaan suunnittelua yksinkertaistamaan käyttäjän tehtäviä.

Valitettavasti jotkut suunnittelijat soveltavat väärin minimalismia keskittymällä vain asioiden visuaaliseen puoleen. Ne leikkaavat tai piilottavat tärkeitä elementtejä minimalistisen muotoilun tavoittelemiseksi omaksi hyödykseen, ajattelematta käyttäjäystävällisyyttä. He eivät ymmärrä minimalismin perusolemusta, ja sen sijaan, että he helpottaisivat käytettävyyttä, he mutkistavat sitä.

Ymmärtääksemme ja soveltaaksemme minimalismin periaatteita paremmin, meidän on ymmärrettävä sen alkuperä ja tärkeimmät ominaisuudet. Tutkimme näitä aiheita kaksiosaisessa sarjassa. Tässä ensimmäisessä artikkelissa määrittelemme minimalismin ja tutustumme sen historiaan. Toisessa artikkelissa analysoimme minimalistisen muotoilun ominaisuuksia ja niiden vaikutusta käytettävyyteen.

Minimalistinen käyttöliittymä – mikä se on?

Oikein käytettynä minimalistisen web-suunnittelun tulee esittää sisältö yksinkertaisesti, suoraan, mutkistamatta mitään tai häiritsemättä käyttäjää päätavoitteesta. Tämä strategia sisältää usein sellaisen sisällön tai ominaisuuksien poistamisen, jotka eivät tue käyttöliittymän ydintavoitteita.

On paljon keskustelua siitä, mikä on minimalistista web-suunnittelua. Mutta on olemassa muutamia yhteisiä piirteitä, jotka useimmat suunnittelijat jakavat. Näitä ovat litteät tekstuurit, rajalliset väripaletit ja negatiivisen tilan käyttö. Näitä ja muita erityisominaisuuksia käsitellään yksityiskohtaisesti tämän sarjan seuraavassa artikkelissa.

Suunnittelija Brian Danaherin portfoliosivusto on tyypillinen esimerkki siitä, mitä monet suunnittelijat kutsuvat minimalistiseksi sivustoksi. Kun katsotaan koko näytön tilassa 15-tuumaisena MacBook Pro, Kotisivu on lähes kokonaan valkoinen tila. Sivusto on suunniteltu harmaan sävyin, jossa on rohkeita aksentteja interaktiivisten elementtien avulla.

Tämä sivusto sisältää vain vähän elementtejä, jotka häiritsevät pääsisällöstä. Minimalismi toimii hyvin portfoliosivustoilla, joilla on melko yksinkertaiset tavoitteet, suhteellisen vähän sisältöä ja hyvin vastaavia tietoja useimmilla sivuilla. Minimalismin tehokas soveltaminen monimutkaisemmilla verkkosivustoilla voi olla haastavaa.

Minimalismin tie suosioon

1960-luku

Ennen kuin minimalismista tuli web-suunnittelun trendi, se oli visuaalisen taiteen liikettä toisen maailmansodan jälkeisenä aikana. Se syntyi reaktiona kaoottisiin väreihin, liikkeisiin ja löytyy usein abstrakteista ekspressionistisista teoksista (kuten Jackson Pollockin maalauksista).

1960-luvulla minimalismi yleistyi eri aloilla, erityisesti kuvataiteessa ja arkkitehtuurissa. Taiteessa minimalismia leimaa yksiväriset paletit, geometriset elementit, yhtenäisyys ja teollisten materiaalien yksinkertaisuus.

Huomionarvoisia minimalisteja ovat graafinen suunnittelija Josef Müller-Brockmann, taiteilija Ellsworth Kelly ja teollinen muotoilija Dieter Rams. Huomaa puhtaat linjat, yksinkertaisuus ja säästävä värien käyttö jokaisessa alla olevissa esimerkeissä. Huolimatta monenlaisista käyttötavoista, tietty suunnittelutyyli on hyvin havaittavissa.

Minimalismin motto oli tuolloin: "Vähemmän on enemmän." Tästä mottosta tulee myöhemmin web-suunnittelun minimalismin epävirallinen mantra.

1980-2000

1900-luvun lopulla minimalismi alkoi muodostua erilliseksi suunnaksi ihmisen ja tietokoneen vuorovaikutuksen alalla.

Tämän ajan luvut puolsivat lyhyyttä ja tarpeettoman tiedon poistamista rajapinnoista.

2000-luku

2000-luvun puolivälistä alkaen minimalismin kaiut taiteellisena liikkeenä alkoivat ilmaantua web-käyttöliittymiin: enemmän negatiivista tilaa, vähemmän sisältöä ja rajoitettuja väripaletteja. Googlea kutsutaan usein minimalististen verkkorajapintojen edelläkävijäksi. Google on asettanut käyttöliittymänsä etusijalle yksinkertaisuuden ja tarkkuuden 1990-luvulla tapahtuneen betajulkaisunsa jälkeen.

Vähän on muuttunut 15 vuodessa. Käyttäjät voivat nähdä vain kolme navigointivaihtoehtoa: käyttää loput Googlen ominaisuudet, sinun on avattava valikko.

Hitaasti mutta varmasti minimalismi on löytänyt jalansijansa. Verkkosuunnittelijat, suunnittelijat, taiteilijat, valokuvaajat, arkkitehdit ja kehittäjät alkoivat käyttää sitä.

2010-2013

Responsiivisen web-suunnittelun (RWD) ilmaantuminen vuonna 2010 toi uuden arvostuksen minimalistiselle lähestymistavalle. Jotta RWD-tekniikoita voitaisiin käyttää tehokkaasti, organisaatioiden on priorisoitava sisältö. Mobiilimediassa kolmannen osapuolen elementeistä voi tulla todellinen ongelma – niitä ei voitu jättää huomiotta samalla tavalla kuin pöytätietokoneissa.

Vähitellen käyttäjien ja suunnittelun mieltymykset alkoivat kallistua kohti verkkokäyttöliittymien yksinkertaisuutta. Tätä muutosta korostivat kahden teknologiateollisuuden jättiläisen tekemät suuret päivitykset: Microsoftin moderni muotoilu vuonna 2011 ja Applen iOS7 julkaisu vuonna 2013.

Windows 8:n julkaisu vuonna 2011 on ensimmäinen suuri käyttöjärjestelmän uudistus vuosikymmeniin. Uusi suunnittelufilosofia toteutettiin kokonaan minimalismin hengessä.

Vuonna 2013 Apple esitteli radikaalisti päivitetyn käyttöjärjestelmä litteämmällä ja minimalistisemmalla tyylillä - iOS7. Applen päätös siirtyä minimalistisempaan ja litteämpään muotoiluun korostaa erityisesti trendin suosiota, koska se on pohjimmiltaan vastoin brändin historiallista muotoilutyyliä.

2014-2015

Minimalistiset suunnitteluperiaatteet ilmestyvät nyt uusille ja odottamattomille paikoille: verkkokauppasivustoille, verkkojulkaisuille ja jopa koulutussivustoille.

Monet sivustot, jotka tarjoavat laajan valikoiman palveluita, valitsevat myös minimalismin. Näin voit tarjota asiakkaille juuri sen, mitä he tarvitsevat häiritsemättä heitä muilla pikkujutuilla.

Nykyään minimalismi risteää muiden web-suunnittelutrendien, kuten litteän suunnittelun, responsiivisen web-suunnittelun ja puhtaan suunnittelun, kanssa. Minimalismin panosta näihin trendeihin käsitellään yksityiskohtaisesti ensi viikon artikkelissa.

Käytettävyyskeskustelu: onko minimalismi hyväksi käyttäjille?

Minimalismi on strategia, joka vaikuttaa merkittävästi sisältöön ja tietoon sekä arkkitehtonisiin ratkaisuihin. Tämän seurauksena minimalismilla on selvä vaikutus rajapintojen käytettävyyteen. Ei ole yllätys, että minimalististen verkkosivujen käytettävyys on noussut keskustelunaiheeksi verkkoammattilaisten keskuudessa.

Kannattajat väittävät, että minimalismi vähentää tiedon ylikuormitusta: mitä enemmän ominaisuuksia ja sisältöä voit leikata pois, sitä parempi. Viisaasti käytetty minimalismi voi luoda käyttäjille positiivisen tunnekokemuksen. Ihmiset reagoivat paremmin esteettisesti miellyttäviin käyttöliittymiin.

Mutta kun suunnittelijat noudattavat liian tiukasti minimalistista ideologiaa, he ovat vaarassa saavuttaa tuhlattavan alhaisen informaatiotiheyden. Kaikkea tarvitsemaasi on yksinkertaisesti vaikea löytää, ja navigointia on mahdotonta ymmärtää. Kohtuullinen minimalismi voi olla tehokasta, kunhan et unohda päätavoitetta – käyttäjien auttamista saamaan asiat valmiiksi.

Muutamia vinkkejä minimalistisen käyttöliittymän luomiseen

Varmista, että minimalistinen suunnittelustrategia sopii verkkosivustollesi, brändillesi. Jos olet varma, että minimalistinen muotoilu sopii sinulle, noudata muutamia vinkkejä:

*Käytä mottoa: "Vähemmän on enemmän" projekteissasi. Älä lisää vain tarpeettomia elementtejä. Tämä sääntö voi päteä sekä sisältöön, suunnitteluun että käyttökokemukseen.

* Harkitse sellaisten kohteiden vähentämistä, jotka eivät välitä tärkeitä tietoja.

*Opi Carrollilta minimalismia: älä vain leikkaa elementtejä pois – mieti käyttäjien tarpeita, yritä toteuttaa tehtävät mahdollisimman lyhyesti ja yksinkertaisesti.

*Ymmärrä, että pelkkä minimalistinen visuaalinen suunnittelu ilman käyttäjän tavoitteiden järkevää huomioimista ei johda menestykseen. Windows 8:n käytettävyysongelmat voivat toimia esimerkkinä.

Syvällinen keskustelu minimalismin ominaisuuksista käsitellään seuraavassa artikkelissa viikon kuluttua. Seuraa uutisia!

Se löytyy usein litteiden asettelujen elementeistä tai materiaalisuunnittelusta (Material Design). Peruskonsepti ja ominaisuudet pysyvät käytännössä muuttumattomina ajan myötä, esimerkiksi:

• Monet ihmiset haluavat luoda projekteja pääasiassa valkoisen ja mustan värimaailmassa.
• Suunnittelijat jättävät yleensä paljon vapaata tilaa - etenkin keskikuvan ympärillä oleville alueille.
• Sans serif -fontteja käytetään myös.

Yllä olevat kohdat eivät ole minimalistisen suunnittelun päävaatimuksia, mutta ne ovat melko yleisiä ja voivat toimia ainutlaatuisina tyylin indikaattoreina ajasta riippumatta.

Se, mikä modernissa minimalismissa on todella tärkeää, on yhden tyyppisen sisällön painottaminen kilpailematta muiden elementtien kanssa. Tämä voi olla valokuva, logo tai yksinkertainen tekstilohko.

Navigointi, yhteystiedot ja muut kohteet ovat lähes aina vähemmän näkyvissä asettelussa (vaikka ne voivat näkyä näkymässä tai näkyä vierittäessäsi).

uptodo.com

Viime aikoina suunnittelijat ovat alkaneet sisällyttää tällaisiin sivustoihin myös animaatioita, jotka seuraavat ja haluavat tehdä verkkosivuista "elävämmän" ja interaktiivisemman. Sinun on kuitenkin oltava erittäin varovainen tämän kanssa. Animaation tulee olla huomaamatonta ja tehdä samalla tyylillä (värit, fontit jne.) kuin pääsuunnittelu.

Toinen tärkeä minimalismin trendi on tekstin koko. Esiintyjät pitävät terävistä mitoista - superpienistä tai jättiläisistä kirjaimista kontrastisella taustalla ja yksinkertaisia ​​kuvia. Suuri kontrasti on hyvä luomaan tarkennusta yksinkertaisessa rakenteessa ja korostamaan "oikeaa" sisältöä.

Minimalistisen muotoilun edut

Siirrytään nyt mielenkiintoisimpaan osaan, nimittäin ammattilaisiin tähän suuntaan ja niiden käyttö todellisissa projekteissa.

1. Ei hopealankaa tai sotkua

Mikään liiallinen ei ole terveellistä. Asettelua luotaessa on erittäin helppo innostua, ottaa mukaan kaikki mahdollinen ja lopputuloksena on "hyvistä aineksista tehty huono ruoka". Kuten edellä totesimme, yksi minimalismin tärkeimmistä periaatteista ei ole turhaa sivustoa tarpeettomilla esineillä, joita käyttäjä voi helposti tulla ilman. Jokainen elementti voi olla kaunis ja toimiva yksinään, mutta kun ne yhdistetään, ne häiritsevät ja pilaavat kokonaiskuvan.

motocms.com

Ensimmäinen asia, johon kiinnitämme huomiota, on vastakkainen keskuslohko ja tekstiotsikko. Seuraavaksi katse osuu yrityksen kategorioihin/palveluihin, joista kävijä löytää heti tarvitsemansa. Ei mitään ylimääräistä. Tämän ansiosta asettelu on erittäin suosittu.

Poistamalla tarpeettomia yksityiskohtia ja yksinkertaistamalla saat puhtaan visuaalisen kuvan, jonka yleisö näkee helposti. Löydät valikoimastamme lisää vastaavia ratkaisuja.

Sotkun vähentämisen lisäksi minimalistinen muotoilu auttaa sinua keskittymään verkkosivusi tärkeimpiin osiin. Tekemällä niistä näkyvämpiä, näytät sivuston vierailijoille, mitä he etsivät. Erityistä huomiota, ja voit merkittävästi lisätä projektin muuntamista.

3. Lisääntynyt luovuus

Minimalistisen tyylin rajoitukset pakottavat suunnittelijan olemaan luovempia. Useimmiten on paljon vaikeampaa poistaa ja hylätä kaikki yksityiskohdat niin, että vain tärkein asia jää malliin. Siksi yksinkertaisten ratkaisujen etsiminen tehokkainta toteutusta varten on melko hyödyllinen luovuuden osa, joka edistää esiintyjän epätyypillisen ajattelun kehittymistä.

4. Käytettävyys

On selvää, että asettelu, jossa on vähemmän elementtejä, on paljon helpompi työskennellä. Otetaan esimerkiksi sosiaalinen verkosto Facebook - siinä on miljoona ominaisuutta, tuhansia erilaisia ​​kohteita ja melko paljon häiriötekijöitä. Keskivertokäyttäjän täytyy viettää melko kauan aikaa oppiakseen käyttämään alustaa ja käyttäytymään sillä. Tämä on todella vaikeaa monille ihmisille.

Vaihtoehtona voit harkita jotain, kuten Tumblr tai Instagram. Palveluissa on myös melko paljon ominaisuuksia, kuten kaikissa sosiaalinen verkosto, mutta toiminnallisuus selviää vain muutaman minuutin sivustolla viettämisen jälkeen.

Tämän tarun pointti on, että minimalistinen muotoilu (ja yksinkertainen muotoilu) saa vierailijasi tuntemaan olonsa kotoisaksi ja antaa heidän mukautua verkkoprojektin ominaisuuksiin paljon nopeammin.

orendasecurity.com

5. Vähemmän koodausta/kehitystä

Kun luot mitä tahansa mallia, on suositeltavaa miettiä, kuinka se myöhemmin "toimii" todellisella verkkosivustolla. Jos web-suunnittelija unohtaa koodin erityispiirteet ja antaa periksi mielikuvitukselle, joka taittosuunnittelijalle tulee painajaiseksi, tämä ei pääty hyvin.

Toisaalta sellaisen layoutin tekeminen, joka välttäisi tarpeetonta kärsimystä sen jatkointegroinnissa, on esiintyjälle erinomainen tilaisuus osoittaa ammattitaitonsa.

Yleisesti ottaen minimalistinen suunnittelutyyli on paljon helpompi toteuttaa sen yksinkertaisuuden ja rakenteen vuoksi.

6. Parempi latausnopeus ja selainyhteensopivuus

Kun vierailija päätyy minimalistiselle sivustolle, hän voi usein odottaa sen toimivan täydellisesti kaikilla selaimilla. Lisäksi monien kuvien ja yksityiskohtien puuttumisen vuoksi resurssi latautuu paljon nopeammin ja sisältö on helpompi havaita. Tämä kohta on erittäin tärkeä sekä verkkoprojektin kokonaisvaikutelman että hakukoneoptimoinnin kannalta.

belancio.com

7. Auttaa sinua keskittymään sisältöön

Mediaformaatin aktiivisesta kehityksestä huolimatta tekstisisältö on edelleen kilpailun ulkopuolella. Minimalistinen muotoilu palvelee sitä täydellisesti ja antaa kävijälle mahdollisuuden keskittyä pelkästään sisältöön. Emme kuitenkaan saa unohtaa, että sivuston sisällön tulee olla selkeää ja tiivistä.

Tehdään se yhteenveto

Kuten näet, sillä on paljon etuja, joiden ansiosta ne pysyvät suosittuina ajasta ja käyttöalueesta riippumatta. Siksi, kun luot seuraavaa projektiasi, suosittelemme kiinnittämään erityistä huomiota tähän tyyliin. Vaikka et haluaisi käyttää sitä puhtaassa muodossaan, vaan lainata vain joitain periaatteita, se auttaa sinua luomaan todella laadukkaita asetteluja.

(mukaan lukien litteä suunnittelu, suurten taustakuvien käyttö ja piilotettu globaali navigointi) sanelevat suoraan tai epäsuorasti minimalismia, joka on web-suunnittelun trendi 2000-luvun alusta lähtien. Minimalistinen verkkosivusuunnittelu esitetään usein yrityksenä tehdä sisällöstä tärkeämpi osa suunnittelua kuin esimerkiksi väri. Itse asiassa se auttaa helpottamaan käyttäjän tavoitteiden saavuttamista työskennellessään sivuston parissa.

Valitettavasti jotkut suunnittelijat eivät tulkitse tarkasti minimalistisen tyylin olemusta. Työssään he eivät ota huomioon tämän tyylin tärkeitä elementtejä tai luopu niistä, mikä yksinkertaistaa työtään ja vaikeuttaa käyttäjän vuorovaikutusta sivuston kanssa.

Jotta voimme ymmärtää ja soveltaa minimalismin periaatteita paremmin, meidän on ymmärrettävä tämän tyylin alkuperä ja sen tärkeimmät ominaisuudet.

Mitä on tapahtunut ?

Yksinkertaisimmassa mielessä minimalismin tavoitteena web-suunnittelussa on esittää sisältö käyttäjälle yksinkertaisimmalla ja "suorimmalla" tavalla. Tämä tyyli tarkoittaa usein sellaisen sisällön tai ominaisuuden poissulkemista, joka ei täytä käyttöliittymän perustavoitteita.

Vaikka on edelleen erilaisia ​​mielipiteitä siitä, mikä tarkalleen ottaen luokittelee web-suunnittelun minimalistiseksi tyyliksi. On olemassa useita ominaisuuksia, jotka määrittelevät verkkosivustotyylin tarkasti minimalistiseksi. Näitä ovat tasaiset tekstuurit, rajoitetut värikuviot ja valkoisen tilan käyttö.

Minimalismin ominaisuudet

Litteät kuviot ja tekstuurit. Käytetään 96 %:lla sivustoista, joiden web-suunnittelu voidaan luokitella minimalistiseksi. Muutaman viime vuoden aikana suunnittelussa on tapahtunut valtava muutos pois skeuomorfismista kohti puhtaasti digitaalista esitystä asioista ilman fyysisiä metaforia. Litteät käyttöliittymät eivät käytä valoja, varjoja tai liukuvärejä. Sanalla sanoen, kaikki ne työkalut, jotka tekevät käyttöliittymästä kiiltävän tai kolmiulotteisen. Jotkut suunnittelijat uskovat, että litteän muotoilun trendi on kasvanut minimalistisen käyttöliittymän suosion ansiosta. Nämä kaksi suuntausta (minimalismi ja litteä muotoilu) ovat erittäin yhteensopivia. Molemmissa ei käytetä varjoja, gradientteja ja tilavuuskuvioita suunnittelun yksinkertaistamiseksi ja tarpeettomien elementtien poistamiseksi.

Litteä ja minimalismi ovat niin samankaltaisia, että niitä pidetään joskus virheellisesti samana tyylinä. Tasainen tyyli viittaa yleensä pintakuvioihin, kuvakkeisiin tai grafiikkaan käyttöliittymässä. Minimalismi toimii sisällön ja sen ulkoasun kanssa. Verkkosuunnittelu voi olla tasaista, mutta ei minimalistista.

Rajoitetut värit tai yksivärinen paletti. Esitetty 95 %:ssa käyttöliittymäesimerkeistä. Useimmissa minimalistisissa käyttöliittymissä värejä käytetään strategisesti luomaan visuaalista kiinnostusta tai ohjaamaan käyttäjän huomio luomatta lisäelementtejä tai grafiikkaa.

Minimalistiset väripaletit ovat askeleen päässä 2000-luvun web-suunnittelussa suosituista rohkeista väreistä. Lisäksi on monia upeita sivustoja, jotka käyttävät vain yhtä väriä paletissa korostusvärinä korostaakseen sisällön tärkeitä elementtejä. Nämä korostetut elementit ovat yleensä interaktiivisia.

On useita huomioitavia seikkoja, jotka on otettava huomioon, kun paletissa käytetään rajoitettua määrää värejä:

• Varmista, että värimaailmassa on tarpeeksi kontrastia, jotta he näkevät sen.
• Käytä korostusvärejä tarkoituksella ja johdonmukaisesti korostaaksesi erittäin tärkeitä tietoja.

Rajoitettu määrä tuotteita. Käytetty 87 %:lla arvioiduista sivustoista. Asiantuntijoiden, jotka suunnittelevat verkkosivuston minimalistiseen tyyliin, on määritettävä käyttöliittymän kunkin elementin käyttötarkoitus. Jos jollakin elementillä on tietty suunnittelutehtävä, sinun on päästävä siitä eroon. Tämä on yksi tämän tyylin tärkeimmistä vaikeuksista. Usein on vaikea määrittää, kuinka tarpeellista tietty suunnitteluelementti on. Mitä enemmän elementtejä suunnittelu sisältää, sitä enemmän tietoa käyttäjien on ymmärrettävä, kun he ovat vuorovaikutuksessa sivuston kanssa.

Tässä suunnittelija voi siirtyä pois minimalismin kanoneista ja lopettaa "hyödyllisen" sisällön luopumisen.

Tyhjän tilan enimmäismäärä. 84 % sivustoista käyttää tätä taktiikkaa. Elementtien poistaminen tai poissulkeminen verkkosivulta jättää väistämättä tyhjää tilaa. Monet suunnittelijat käyttävät tätä tilaa "ohjatakseen" käyttäjien huomion tärkeisiin elementteihin.

Käytä "dramaattista" typografiaa. Esiintyy 75 prosentissa tapauksista. Kuten väri, lihavoitu tai iso painatus on tullut toinen viestintäväline. Tehokkaasti käytetty typografia voi kompensoida muiden elementtien (valokuvien, grafiikan) puuttumista ja tehdä minimalistisesta suunnittelusta visuaalisesti houkuttelevamman.

Kuvien käyttäminen tekstinä voi mahdollistaa mukautetun kirjasimen käytön, mutta tämä pidentää sivuston latausaikaa. On kuitenkin muistettava, että epästandardien kirjasimien käyttö on perusteltua vain, jos teksti välittää tärkeää ja merkityksellistä tietoa.

Johtopäätös

Verkkokäyttöliittymän suunnittelu 2000-luvulla oli pääosin kaoottista ja ylivoimaista, mikä on huonoa UX/UI:lle.

Web-sivuston minimalistinen suunnittelu vapauttaa käyttäjän käyttöliittymän ylikuormituksesta ja mahdollistaa paremman verkkosivuston interaktiivisuuden. Aivan kuten litteä muotoilu on reaktio skeomorfismiin, minimalismi on reaktio maksimalismiin web-suunnittelussa. Molemmissa tapauksissa on suositeltavaa säilyttää tasapaino.