История веб-дизайна

Графический дизайн

История веб-дизайна

07.05.2019 статья 983

За последние 10 лет пользовательские интерфейсы сильно поменяли свой внешний вид пройдя сложный путь от простоты из-за технических ограничений к простоте, как способу более функционального решения задач. За это время дизайнеры перепробовали много различных визуальных метафор, давайте вместе посмотрим как изменялся ход истории в этой области.

Если сравнить эти два сайта конкурирующих организаций, тот сразу можно сделать вывод, что один из них больше соответствует общим современным тенденциям.

Дизайн с точки зрения технического развития

Внешний вид и визуальная коммуникация в веб-пространстве не отделима от технической реализации и ее развитие во многом было связано с развитием техники. Эти вехи можно разделить на основные этапы:

1. Рождение

2. Первые шаги

3. «Три кита» новой технологии (HTML, HTTP, Веб-браузер)

4. Быстрое развитие (CMS)

5. Альтернатива CMS

6. Хранилище информации (MySQL или PostgreSQL)

Если проследить изменение интерфейсов со стечением времени, то можно выделить несколько основных этапов:

Развитие визуальных приемов (с использованием UX-паттернам)

1. 1991-1993 (тектс, гиперсылки)

2. 1994-1996 (появление цветов)

3. 1997-1998 (основы макетирования)

4. 1999-2003 (скругленные углы, блестящие кнопки и градиенты)

5. 2004-2006 (эпоха Web 2.0)

История веб-дизайна

6. 2007-2010 (развитие мобильных веб-приложений, скевоморфизм)

7. 2011-2014 (лучший выбор — простота, осознанная анимация)

8. 2015-2016 (выбор материального дизайна)

Что дальше

Еще большая простота
3Д-графика
Стилизованные иллюстрации

