Szerző: Árvai Csaba
A minimalista megjelenés, – amennyiben az átgondoltan van elkészítve – az egyik legjobb módszer az ízléses tartalom átadására. A minimalista oldalak, letisztultak, zajtól mentesek, célorientáltak, átláthatóak. Létrehozhatunk egy olyan oldalt, melyben alkalmazhatunk színeket, textúrákat, egyedi betűtípusokat, melyekkel pozitív, emlékezetes élményt szerezhetünk a látogatónak. Röviden fogalmazva, a minimalista oldalon kis mennyiségű tartalom, ízléses, esztétikus környezetben való megjelenését érthetjük.

Minimalista weboldal

Dilemmát okozhat egy váltás egy ilyen jellegű design-ra. Kevesebb tartalmat jelenítsünk meg? Címszavakban adjam át az üzenetet? Mi lesz a SEO-val? Hogyan fog tudni olvasgatni a látogató? Ezek jogos félelmek. Ha ezek a kérdések nem merülnének fel, akkor valami baj lenne hozzáállásunkkal.

Azonban az új koncepció  óriási eredményeket tud felmutatni. Létre jön egy mobilbarát weboldal, egy gyorsan betöltődő oldal, amiben a látogatók sokkal gyorsabban megtalálják amit keresnek.

Miért működik?

A kevesebb, több!

Ezt a híres mondás Ludwig Mies van der Rohe -tól ered, a minimalizmus utolsó képviselőjétől. Az üzenet rövid és tömör, mégis igazán átadja a teljes mondanivalót.

Ugyan ez elmondható a weboldalnál is. Sokan rájönnek, hogy az agyonzsúfolt, információ bombaként bevillanó weboldalt nem fogják elolvasni, inkább tovább állnak. Sokan elkezdték a tartalmukat ritkítani, a haszontalan területeket kidobni. Ez nem csak azt eredményezte, hogy weboldaluk egy tisztább felületet kapott, hanem minőségében is szintet lépett.

Minimalizmus a weben

Tudat alatt érzékelhető

Nap mint nap elárasztanak bennünket információval. Ha nem is vesszük észre, akkor is így van. Gondoljunk bele: tv hirdetések, rádió adók, reklámtáblák, internet, popupok, spam-ek, stb.
A webes környezetben figyelembe kell venni ezt és ellensúlyozni kell. Annyi információt kell megjeleníteni, épp amennyire szüksége van a látogatónak.

Responsive

Minden jó minimalista weboldalnak nagyon jól átgondolt drótváza van és tiszta keretszerkezete. Ha ezeket az elemeket megfelelően használjuk, akkor minden gond nélkül át fog tudni állni a mobil világban használt eszközökre. Kevesebb tartalom, kevesebb design-elem és sok szabad hely. Ezek egyszerűen mozgathatóak a mobil eszközökön, ettől lesz az oldalunk responsive.

West Bau Hungária

Nézzük tovább a minimalizmus előnyeit: ahogy terjednek a mobil eszközök, arányosan egyre fogy a türelem. Elfoglalt emberek böngésznek, nekik gyors, egyszerű, lényegre törő információra van szükségük. Akkor miért ne adjuk ezt meg nekik?

Világosabb, jobb

Mivel néhány oldalra korlátozzuk a megjelenést, szellősebben helyezzük el a tartalmat azt is eredményezi, hogy egyszerűbb lesz a karbantartása is. Továbbá ezek felgyorsítják az oldal megjelenését a mobil eszközökön. Minél kevesebb tartalmat, widget-et és design elemet használunk, annál kisebb adatforgalommal fog megjelenni az oldal, gyorsabb lesz, mellyel növeli a felhasználói élményt.

 

http://www.typeconnection.com

 

Textúrák, színek és betűtípusok

Ha már a tartalmunkat lefaragtuk, azzal már nem lesz több gondunk. Azzal viszont igen, hogy ezt olyan köntösben tálaljuk, mely frissességet, profizmust sugall és leköti a látogató figyelmét. Ezeket elérhetjük színekkel, textúrákkal és betűtípusokkal.

A textúrák a weben a legnagyobb találmány a szeletelt kenyér óta. Ha megfelelő módon együtt használjuk a textúrákat, színeket, betűtípusokat, a weboldalunk ragyogni fog.

