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

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

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

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. You’re so awesome! I do not think I’ve truly read something like that before.

    So nice to find somebody with some original thoughts on this topic.

    Seriously.. many thanks for starting this up.
    This site is one thing that’s needed on the internet, someone with some originality!

  2. Wow, amazing weblog structure! How lengthy have you been running a blog for?
    you made blogging look easy. The entire look of your website is
    wonderful, let alone the content material!

  3. Howdy! This is my 1st comment here so I just wanted to give a
    quick shout out and say I really enjoy reading through your
    blog posts. Can you suggest any other blogs/websites/forums that cover the same
    subjects? Thank you!

  4. It is in point of fact a great and useful piece of
    information. I’m glad that you just shared this helpful information with us.
    Please keep us up to date like this. Thank you for sharing.

  5. Howdy! Would you mind if I share your blog with my myspace group?
    There’s a lot of folks that I think would really
    appreciate your content. Please let me know. Thanks

  6. What’s up Dear, are you really visiting this web page daily, if so then you will without doubt
    obtain fastidious know-how.

  7. Howdy! I could have sworn I’ve been to your blog before but after looking at some of the posts I realized it’s new to
    me. Nonetheless, I’m certainly happy I found it
    and I’ll be bookmarking it and checking back often!

  8. Howdy! Quick question that’s completely off topic.
    Do you know how to make your site mobile friendly? My web site looks
    weird when browsing from my iphone. I’m trying to find a template or plugin that might be able to resolve
    this problem. If you have any suggestions, please share.
    Thanks!

  9. I have read so many articles or reviews about the blogger lovers
    but this paragraph is truly a nice article, keep it up.

  10. If some one wants expert view about blogging then i recommend him/her to visit this web site, Keep
    up the pleasant work.

  11. I’m really impressed with your writing skills and also with the layout on your weblog.
    Is this a paid theme or did you customize it yourself?

    Either way keep up the excellent quality writing, it is rare to see a
    great blog like this one these days.

  12. We stumbled over here from a different web page and thought I might as well check things out.
    I like what I see so now i am following you. Look forward to going over your web page repeatedly.

  13. Hi there! This post could not be written any better!
    Reading through this post reminds me of my good old room
    mate! He always kept chatting about this. I will forward this post
    to him. Pretty sure he will have a good read.
    Thanks for sharing!

  14. I always emailed this web site post page to all my associates, since if like to read it afterward my contacts will too.

  15. Ridiculous story there. What happened after?

    Good luck!

  16. Hi! Would you mind if I share your blog with my facebook group?
    There’s a lot of folks that I think would really enjoy your content.
    Please let me know. Cheers

  17. I’m truly enjoying the design and layout of your site.
    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? Outstanding work!

  18. It is appropriate time to make some plans for the future and it’s
    time to be happy. I have read this post and if I could I want to suggest you some
    interesting things or advice. Maybe you can write next articles referring
    to this article. I wish to read more things about
    it!

  19. Hi, its good paragraph on the topic of media print, we all understand media is a impressive source of information.

  20. It’s an awesome article in support of all the web viewers; they will
    take benefit from it I am sure.

  21. This blog was… how do I say it? Relevant!!
    Finally I have found something that helped me. Thank you!

  22. Its such as you read my mind! You appear to know a lot about
    this, like you wrote the guide in it or something. I feel that you just could do with a
    few p.c. to power the message house a little bit, however other
    than that, that is wonderful blog. An excellent read.
    I’ll certainly be back.

  23. We’re a group of volunteers and opening a new scheme in our community.
    Your website provided us with valuable information to work on. You have done an impressive job and our entire community will be grateful to you.

  24. Hello to every single one, it’s really a pleasant for me to go to see this web site,
    it includes priceless Information.

  25. This article is really a nice one it helps
    new web people, who are wishing for blogging.

  26. I am no longer sure where you’re getting your info, but great topic.
    I must spend some time learning much more or understanding more.
    Thanks for excellent info I used to be searching for this info for my mission.

  27. I delight in, result in I found just what I was taking a look for.
    You have ended my 4 day lengthy hunt! God Bless you man. Have a nice day.
    Bye

  28. Very quickly this website will be famous amid all blogging and site-building users, due to it’s fastidious posts

  29. I am not sure where you’re getting your info, but good topic.

    I needs to spend some time learning much more or understanding
    more. Thanks for magnificent info I was looking for this information for my mission.

  30. Hi there, after reading this awesome paragraph i am too cheerful to share my familiarity here
    with mates.

  31. I don’t know if it’s just me or if perhaps everyone else experiencing issues with your site.

    It appears as if some of the text in your posts are running off the screen. Can someone else please provide feedback and let me know if this
    is happening to them too? This might be a problem with my internet browser because I’ve
    had this happen before. Cheers

  32. Helpful information. Lucky me I discovered your website accidentally,
    and I’m stunned why this accident did not happened earlier!
    I bookmarked it.

  33. Hey! Do you know if they make any plugins to help 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!

  34. Incredible points. Outstanding arguments. Keep up the great work.

  35. Greetings! Very helpful advice in this particular article!
    It is the little changes which will make the greatest changes.

    Thanks a lot for sharing!

  36. Nice response in return of this issue with
    solid arguments and describing all about that.

  37. I know this web page offers quality dependent posts and other stuff, is there any other website which gives these kinds of information in quality?

  38. Tremendous things here. I’m very glad to see your article.

    Thank you a lot and I’m looking forward to touch you. Will you please
    drop me a e-mail?

  39. continuously i used to read smaller posts which also clear their motive, and that is also happening with this paragraph which I am reading now.

  40. Hi there would you mind sharing which blog platform you’re working with?
    I’m going to start my own blog in the near future but I’m having
    a difficult time deciding between BlogEngine/Wordpress/B2evolution and Drupal.
    The reason I ask is because your design seems different then most blogs and I’m looking for
    something completely unique. P.S Apologies
    for being off-topic but I had to ask!

  41. When some one searches for his essential thing, therefore he/she
    needs to be available that in detail, thus that thing is maintained over here.

  42. I visited many blogs however the audio quality for audio songs existing
    at this site is genuinely fabulous.

  43. It’s a shame you don’t have a donate button! I’d certainly donate to this fantastic blog!
    I suppose for now i’ll settle for bookmarking and adding your
    RSS feed to my Google account. I look forward to new
    updates and will share this blog with my Facebook group. Talk soon!

  44. Hi i am kavin, its my first occasion to commenting anyplace, when i read this paragraph i thought i could also create comment due to
    this brilliant article.

  45. Hi there this is kinda of off topic but I was wondering if blogs use WYSIWYG editors
    or if you have to manually code with HTML. I’m starting a blog soon but have
    no coding know-how so I wanted to get guidance from someone with experience.

    Any help would be enormously appreciated!

  46. Pretty! This has been an extremely wonderful article.
    Thank you for supplying this info.

  47. If some one wishes expert view about running a blog
    then i suggest him/her to pay a quick visit this weblog,
    Keep up the good job.

  48. 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 shoot me an email if interested. Thank you!

  49. It’s an awesome post for all the web viewers; they will
    obtain advantage from it I am sure.

  50. Hi there to all, how is the whole thing, I think every one is getting more
    from this web site, and your views are pleasant in support of new users.

  51. I know this site presents quality depending articles and additional data, is there
    any other site which gives these things in quality?

  52. We’re a group of volunteers and opening a brand new scheme in our community.

    Your site offered us with useful information to work on.
    You’ve performed a formidable activity and our entire community
    will probably be thankful to you.

  53. Keep on writing, great job!

  54. Hi, I think your website might be having browser compatibility issues.

    When I look at your blog in Ie, 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, wonderful blog!

  55. Wow, awesome blog layout! How long have you been blogging
    for? you make blogging look easy. The overall look of your
    website is magnificent, let alone the content!

  56. Hey! Do you use Twitter? I’d like to follow you
    if that would be okay. I’m definitely enjoying your blog and look
    forward to new updates.

  57. What’s up every one, here every person is sharing such know-how,
    thus it’s fastidious to read this web site, and I used
    to pay a quick visit this blog daily.

  58. Quality posts is the secret to attract the visitors to visit the
    web site, that’s what this site is providing.

  59. Howdy I am so excited I found your site, I really found
    you by error, while I was browsing on Aol for something else,
    Regardless I am here now and would just like to say thanks a lot for
    a remarkable post and a all round thrilling blog (I also love the theme/design), I don’t have time to browse
    it all at the minute but I have saved it and also added in your RSS feeds, so when I have time I will be back to read much more, Please do keep up the superb jo.

  60. Woah! I’m really loving the template/theme of this website.
    It’s simple, yet effective. A lot of times it’s challenging to get that «perfect balance» between usability and visual appeal.
    I must say that you’ve done a awesome job with this.

    Also, the blog loads super quick for me on Firefox. Outstanding
    Blog!

  61. If you desire to take much from this piece of writing
    then you have to apply these methods to your won blog.

  62. Wow, awesome blog structure! How long have you been running a blog for?
    you make blogging look easy. The overall look of your web site is wonderful, let alone the content!

  63. Truly when someone doesn’t understand afterward its up to other visitors that they will help, so here it
    happens.

  64. แทงสมัครแทงหวยออนไลน์ เงินไม่มีหก ยกฐานะความปลอดภัยไปอีกขั้นเมื่อข้อมูลต่างๆถูกบันทึกผ่านมาตรฐานข้อมูลในระบบออนไลน์ไม่ต้องกลัวข้าราชการชาติบ้านเมืองจะมายุ่มย่ามอีกต่อไป เว็บไซต์LSM99clickมีมาตรฐานการดูแลรักษาความปลอดภัยที่มิดชิด เว้นเสียแต่สมาชิกที่มีรหัสผ่านแล้ว ประกันว่าจะไม่มีใครเข้าถึงข้อมูลของท่านได้อย่างแน่แท้ ควรต้องไปพบที่ซ่อนโพยลอตเตอรี่ให้ตรากตรำอีกเพราะเหตุใด ในเมื่อวันนี้ไว้วางใจ
    แทงแทงหวยออนไลน์
    โน่นสุขใจกว่า ยิ่งถ้าคุณคือผู้โชคดที่ถูกรางวัลในงวดนั้นๆยิ่งฟินเวอร์ ไม่มีอีกแล้วที่แทงได้แต่ก็จำต้องรอเจ้ามือไปคิดบัญชีก่อนอีกนับเป็นเวลาหลายวันกว่าจะได้รับ เพราะว่าเงินรางวัลของคุณสามารถแจ้งสิทธิเบิกถอนในวันที่สลากกินแบ่งออกได้เลย ที่ผ่านมาบางท่านมีเลขเด็ดแม้กระนั้นก็ไม่กล้าแทงเจ้าเดียวเพราะกลัวโดนเบี้ยวเงินรางวัล ทำให้ต้องเสียเวลาไปแทงแยกเป็นหลายเจ้าหลายโพย วันนี้เราบอกเลยว่าสมาชิกถ้ามีเลขในใจต้องการใส่เต็มขนาดไหนแทงพวกเราให้จบในเจ้าเดียวได้เลย เนื่องจากไม่ว่ายอดเงินรางวัลของท่านจะเป็นกี่หลักก็ตาม LSM99clickประกันว่าจ่ายจริงไม่เบี้ยวอย่างไม่ต้องสงสัย

  65. I wanted to thank you for this excellent read!! I absolutely enjoyed every bit of it.
    I have got you bookmarked to look at new stuff you
    post…

  66. When someone writes an piece of writing he/she retains the image of a user in his/her brain that how a user can be
    aware of it. So that’s why this article is outstdanding.
    Thanks!

  67. Generally I don’t read article on blogs, however I wish to say that this
    write-up very pressured me to try and do it! Your writing taste has
    been amazed me. Thanks, quite nice article.

  68. Hi there, I enjoy reading all of your article post. I
    wanted to write a little comment to support you.

  69. Hi, I think your website might be having browser compatibility issues.
    When I look at your website 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,
    awesome blog!

  70. There’s definately a great deal to find out about this issue.
    I love all of the points you made.

  71. Right now it looks like Expression Engine is the top blogging platform out there right now.
    (from what I’ve read) Is that what you’re using on your blog?

  72. My family members always say that I am wasting my time here at net,
    but I know I am getting know-how all the time by reading thes pleasant posts.

  73. Amazing! Its truly awesome paragraph, I have got much clear idea concerning from this post.

  74. It’s very simple to find out any topic on net as compared to books, as I found this
    paragraph at this site.

  75. For newest information you have to pay a quick visit internet and on internet I found this website as a most excellent
    web site for hottest updates.

  76. Excellent post. I was checking constantly this weblog and I’m inspired!
    Extremely helpful information specially the ultimate phase 🙂 I handle such information a lot.
    I used to be looking for this particular information for a very long
    time. Thanks and best of luck.

  77. You can certainly see your skills in the work you write.
    The arena hopes for more passionate writers such as you
    who are not afraid to say how they believe. All the time go
    after your heart.

  78. What a stuff of un-ambiguity and preserveness of valuable familiarity regarding unpredicted emotions.

  79. What’s up friends, how is everything, and what you wish for to say about this post,
    in my view its truly awesome designed for me.

  80. When some one searches for his essential thing, thus
    he/she needs to be available that in detail, so that thing is maintained over here.

  81. Hi! I could have sworn I’ve been to this site before but after checking through some of the
    post I realized it’s new to me. Anyhow, I’m definitely
    glad I found it and I’ll be bookmarking and checking back often!

  82. Pretty nice post. I just stumbled upon your blog and wanted to say that I’ve really enjoyed browsing your weblog posts.
    After all I’ll be subscribing for your rss feed and I’m hoping you write once
    more soon!

  83. Very rapidly this web site will be famous amid all blogging people, due to it’s fastidious
    articles or reviews

  84. I was able to find good info from your content.

  85. Good way of telling, and good post to get data regarding my presentation topic,
    which i am going to deliver in institution of higher education.

  86. This design is incredible! You certainly know how to keep a
    reader amused. Between your wit and your videos, I was almost moved to start my own blog (well,
    almost…HaHa!) Great job. I really loved what you
    had to say, and more than that, how you presented it. Too cool!

  87. Thanks for finally writing about >История веб-дизайна — Агенство креативных решений «Зайчапай»
    <Liked it!

  88. Hi to every body, it’s my first visit of this blog; this web site carries remarkable and in fact good information designed
    for readers.

  89. What’s up to every one, the contents present at this web site are in fact remarkable for
    people experience, well, keep up the nice work fellows.

  90. Thanks for one’s marvelous posting! I seriously enjoyed reading it,
    you might be a great author.I will remember to bookmark your blog and definitely will come back in the foreseeable future.
    I want to encourage you to continue your great job, have a
    nice day!

  91. I do not even know how I ended up here, but I thought this post was good.
    I do not know who you are but definitely you’re going to a famous blogger
    if you aren’t already 😉 Cheers!

  92. I pay a visit day-to-day some blogs and websites to read content, except this weblog gives
    feature based content.

  93. It’s really a great and helpful piece of info.
    I am happy that you just shared this helpful information with us.
    Please keep us informed like this. Thanks for sharing.

  94. Hi, after reading this remarkable post i am as well cheerful to share my know-how here with friends.

  95. It’s remarkable to pay a quick visit this website and reading the views of all colleagues regarding
    this post, while I am also keen of getting know-how.

  96. Thanks for sharing your thoughts on 온라인카지노.
    Regards

  97. An interesting discussion is worth comment. There’s no doubt
    that that you ought to write more on this topic, it might not
    be a taboo matter but generally people don’t speak about these subjects.
    To the next! All the best!!

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

  99. I’m really enjoying the design and layout of your site.
    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 developer to create your theme? Fantastic work!

Добавить комментарий