983 комментария

  1. Simply desire to say your article is as amazing.

    The clarity in your post is simply great and i can assume you
    are an expert on this subject. Fine with your permission allow
    me to grab your RSS feed to keep up to date with forthcoming
    post. Thanks a million and please carry on the gratifying work.

  2. Asking questions are genuinely fastidious thing if you
    are not understanding anything fully, however this piece of writing offers nice understanding yet.

  3. Hi there would you mind letting me know which hosting company you’re utilizing?
    I’ve loaded your blog in 3 completely different internet browsers and I must say this blog loads a lot
    quicker then most. Can you recommend a good internet hosting provider at a fair price?

    Many thanks, I appreciate it!

  4. s
    pishaclay.mihanblog.com
    https://www.philippinecerebralpalsy.com/
    www
    I have been browsing online more than 2 hours today, yet I never found any interesting article like yours.
    It’s pretty worth enough for me. Personally, if all site owners and bloggers
    made good content as you did, the net will be much more useful than ever before.

  5. Every weekend i used to visit this website, because i wish for enjoyment, since this this site conations really nice funny
    information too.

  6. It’s going to be ending of mine day, however before finish I am reading this impressive article to improve my know-how.

  7. You really make it seem so easy together
    with your presentation however I to find this
    matter to be actually one thing that I believe I
    might never understand. It seems too complex and very broad for me.

    I’m taking a look forward for your next post, I’ll attempt to
    get the hold of it!

  8. Oh my goodness! Awesome article dude! Thank you, However I am having issues with
    your RSS. I don’t understand why I can’t subscribe to it.
    Is there anybody else getting identical RSS issues? Anybody who knows the answer can you kindly respond?
    Thanx!!

  9. Hi there everyone, it’s my first pay a quick visit at this web site,
    and paragraph is truly fruitful for me, keep up posting these types of articles.

  10. With havin so much written content do you ever run into any problems of
    plagorism or copyright violation? My blog has a
    lot of completely unique content I’ve either written myself
    or outsourced but it looks like a lot of it is popping it up all over the internet without my permission. Do you know any
    techniques to help reduce content from being stolen? I’d definitely appreciate it.

  11. We’re having coffee at Nylon Coffee Roasters on Everton Park in Singapore.
    I’m having black coffee, he’s which has a cappuccino.
    They are handsome. Brown hair slicked back, glasses that are great for his face, hazel eyes and the
    prettiest lips I’ve seen. He or she is quality, with incredible arms along
    with a chest that stands apart about this sweater.
    We’re standing ahead of one another referring to our way of life, what you want money for hard
    times, what we’re in search of on another person. He starts telling me that
    he’s got been rejected a great deal of times.

    ‘Why Andrew? You’re so handsome. I’d never reject
    you ‘, I believe that He smiles at me, biting his lip.

    ‘Oh, I would not know. Everything happens for reasons right.

    But tell me, make use of reject me, do you
    Ana?’ He said.

    ‘No, how could I?’ , I replied

    «So, make use of mind if I kissed you right now?’ he was quoted saying as I am nearer to him and kiss him.

    ‘The next occasion don’t ask, just do it.’ I reply.

    ‘I like the method that you think.’ , he said.

    For the time being, I start scrubbing my calcaneus in her leg, massaging it slowly. ‘What can you enjoy in females? And, Andrew, don’t spare me the details.’ I ask.

    ‘I love determined women. Someone to know the things they want. Somebody that won’t say yes although I said yes. Someone who’s unafraid of attempting something totally new,’ he says. ‘I’m never afraid of trying new things, especially when it comes to making something mroe challenging in bed ‘, I intimate ‘And Everyone loves ladies who are direct, who cut with the chase, like you merely did. To generally be
    honest, that’s a huge turn on.

  12. Paragraph writing is also a excitement, if you be familiar with then you can write or else it is difficult to write.

  13. Hi there! Someone in my Myspace group shared this website with us so I came to check it out.
    I’m definitely enjoying the information. I’m book-marking and will
    be tweeting this to my followers! Exceptional blog and amazing design.

  14. I blog often and I seriously appreciate your content.
    This article has really peaked my interest. I will
    bookmark your website and keep checking for new details
    about once per week. I opted in for your Feed as well.

  15. Today, I went to the beachfront with my children. 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 put 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!

  16. As the admin of this web site is working, no uncertainty very rapidly it will be well-known, due to its feature contents.

  17. Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! By the way,
    how can we communicate?

  18. Hi, I think your website might be having browser compatibility issues.
    When I look at your blog site in Opera, it looks fine
    but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, very good blog!

  19. Link exchange is nothing else except it is only placing
    the other person’s blog link on your page at proper place and other person will also
    do similar for you.

  20. At this time it sounds like Drupal is the top blogging platform available right now.
    (from what I’ve read) Is that what you are using on your blog?

  21. Opel:

    This is my first time visit at here and i am really happy to read everthing at one place.

  22. Thanks a lot for sharing this with all folks you actually understand
    what you’re talking approximately! Bookmarked.
    Kindly also discuss with my website =). We may have a hyperlink trade agreement
    among us

  23. I’m amazed, I have to admit. Rarely do I come across a blog that’s both educative and interesting, and without a doubt,
    you have hit the nail on the head. The issue is something
    that not enough men and women are speaking intelligently about.
    I am very happy that I came across this during my hunt for
    something concerning this.

  24. I’m gone to say to my little brother, that he should also visit this weblog
    on regular basis to obtain updated from most up-to-date news update.

  25. When I initially commented I clicked the «Notify me when new comments are added» checkbox and now each
    time a comment is added I get four e-mails with the same comment.
    Is there any way you can remove me from that service? Cheers!

  26. I’m not sure why but this webѕite is loading incгedibly slow for mе.
    Is anyone else having this problem or is it a problem on my end?
    I’ll check back later and see іf the problem stiⅼl exists.

  27. I got this web page from my pal who informed me regarding this site and
    now this time I am visiting this website and reading very
    informative posts at this time.

  28. I like looking through a post that will make men and women think.
    Also, many thanks for permitting me to comment!

  29. Do you have any video of that? I’d love to find out more details.

  30. Paragraph writing is also a excitement, if you know afterward
    you can write otherwise it is complex to write.

  31. I enjoy, lead to I discovered exactly what I used to be taking a look for.
    You have ended my four day long hunt! God Bless you man. Have a nice day.
    Bye

  32. Just want to say your article is as astounding. The clarity in your post is just excellent and i
    could assume you’re an expert on this subject. Well with your
    permission let me to grab your RSS feed to keep updated with forthcoming post.

    Thanks a million and please keep up the rewarding work.

  33. Wow, this article is good, my sister is analyzing these things, thus I am going to inform
    her.

  34. First of all I want to say wonderful blog! I had a quick question in which I’d like to ask if you don’t mind.
    I was interested to know how you center yourself
    and clear your mind prior to writing. I have had difficulty clearing my
    mind in getting my ideas out there. I do enjoy writing but it just seems like the first
    10 to 15 minutes tend to be lost just trying to figure out how to begin.
    Any suggestions or hints? Kudos!

  35. Hi, I think your blog might be having browser compatibility issues.

    When I look at your blog in Firefox, it looks fine but when opening in Internet Explorer,
    it has some overlapping. I just wanted to give you a
    quick heads up! Other then that, amazing blog!

  36. Peculiar article, exactly what I needed.

  37. Wow! This blog looks exactly like my old one! It’s on a
    entirely different topic but it has pretty much the same page
    layout and design. Wonderful choice of colors!

  38. Oh my goodness! Impressive article dude! Thanks, However I
    am having issues with your RSS. I don’t know the reason why
    I can’t join it. Is there anybody else having the
    same RSS issues? Anyone that knows the solution will you kindly respond?
    Thanx!!

  39. Good day! I know this is somewhat off topic but I was wondering which blog platform
    are you using for this website? I’m getting tired of WordPress because
    I’ve had issues with hackers and I’m looking at alternatives for another platform.
    I would be great if you could point me in the direction of a good platform.

  40. My spouse and I stumbled over here different web address
    and thought I should check things out. I like what
    I see so now i’m following you. Look forward to going over your web page for
    a second time.

  41. Hello just wanted to give you a quick heads up.

    The words in your article seem to be running off the screen in Internet explorer.
    I’m not sure if this is a format issue or something to do with
    internet browser compatibility but I figured I’d post
    to let you know. The design look great though! Hope you get the problem solved soon. Many thanks

  42. Hi there, this weekend is good for me, since this moment i am
    reading this great educational paragraph here at my home.

  43. Great post. I used to be checking constantly this blog and
    I am impressed! Extremely helpful information particularly the closing phase 🙂 I take care of such info a lot.
    I used to be looking for this particular info for
    a long time. Thank you and best of luck.

  44. It is not my first time to go to see this site, i am visiting this web site
    dailly and obtain good data from here daily.

  45. Greetings, I do believe your site may be having internet browser compatibility issues.
    Whenever I take a look at your blog in Safari, it looks fine however when opening in IE, it’s got some overlapping issues.
    I just wanted to provide you with a quick heads up!
    Besides that, great website!

  46. Right here is the right blog for everyone who
    wishes to understand this topic. You understand a whole lot its almost tough
    to argue with you (not that I personally will need to…HaHa).
    You certainly put a new spin on a subject that’s been discussed for a long time.
    Wonderful stuff, just excellent!

  47. Thanks in favor of sharing such a good thinking, post is pleasant,
    thats why i have read it fully

  48. Hello! I know this is kinda off topic but I was wondering if you knew where I could get a captcha plugin for my comment form?
    I’m using the same blog platform as yours and I’m having problems finding one?
    Thanks a lot!

  49. I am actually glad to read this blog posts which consists of plenty of useful facts, thanks for providing these kinds of data.

  50. Wow, awesome blog layout! How lengthy have you ever been blogging for?
    you make blogging look easy. The overall look of your website is fantastic,
    as smartly as the content material!

  51. At this time I am going away to do my breakfast, afterward having my breakfast coming over again to read other news.

  52. It’s amazing to pay a visit this website and reading the views of
    all friends about this post, while I am also eager of getting
    familiarity.

  53. I do trust all the ideas you’ve offered on your post. They are very convincing
    and will definitely work. Still, the posts are very short for starters.
    May just you please prolong them a bit from subsequent time?
    Thank you for the post.

  54. I am sure this post has touched all the internet viewers, its really really nice paragraph on building up
    new web site.

  55. Every weekend i used to go to see this web page, because i wish for enjoyment,
    as this this website conations genuinely fastidious funny stuff
    too.

  56. It’s impressive that you are getting thoughts
    from this paragraph as well as from our argument made at this time.

  57. This text is invaluable. When can I find out more?

  58. Actually when someone doesn’t be aware of then its up to
    other viewers that they will assist, so here it happens.

  59. Its like you read my mind! You appear to know so much about this,
    like you wrote the book in it or something. I think that you could do with a
    few pics to drive the message home a bit, but other than that, this is excellent blog.
    An excellent read. I will definitely be back.

  60. Hello outstanding blog! Does running a blog similar to this take a great
    deal of work? I’ve absolutely no understanding of programming however I had been hoping to start my own blog in the near future.
    Anyway, should you have any recommendations or tips
    for new blog owners please share. I know this is off
    topic but I just needed to ask. Thank you!

  61. What a material of un-ambiguity and preserveness of precious familiarity on the topic of unexpected
    emotions.

  62. I enjoy, cause I found just what I was taking a look
    for. You have ended my four day long hunt! God Bless you man. Have a great day.
    Bye

  63. Hello, just wanted to mention, I liked this blog post.
    It was funny. Keep on posting!

  64. Thank you for every other informative site. The place else may I am getting that
    kind of information written in such a perfect means?

    I have a project that I am just now running on, and I’ve been on the
    glance out for such information.

  65. Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! However, how could we communicate?

  66. You are so cool! I do not believe I’ve truly read a
    single thing like this before. So wonderful to
    find someone with a few unique thoughts on this subject.
    Seriously.. many thanks for starting this up. This website is one thing that is needed
    on the web, someone with a little originality!

  67. Hello There. I discovered your blog using msn. That is a really smartly
    written article. I’ll be sure to bookmark it and return to read extra of
    your useful information. Thanks for the post.
    I’ll definitely return.

  68. I’d like to thank you for the efforts you’ve put in writing this website.
    I’m hoping to check out the same high-grade content by you in the
    future as well. In truth, your creative writing abilities has
    motivated me to get my very own blog now 😉

  69. Its such as you learn my thoughts! You appear to know so much about this,
    like you wrote the book in it or something. I believe
    that you just can do with some % to drive the message house a little bit, but
    instead of that, that is fantastic blog. An excellent read.
    I will definitely be back.

  70. Wonderful web site. Plenty of helpful information here.
    I’m sending it to some pals ans also sharing in delicious.
    And of course, thank you in your sweat!

  71. I am really enjoying the theme/design of your blog. Do you ever run into any web browser compatibility issues?
    A handful of my blog audience have complained about my site not operating correctly in Explorer but looks great in Firefox.
    Do you have any ideas to help fix this problem?

  72. Way cool! Some very valid points! I appreciate you writing
    this post plus the rest of the site is extremely
    good.

  73. Hey there! This is kind of off topic but I need some advice from an established blog.

    Is it very difficult to set up your own blog? I’m not very techincal but I can figure things out
    pretty quick. I’m thinking about making my own but I’m not sure where to
    start. Do you have any tips or suggestions? Cheers

  74. whoah this blog is fantastic i like studying your posts.
    Stay up the great work! You know, a lot of people are hunting round for this
    info, you can help them greatly.

  75. Hello, i think that i noticed you visited my blog so i got here to
    go back the favor?.I’m trying to in finding things to enhance my website!I assume its good
    enough to use some of your concepts!!

  76. My name is Adrianna Wille. I life in Ascheffel (Germany). http://supkeep.com

  77. Hey, I think your blog might be having browser compatibility issues.

    When I look at your blog site in Safari, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up!
    Other then that, superb blog!

  78. I am sure this piece of writing has touched all the
    internet people, its really really nice article on building up new blog.

  79. It’s very trouble-free to find out any topic on net as compared to
    books, as I found this paragraph at this website.

  80. Write more, thats all I have to say. Literally, it seems as though you relied on the video
    to make your point. You obviously 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?

  81. I loved as much as you’ll receive carried out right here. The sketch is attractive,
    your authored subject matter stylish. nonetheless, you command get got an edginess over that you wish be delivering the following.
    unwell unquestionably come further formerly again as exactly the same nearly very often inside case you shield this
    hike.

  82. What’s up, this weekend is fastidious in favor of me, since this
    point in time i am reading this great educational piece of writing
    here at my house.

Комментирование закрыто.