Természetesen sok mindent figyelembe kell venni ezek alkalmazásánál. Például. Textúráknál tájékozódni kell, hogyan kell őket alkalmazni, nem fogják-e lassítani az oldalt, nem lesznek-e stílus idegenek. De ez már a tervező asztala.
Vagy, a színeknél át kell gondolnunk, hogy az adott színnek milyen üzenete van például kulturális megközelítésből. A sárga például a gyászt képviseli Egyiptomban, míg Japánban a bátorság színe. Egy biztos, ha 2-3 színt használunk a weboldalon, az következetességet árul el, valamint pozitív élményt fog nyújtani a felhasználónak.

Betűtípusok a harmadik, legfontosabb eleme a jó minimalista weboldalnak. Nem arra van szükség, hogy elárasszuk egyedibbnél – egyedibb betűtípussal, vagy hogy mi magunk rajzoljuk meg font-készeltünket. 2-3 betűtípusnál ne használjunk többet az oldalon! Nagy témakör a betűtípusok használata. Egy dolog az esztétikai szempont, de sok más területre is figyelni kell a tervezőnek. Például, minden eszközön megjelenik-e az adott betűtípus, vagy, tartalmaz-e hosszú ékezeteket az a fontkészlet.

Összefoglalva

Ez a bejegyzés felületesen mutatta be a minimalizmus felé mutató weboldalakat. Természetesen a minimalista megjelenés nem alkalmazható az összes oldalon, de mi a Groteszk Kreatív-nál törekszünk, hogy ötvözzük ezeket a technikákat és előremutató weboldalakat készítsünk. A minőségi weboldalkészítés megkívánja, hogy élen járjunk napjaink technikai lehetőségeinek ismeretében és alkalmazásában.

