Az egyik nagy titka a tervezésnek; irányítani a látogatók tekintetét.

Ezt az eszközt, nagyon gyakran figyelmen kívül hagyják a legtapasztaltabb tervezők is, ezért arra gondoltam, mutatok egy-két példát erre, hogyan is működik ez a technika.

A teljes képnek ami elénk tárul, a vizuális megjelenésnek irányítani kell a szem mozgását, de ez csak akkor éri el a célját, ha a tervező figyelmesen választ képet, as jól helyezi azt el az átgondolt designelemekkel együtt.

Nagyban meghatározza az alapokat, miszerint  alap esetben az ember leggyakrabban az egész oldalt balról jobbra (LTR – elrendezés) a bal felső saroktól a jobb alsó sarok felé haladva figyeli

Azonban ettől az alap állapottól valamelyest el lehet rugaszkodni, ha egy bizonyos módon rendezzük el a kompozíciók elemeit. Például pontozott vonalak, nagyobb-kisebb formák, ismétlődő elemek, gradient színátmenetek használata. Ezen egyszerű elemekkel már lehet irányítani a tekintetet, azonban vannak más eszközök is.

1)    Irányítás képekkel

A képeket egyszerűen el is lehet helyezni az olalon, ha az ügyfél azt kéri, vagy csak simán design-elemként szeretnénk használni. Azonban  remek eszköz az irányításra, a látogató vezetésére..


2) Vezetni a szemet

Ez az egyik leg népszerűbb tartalmi hiba, melyet a tervezők hajlamosak elvéteni; a képek kifelé mutatnak az oldalról (különösen a szemek, arcok), ezáltal elterelik a figyelmet az oldal közepétől.

Nézzünk meg egy példát a BBC internetes oldalán. Az, hogy a 2 bal felső kép elfordul az oldal középpontjától, ahhoz vezet, hogy “nem látható” fontos információ az alapértelmezett út mentén, ahogy ez a kép is illusztrálja:

1.  elindul a bal felső sarokból a tekintet
2. a szem mozgása az alapértelmezett út mentén találkozik az első képpel, mely kifelé néz, így automatikusan a külső szélen marad a szem.
3, 4. A szemek elindulnak visszafelé, majd találkozik egy ismét kitekintő szempárral..
5. Végre a szemek elkezdenek az oldal közepe felé visszatérni, de ahogy a kérdőjel is jelzi, sok tartalom kiesett a perifériából.

Ha megnézzük ezt  a verziót, rögtön látszik a különbség. Az emberek arca befelé segíti a tekintetet, hiszen mind ugyan abba az irányba tekint.


Ha megfelelően használjuk a képi, grafikai elemeket, oldalunk hatékonyabban fogja ellátni feladatát.

Forrás: webdesigntuts.com/Ahmed Hussam

23 hozzászólás

  • We’re a bunch of volunteers and starting a brand new
    scheme in our community. Your site provided us with helpful information to work on. You
    have done a formidable task and our entire community will be grateful to you.

  • I really love your site.. Excellent colors & theme.
    Did you develop this amazing site yourself?
    Please reply back as I’m attempting to create my own website and would like to know where you
    got this from or what the theme is named. Thank you!

  • gamefly szerint:

    Hello it’s me, I am also visiting this site regularly, this website is in fact fastidious and the visitors are actually sharing fastidious thoughts.

  • Hi there! I realize this is sort of off-topic however I needed to ask.
    Does managing a well-established blog like yours require a massive amount work?

    I am completely new to running a blog but I do write in my diary everyday.
    I’d like to start a blog so I will be able to share my
    personal experience and views online. Please
    let me know if you have any suggestions or tips for new aspiring bloggers.
    Thankyou!

  • I need to to thank you for this excellent read!!
    I certainly loved every bit of it. I’ve got you saved as a favorite to look at new things you post…

  • Its like you read my mind! You seem to know so much about this, like you wrote the book
    in it or something. I think that you can do with some pics to drive the message home a
    little bit, but other than that, this is fantastic blog.
    An excellent read. I will certainly be back.

  • g szerint:

    It’s remarkable for me to have a web page, which is good
    designed for my know-how. thanks admin

  • g szerint:

    I’m impressed, I have to admit. Seldom do I come across a
    blog that’s both educative and amusing, and let me tell you, you’ve hit the nail
    on the head. The problem is something not enough people are speaking
    intelligently about. I am very happy I came across this in my search for something regarding this.

  • g szerint:

    My brother suggested I might like this blog.
    He was totally right. This post actually made
    my day. You cann’t imagine simply how much time I had spent for
    this information! Thanks!

  • Hey! Would you mind if I share your blog with my facebook group?

    There’s a lot of people that I think would really appreciate your content.
    Please let me know. Thanks

  • g szerint:

    Awesome! Its really remarkable post, I have got much clear idea
    concerning from this piece of writing.

  • g szerint:

    If you would like to grow your experience only keep visiting
    this web site and be updated with the newest gossip posted here.

  • Hi there, after reading this amazing post i am also delighted to share my experience here with mates.

  • Hey! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Many thanks!

  • This blog was… how do I say it? Relevant!! Finally
    I’ve found something that helped me. Cheers!

  • Hi my family member! I want to say that this post is awesome, nice written and come with almost all vital infos.
    I’d like to look more posts like this .

  • Sweet blog! I found it while browsing on Yahoo News.
    Do you have any tips on how to get listed in Yahoo News?
    I’ve been trying for a while but I never seem to get there!

    Thank you

  • Ellrerm szerint:

    Levitra Generico Italia Online Propecia Side Effects Convertible Precio Propecia Espana [url=http://kamxl.com][/url] Lioresal Generique 10mg Zithromax Side Effects In Children

  • Ellrerm szerint:

    Keflex Side Effects Eye [url=http://demalan.com]viagra[/url] Generic Online Pharmacy Levitra Bustine Buy Plavix Online

  • Howdy! I simply would like to offer you a big thumbs up for your great
    info you’ve got here on this post. I am returning
    to your blog for more soon.

  • Its such as you learn my mind! You appear to grasp a lot about this, like you wrote the guide in it or something.

    I think that you just can do with some p.c. to drive the message home a little bit,
    but instead of that, this is magnificent blog. A
    great read. I will definitely be back.

  • quest bars cheap szerint:

    I know this if off topic but I’m looking into starting my own blog and was curious what all is required to get set up?
    I’m assuming having a blog like yours would cost a pretty penny?

    I’m not very internet savvy so I’m not 100% certain. Any suggestions or advice would be greatly
    appreciated. Kudos

  • It’s going to be ending of mine day, except before end I am
    reading this wonderful paragraph to increase
    my experience.

Leave a Reply