62 hozzászólás

  • Tisztelt Solymári Úr!
    Szeretném a honlapomat mobilbaráttá tenni.Szeretném kérni a segítségüket és egyben a véleményüket is a honlapomról.Sok ez az információ? Én egy 72 éves nagyi vagyok, de szeretem az új dolgokat megvalósítani.A honlapom dinamikus, azaz én szerkesztem.
    Várom véleményét.
    Köszönettel: Gazsóné Erzsike

  • AustPl szerint:

    Levitra 20mg Preis 12 Stuck Priligy 30 Mg Funciona [url=http://getpharmacyonline.com]buy cialis[/url] Generika Viagra Priligy Es Efectivo Admission Post Clomid

  • AustPl szerint:

    Free Shipping Stendra Purchasing Progesterone Website With Free Shipping [url=http://allngos.com][/url] Priligy Farmacias Chile Tomar Viagra Cialis Nombre Generico

  • AustPl szerint:

    Cephalexin Side Effects Allergic To Amoxicillin Zithromax 250 Cephalexin Capsules [url=http://via100mg.com]viagra online pharmacy[/url] Viagra Online Free Comparaison Viagra Tadalafil Levitra Amoxil Feline Side Effects

  • AustPl szerint:

    Generique Du Cytotec Viagra Cialis Discount [url=http://drugsor.com]levitra professional[/url] Viagra Vasodilatador

  • gamefly szerint:

    It’s very easy to find out any topic on net
    as compared to textbooks, as I found this article at this
    web site.

  • I don’t know whether it’s just me or if everyone else encountering problems with
    your website. It appears like some of the text in your
    posts are running off the screen. Can somebody else please comment and let me know if
    this is happening to them as well? This might be a issue
    with my internet browser because I’ve had this happen before.

    Kudos

  • Today, I went to the beach front with my kids.
    I found a sea shell and gave it to my 4 year old daughter and said “You can hear the ocean if you put this to your ear.” She placed the shell to her ear and screamed.

    There was a hermit crab inside and it pinched her ear.
    She never wants to go back! LoL I know this is totally off topic but
    I had to tell someone!

  • gamefly szerint:

    Excellent, what a webpage it is! This blog gives
    helpful information to us, keep it up.

  • gamefly szerint:

    Superb, what a weblog it is! This web site gives useful data to
    us, keep it up.

  • Hello mates, fastidious paragraph and pleasant arguments commented here, I am in fact enjoying by these.

  • No matter if some one searches for his vital thing, thus he/she wants to
    be available that in detail, therefore that thing is maintained over here.

  • Thanks for sharing your thoughts on minecraft download.
    Regards

  • AustPl szerint:

    Priligy Uso [url=http://cialonlineno.com]buy cialis online[/url] Priligy 30 Mg 502 Cytotec Venta Online Usa

  • Hi there! This is my 1st comment here so I just wanted to give a quick shout out and tell
    you I truly enjoy reading your blog posts. Can you recommend any
    other blogs/websites/forums that go over the same subjects?
    Thank you!

  • g szerint:

    Does your blog have a contact page? I’m having problems locating it but, I’d like to shoot you an e-mail.
    I’ve got some recommendations for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it expand over time.

  • g szerint:

    Thank you for every other informative website.

    Where else may I get that type of info written in such an ideal means?

    I’ve a project that I am simply now operating on, and I’ve been at the look out for such info.

  • AustPl szerint:

    Acquistare Cialis Online Sicuro Viagra Pills Wiki Buy Apcalis Oral Jelly Ajanta [url=http://ordercheapvia.com]viagra[/url] Buy Generic Viagra Online Cheap

  • AustPl szerint:

    Cialis De 40 Mg Robaxin Without A Script Acheter Du Clomid En Ligne Avec [url=http://cialonlinecs.com]cialis price[/url] Viagra order a prepaid visa

  • g szerint:

    After going over a handful of the blog articles on your website,
    I honestly like your way of blogging. I added it to my bookmark website list and will be checking back soon.
    Take a look at my web site as well and let me know your opinion.

  • g szerint:

    Hi to every one, the contents present at this web page are actually remarkable for people experience,
    well, keep up the nice work fellows.

  • It’s genuinely very complicated in this busy life to listen news on TV,
    so I only use the web for that reason, and obtain the most recent news.

  • What a data of un-ambiguity and preserveness
    of valuable familiarity about unpredicted emotions.

  • AustPl szerint:

    Generic Viagra India How Fast Does Zithromax Work [url=http://leviprices.com]mail order pharmacy levitra[/url] Viagra E Cialis Contemporaneamente

  • We stumbled over here from a different web page and thought I might check things out.
    I like what I see so now i am following you. Look forward to
    looking at your web page again.

  • This is a topic that’s close to my heart… Best wishes!
    Where are your contact details though?

  • Hey there, You’ve done a fantastic job. I will definitely
    digg it and personally recommend to my friends. I’m confident they will be benefited from this site.

  • Hi everyone, it’s my first pay a quick visit at this web site, and paragraph is in fact fruitful in favor of me, keep up posting these types of articles or reviews.

  • Thanks for sharing your info. I really appreciate your
    efforts and I am waiting for your next post thank you once again.

  • hello!,I like your writing so much! share we keep in touch extra approximately
    your post on AOL? I require a specialist on this area
    to unravel my problem. May be that’s you! Taking a look ahead to look you.

  • Great work! This is the type of information that are meant to be shared around the web.
    Shame on Google for now not positioning this publish higher!

    Come on over and talk over with my web site . Thank you
    =)

  • Please let me know if you’re looking for a article author for your weblog.
    You have some really good posts and I think I would be a good asset.
    If you ever want to take some of the load off, I’d really like to write some content for your
    blog in exchange for a link back to mine. Please send me an email if interested.
    Kudos!

  • RandErask szerint:

    Cialis Giornaliero Controindicazioni Propecia Effects On Women Indicated [url=http://mpphr.com]dapoxetine et viagra[/url] 20 Mg Levitra Walmart Discount Drug List Dyes Amoxicillin Cancer

  • Hi! I just wanted to ask if you ever have any issues with hackers?
    My last blog (wordpress) was hacked and I ended up losing
    several weeks of hard work due to no data backup. Do you have
    any methods to prevent hackers?

  • I’m really enjoying the design and layout of your website. It’s
    a very easy on the eyes which makes it much more pleasant for
    me to come here and visit more often. Did you hire out a designer to create your
    theme? Fantastic work!

  • It is not my first time to go to see this website, i am visiting
    this web page dailly and take good facts from here every day.

  • Magnificent beat ! I would like to apprentice at the same time as you amend your web
    site, how can i subscribe for a blog website? The account aided me a acceptable deal.
    I had been tiny bit acquainted of this your broadcast offered brilliant clear concept

  • Francoavy szerint:

    Tadalafil Cialis Generico Propecia Gestazione [url=http://elc4sa.com]viagra online[/url] Cialis Lilly Rezeptfrei Cephalexin Dog No Prescriptions

  • It’s going to be finish of mine day, but before ending I am
    reading this enormous paragraph to increase my know-how.

  • There is certainly a great deal to know about this issue.
    I like all of the points you’ve made.

  • Hi there to every body, it’s my first pay a visit of this weblog;
    this web site carries awesome and in fact fine
    material for visitors.

  • It’s very straightforward to find out any topic on net as compared to
    textbooks, as I found this article at this web page.

  • AustPl szerint:

    Levitra Verschreibungspflichtig Dogs Amoxicillin [url=http://rxbill8.com]cialis from canada[/url] Progesterone Where To Buy Kamagra Villeurbanne 100mg Levitra Australia Online

  • Hi there just wanted to give you a quick heads up. The words in your
    post seem to be running off the screen in Internet explorer.
    I’m not sure if this is a formatting issue or something to do with internet
    browser compatibility but I thought I’d post to
    let you know. The design and style look great
    though! Hope you get the issue solved soon. Kudos

  • Write more, thats all I have to say. Literally, it seems as though you relied on the video to make
    your point. You clearly know what youre talking about, why throw away your intelligence on just posting videos to your weblog when you
    could be giving us something enlightening to read?

  • It’s going to be ending of mine day, however before finish I am
    reading this enormous piece of writing to improve my knowledge.

  • AustPl szerint:

    Viagra 100 Mg Tabletas Osu Levitra En Pharmacie Antibiotics Double Vision Keflex [url=http://cialisab.com]tadalafil cialis from india[/url] Cialis Cs Cialis Mexican Pharmacy No Imatation Keflex Prostate Dog

  • Leschoign szerint:

    Viagra Pfizer 25 Mg Find Acticin Website Pharmacy No Physician Approval [url=http://ilfrc.com]venta viagra malaga[/url] Le Viagra Pourquoi

  • AustPl szerint:

    Levitra Cost Uk [url=http://cheapcial20mg.com]cialis 20mg price at walmart[/url] 24hour Canadianpharmacy Ciao Is 10 Mg Online

  • Do you have a spam problem on this site; I also am a
    blogger, and I was wanting to know your situation; many of us have created some nice
    methods and we are looking to trade methods with others, why not
    shoot me an e-mail if interested.

  • Does your blog have a contact page? I’m having
    a tough time locating it but, I’d like to shoot you an e-mail.
    I’ve got some creative ideas for your blog you might be interested in hearing.
    Either way, great site and I look forward to seeing it expand over time.

  • You ought to take part in a contest for one of the most useful blogs on the web.
    I most certainly will recommend this website!

  • Francoavy szerint:

    Acquistare Kamagra Quebec Cialis En La Actualidad Keflex Antibiotic Structure [url=http://abtsam.com]viagra[/url] Rogaine Y Propecia Metamorphin Where To Buy In Canada

  • AustPl szerint:

    What Cephalexin Prescribed For [url=http://cialviag.com]cialis no prescription[/url] Buy Gonorrhea Treatment Online

  • StepOpith szerint:

    Viagra Canada Mastercard Viagra Tabletten Frau Comprare Viagra In Spagna [url=http://buycialonline.com]cialis[/url] Farmacia Lugano Cialis

  • I like the helpful info you provide for your articles.
    I’ll bookmark your weblog and check once more here regularly.
    I’m rather sure I’ll learn many new stuff right here!

    Good luck for the next!

  • RandErask szerint:

    Viagra Comparateur De Prix [url=http://avdrug.com]levitra quebec[/url] Viagra Online Next Day Shipping Zithromax 500 Mg

  • MatDuff szerint:

    Prevacid Solutab Cheap [url=http://zgdkdz.com]viagra[/url] Acheter Cialis Sur Ordonnance Macrobid Tablets Low Price

  • quest bars cheap szerint:

    Hi there I am so thrilled I found your site, I really found you by mistake, while I was searching on Aol
    for something else, Regardless I am here now and would just like
    to say cheers for a remarkable post and a all round exciting blog (I also love
    the theme/design), I don’t have time to read it all
    at the minute but I have book-marked it and also included your RSS feeds, so when I
    have time I will be back to read more, Please do keep up the great job.

  • quest bars cheap szerint:

    Hi would you mind stating which blog platform you’re using?
    I’m looking to start my own blog in the near future but I’m having a hard time choosing between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your layout seems different then most blogs
    and I’m looking for something completely unique.

    P.S Apologies for getting off-topic but I had to ask!

  • quest bars szerint:

    I like the helpful info you provide in your articles.
    I’ll bookmark your weblog and check again here regularly.
    I’m quite certain I’ll learn lots of new stuff right here!
    Good luck for the next!

  • Francoavy szerint:

    Bacteria Amoxicillin Destroys [url=http://cialonlineno.com]cialis[/url] Viagra Online Miglior Prezzo Kamagra Oral Jelly Results Walmart Cialis Price

Leave a Reply