Логотип HTML5: история, детали, проблемы

    Хабр уже знает о том, что W3C выпустила логотип HTML5 и ряд бейджов к нему, а многие успели смутиться анонсам о “переходе к безверсионной модели”. Но сейчас не об этом. Сейчас о том, откуда этот логотип взялся и зачем он нужен.

    Зачем нужен логотип


    HTML5 — известный «баззворд», во всю склоняемый всеми, кому не лень. Об HTML5 пишут статьи, к HTML5 аппелируют как будущему веба, от HTML5 ждут революций в интернете и светлого будущего. HTML5 — это очевидный тренд.

    Чего явно не хватает HTML5 — единообразия понимания в сообществе (включая не только разработчиков, но и пишущую братию) о содержании стандарта и его связи с другими технологиями.

    Нет общего подхода и в отсылках к стандарту, либо HTML5 как общему тренду. Фактически, люди начали сами придумывать различные логотипы, символизирующие HTML5, которые они использовали в статьях, презентациях, книгах и т.д.

    Как пишут в Ocupop (они как раз делали логотип, об этом ниже), такая разрозненность в визуальной форме по сравнению со задачей стандартизации, вызывала определенную иронию, как у них, так и в W3C. Попробуйте поискать в любом поисковике картинку с HTML5:



    К слову, в сети можно найти разные мнения о нужности логотипа, в том числе и такое от “самизнаетекого”.

    Как разрабатывался логотип


    Итак, логотип был разработан в дизайнерском агентстве Ocupop. Разработка началась с выявления ключевых слов:



    Один из “адвокатов HTML5”, который работал с дизайнерами, высказался так:

    “HTML5 — это третий этап веб-разработки, которая движется от *черной магии* к установившимся практиками и далее к целе-оринтированной платформе, основанной на стандартах, вместо коллекции хаков и обходных решений. С HTML5 мы можем создавать насыщеннные интернет-приложения, нацеленные на широкий спектр платформ, проще и с более мощными возможностями, чем это было раньше”


    В Ocupop добавляют:

    Мы не могли бы сказать это лучше. И Opera, Mozilla, Google, Apple и Microsoft — все согласны: HTML5 — это будущее.


    Идет поиск визуального вдохновения:



    Дальше начинается проработка различных вариантов:



    Множество вариантов вращалось вокруг формы пятиконечной звезды:



    HTML5, как объединяющее веяние, и HTML5 как ключевая технология (краеугольный камень) приводят к идее об арке и далее выводит на щит:



    Часть ранних идей вращалась вокруг идеи бейджей:



    Объединение двух замыслов приводит к логотипу HTML5:



    Как пишут дизайнеры:

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


    Логотип тщательно выверялся в деталях и пропорциях:



     

    Неоднозначность мини-иконок


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



    Слабо без подсказки сказать, чем соответствует каждый из логотипов?

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



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



    Следуя принципам и линиям, заданным в логотипе, постепенно это все выкристализовалось в то, что вы можете видеть выше.

    О смешении в одну кучу


    Интересная деталь: с момента анонса в сообществе начала появляться отрицительная реакция на смешение в одну кучу, помимо спецификации HTML5, множества различных технологий, вплоть до CSS3 и WOFF (см. например, статью Bruce Lawson, евангелиста Opera, или статью Jeremy Keith):

    "The logo is a general-purpose visual identity for a broad set of open web technologies, including HTML5, CSS, SVG, WOFF, and others," HTML5 Logo FAQ


    Как пишет Брюс, HTML — это про семантику и структурирование данных, а не про стили, шрифты и графику.

    Это не просто вопрос чистоты жаргона — это имеет реальное значение. Стремления эпохи 2001 к разделению контента, стилей и поведения еще более важно сейчас, когда HTML из “HTML5” /настящего HTML5/ предоставляет нам еще больше возможностей. Хотя мы понимаем, что клиенты и технические журналисты будут использовать “HTML5” как модное словечко (баззворд), W3C как официальная организация по стандартам должна продвигать ясность, а не размывать различия.


    С тех пор текст в FAQ успел поменяться, но предыдущую версию можно найти в кеше поисковиков.

    Сейчас FAQ четко разводит логотип HTML5 как  логотип для ключевой технологии для современных веб-приложений и  маленькие иконки, представляющие отдельные аспекты современных веб-приложений и веб-сайтов, не все из которых относятся к HTML5:

    What does the logo represent? This logo represents HTML5, the cornerstone for modern Web applications.

    What do the smaller icons represent? The smaller technology class icons represent aspects of modern Web applications and Web sites — style, semantics, graphics, and so forth.

    Are all those technology features defined in the HTML5 specification? No, not all of them.

    Is W3C saying that CSS3 is part of the HTML5 specification? No. However, many HTML5 Web sites and applications do take advantage of CSS3 for styling and presentation.


    И это не может не радовать. Логотип пока не является официальным логотипом W3C и выпуск идеи в сообщество побуждает правильные обсуждения и интересные рекомендации. Продолжая цитаты из статьи Брюса, хочется отметить еще вот это:

    Мы рекумендуем W3C немного переосмыслить это и выпустить раздельные, но связанные логотипы. К примеру, текущий логотип может представлять разметку и API, которые по праву относятся к “HTML5”, другой логотип для графики, например, SVG, и третий логотип для стилизации, который объединит CSS, WOFF, и т.д.

    Вместе они должны быть связаны каким-то именем вроде “Открытый веб”, который должен быть объединяющим брендом, потому что это также важно, как отделение открытых технологий от проприетарных.

    Similar posts

    Ads
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More

    Comments 83

      +27
      Логотип конечно приятный, видно что ребята старались когда делали… но в целом я наверно все-таки склонен согласиться с сами знаете кем. :)
      • UFO just landed and posted this here
          +5
          «Ваще не понимаю, зачем хатээмэлю логотип.»
            +3
            На счет тёмы пожалуй не соглашусь… Попробуешь обосновать? :)
            А вообще, вопросы о старании и необходимости, могут быть достаточно далеки друг от друга
            +1
            Поддерживаю. Создание логотипа, напоминает какое-то религиозное поклонение и без иконы никак. Давайте еще придумаем логотип русскому или английскому языку или, например, логотип денег
              –2
              логотип денег

              Есть логотипы доллара, евро, еще логотип рубля зачем-то придумали. Между прочим, Лебедев, вроде, приложил туда свою руку. Вот зачем логотип рублю?
            +25
            Вся суть интернет-сообщества в одной статье. Так долго обсасывать то, что нахер никому не упало.
              +8
              мне больше похож не на бейдж а на щит
                +2
                ну в статье сказано, что были взяты 2 иде и скомбинированны. В итоге получили щит с элементом бэйджа — надпись HTML сверху.
              • UFO just landed and posted this here
                  +2
                  В оригинале это звучит примерно так:
                  Аналогично роли морской звезды в ее окосистеме, краеугольный камень в арке удерживает всю структуру вместе. HTML5 является пробным камнем — как технологически, так и с социологической точки зрения — для интернета следующего поколения. HTML5 не просто играет в этом главную роль, без него мы не дошли туда, где мы сейчас находимся, и это, безусловно, центр разворачивающегося действа и привлечения внимания. Это краеугольный камень технологий открытой веб-платформы и будущего веба.

                  Краеугольный камень напоминает герб или щит. Подобная форма бейджа и геральдических знаков ассоциируется с богатой традицией власти, доверия, честности и гордости.
                    0
                    Как по мне, ассоциация вполне прозрачная:
                      +6
                      сорри.
                      Image #1045247, 28 KB

                      –1
                      Ужасный логотип. Что после HTML 5 уже не будет HTML 6? Или просто циферку заменят?
                      +1
                      Честно сказать — логотип на 100% заслужил право на существование. Он красив. Нет. Он охренен. Он вызывает эмоции, выглядит гордо, эдакий милитари-стайл, смесь гордости и «патриотизма». Он должен пробуждать гордость за то, что он (заслуженно) находится на созданном кем-либо сайте, и он это делает, т.к. выглядит как награда за проделанный труд.
                      • UFO just landed and posted this here
                          +6
                          может это была ирония?
                            +4
                            Ну что вы, какая же это ирония, смайлика в конце же нету. Сливаем человека дальше.
                            Я бы лично вообще всех сливал кто шутит, не ставя смайлики или тег irony. Не представляю, насколько плохо у человека должно быть с чувством юмора, чтобы забыть о таком неотъемлемом атрибуте шутки как смайл.
                              –3
                              Как раз у человека является полное отсуствие чувства юмора, если ему требуется «смайлик»… Хотя, блин, я лично люблю смайлики )
                                +1
                                Правда чаще мне кажется, что это у меня болезнь такая… смайликовая… и многоточечная… и слова «просто» и «блин»… пора переходить на "-" и «бля»…
                                0
                                Скажите, вы сейчас иронизируете по поводу отсутствия иронии без скобочек с двоеточием и точкой запятой?

                                +2
                                Угу, хабр съел тэг :(
                              +1
                              O say, can you see, by the dawn’s early light…
                                –7
                                ТЫ НАРКОМАН ШОЛИ?
                                  +4
                                  Нет, хабр сожрал тег irony, как обычно. Спасибо за слив всем неравнодушным.
                                    0
                                    И правильно сделал. irony как тэг существует только на сайте, которого не существует.
                                  –1
                                  Такая мелочь что в его существовании нет никакого смысла вас, конечно, не смущает?
                                    0
                                    _это_была_шутка_
                                      +1
                                      В его существовании такой же смысл, как в существовании всех остальных логотипов.
                                    +5
                                    А главное на картинке где должно быть уйма логотипов разных HTML5 их всего шесть. но зато шесть раз повторяется пятёрка из одного логотипа, три гугла, три разноцветных кучки шариков логотип файерфокса, заглавная гугл, и ещё какая-то ересь.

                                    Ну что за манипуляция?

                                    А попробуйте поискать картинки css3 в любом поисковике. Так что же теперь, давайте делать логотип ещё и css3.
                                    И xml. И xslt. И json. И YML. И javascript. И этот список можно продолжать бесконечно!

                                    Согласен сами знаете с кем.
                                      +5
                                      CSS3 не будоражит интернет ;)
                                      • UFO just landed and posted this here
                                          0
                                          В черно-белом варианте ИМХО выглядит лучше
                                          0
                                          Карман какойт =)
                                            +3
                                            Пофиг на логотип, главное чтобы всё работало как надо. имхо
                                              +1
                                              Не поверите, стандарт отлично работает. И его предыдущая версия работала замечательно.
                                                0
                                                единственная светлая мысль за пост!
                                                –2
                                                Ты тут как белка в колесе крутишься — верстаешь день и ночь, а кому то делать не чего, логотипы придумывают.
                                                  +1
                                                  А в чем проблема-то? Мне нравится.
                                                    0
                                                    Да уже ни в чём :)
                                                    +1
                                                    Как по мне, логотип лишен какой-либо оригинальности, как будто он нарисован в лого билдере дядей Васей с бодуна. Искать в нем скрытый смысл не вижу необходимости вообще никакой. Его нет.
                                                    Силуэтом логотипа является бейдж (щит, бляха), символизирующий одновременно формальность и уважение к важности масштаба происходящего, а также дань уважения прогрессивному сообществу, с гордостью и неустанно приближающему будущее веб-технологий. Одновременно, это знак почета и герб, олицетворяющий дух и сущность открытой веб-платформы и смотрящего в будущее сообщества, делающего ее реальностью.

                                                    Это разве что под гашишом можно придумать.
                                                      +2
                                                      Логотип вроде еще куда не шло, но мини-иконки не имеют вообще связи с реальностью. Я только значок Multimedia смог отгадать…
                                                        +3
                                                        А главное — зачем?
                                                          +3
                                                          хороший логотип
                                                            –2
                                                            Интересная статья! Спасибо!
                                                              –8
                                                              Лебедев — лох.
                                                              Хороший логотип.
                                                              И если честно…
                                                              — Не кого не должно еб нужен ли html логотип,
                                                              сделали — значить нужен, дураки там не сидят.
                                                              На диване конечно удобно написать «да ну на… нужно!».
                                                                –1
                                                                Сосать у лебедева — это круто! Так держать парни!=)
                                                                  +4
                                                                  Заминусовали скорее всего не за то что обидел кумира, а за тон и содержание комментария. Народ тут сидит, обсуждает, сравнивает, просто треплется. А тут выходит такой Д'Артаньян и все расставляет по местам.
                                                                  +3
                                                                  > сделали — значить нужен, дураки там не сидят

                                                                  А где, простите, дураки сидят? По вашей логике обсуждению подлежат только действия какого-то одного индивидуума, мыслительные способности которого под вопросом. Все остальное — круто по определению. Замечательная позиция, вам надо идти в военные, там бы вы лет за 10 получили бы генерала
                                                                    –1
                                                                    Дядя Петя… ты дурак?
                                                                      0
                                                                      какой-то ты нервный…
                                                                        –1
                                                                        не кому не интересно почему, и не должно быть.
                                                                        Я адекватен и написал свое мнение.
                                                                  –1
                                                                  Интереса ради, голубой цвет, включая цвет футболок с новым логотипом, как бы намекает нам на статистику habrahabr.ru/blogs/statistics/111515/?
                                                                    –2
                                                                    Детское суждение по поводу логотипа. Попытка дилетантов вывести системы на «взрослый» уровень. Если мир идет в эту сторону, то скоро прийдет полный ппц. Глобальный. Нехватка серой жидкости сказывается на развитии технологий. Изначально задумывалось как нечто большее, в итоге перешло на маркетинговую основу при чем в бональнейшеи проявлении.
                                                                      0
                                                                      предлагаю нарисовать лого для CSS и Javascript. а то им обидно
                                                                        0
                                                                        Поддерживаю.
                                                                        А ещё лучше — для каждого тэга!
                                                                          +3
                                                                          Т.е. у Python логотип лишний и тоже был не нужен?
                                                                            0
                                                                            В каждом топике есть несколько каментов о питоне (сорри, пайтоне!). Даже, казалось бы, совсем не причем он тут. Свет на нем клином сошелся, что-ли?
                                                                            0
                                                                            А у джаваскрипта было же какое-то, если мне не изменяет память? То ли носорог какой-то, то ли еще что-то.
                                                                            –3
                                                                            Так ни кто внятно и не объяснил — нахрена html5 логотип то нужен???

                                                                            Лучше б эти дизайнеры в потраченное на фигню время сделали б коммерческое лого какое нить, а заработанные деньги голодающим детям африки отправили — больше толку было б…

                                                                              +2
                                                                              Это для тех, кто любит ставить на свои сайты значки «valid html» и «valid css». Понтоваться, короче.
                                                                              0
                                                                              Мы рекумендуем W3C немного переосмыслить это и выпустить раздельные, но связанные логотипы. К примеру, текущий логотип может представлять разметку и API, которые по праву относятся к “HTML5”, другой логотип для графики, например, SVG, и третий логотип для стилизации, который объединит CSS, WOFF, и т.д.

                                                                              Имхо, именно потому WHATWG переименовали стандарт html5 в html. Потому что html5 уже засел в мозгу как смесь html, svg, css, javascript и еще много-много чего.
                                                                                0
                                                                                Кстати, среди причин переименования такая как раз не называлась ;)
                                                                                  0
                                                                                  When people talk about HTML5 in the context of the WHATWG, they usually mean just «the latest work on HTML», not necessarily a specific version.


                                                                                  А также:
                                                                                  Features that are not currently in this document that were in the past considered part of HTML5, or that were never part of HTML5 but have been referred to as part of HTML5 in the media, include:
                                                                                  * Web Workers
                                                                                  * Web Storage
                                                                                  * WebSocket API
                                                                                  * WebSocket protocol
                                                                                  * Server-sent Events
                                                                                  * Media Type Sniffing
                                                                                  * The Web Origin Concept
                                                                                  * Geolocation API
                                                                                  * SVG
                                                                                  * MathML
                                                                                  * XMLHttpRequest
                                                                                  * Parts of CSS.


                                                                                  Я понял именно так. Т.е. технология html5 — считается чем-то более широким и всеобемлещим, чем стандарт html.
                                                                                    0
                                                                                    Не совсем :)

                                                                                    1. Есть определенная разница между тем, что включает документ HTML5 от W3C и HTML(5) WHATWG — по вашей ссылке это как раз описано.

                                                                                    2. Изначальная версия документа от WHATWG включала в себя многое из того, что вы процитировали списком, версия в W3C, кстати тоже. Процесс «отщепления» отдельных стандартов хорошо виден по HTML5 Changelogs в W3C (http://www.w3.org/TR/2011/WD-html5-diff-20110113/).

                                                                                    3. Если говорить о смешении в профессиональной среде, то в основном ограничиваются рамками изначальной спецификации. То есть зачастую (в том числе на хабре: недавний пример) можно увидеть привязку обозначенных выше теперь уже дополнительных технологий к HTML5, хотя это уже не так. В значительной мере это «подогревается» заявлениями/выступлениями/материалами отдельных игроков браузерного рынка (см. например, запись открытия с GDD, начиная с 7:00).

                                                                                    4. В более спекулятивных массах под HTML5 действительно понимается «новый веб», включающий не только HTML5 как таковой, но и новые элементы CSS(3) и JavaScript. Отчасти, это тоже подогревается отдельными игроками рынка (см. например, вот эту презентацию, 4 слайд).

                                                                                    В общем, я не знаю, кто писал изначальный текст в FAQ для HTML5 Logo, но он явно был не прав, потому что это не отражает не только позицию W3C, но и не соответствует позиции WHATWG, чья спецификация HTML(5) шире. Сейчас текст исправили как надо.
                                                                                      0
                                                                                      Ну, я то про это, в общем, и говорю.
                                                                                      Смотрите, w3c явно считает, что html5 — это стек технологий, в т.ч. html, css3, js api, svg, etc. И ситуация с логотипом это подтверждает.
                                                                                      Многие люди, которые не до конца разбирается в теме тоже так считает. Углублённо понимаем ситуация я, да вы, да еще сотня-другая человек. А вот ситуация с топиком, в котором большинтсво спутали w3c с whatwg ярко характеризует общий уровень осведомлённости интернет-сообщества.
                                                                                      И все те примеры, что вы показали. В общем, уже сложилось мнение, что html5 — это не html, а html+всё остальное.

                                                                                      Я думаю, это было одной из причин переименования. Возможно, самой важной.
                                                                                        0
                                                                                        Я все же надеюсь, что разумные люди в W3C так не считают, и ума не приложу, кто мог допустить такую ошибку в первоначальной версии FAQ для лого. Хорошо хоть поправили.
                                                                                      0
                                                                                      В общем, в «простонародье» зачастую под HTML5 понимают все вот это habrastorage.org/storage/5d05ca58/2faf68c6/3c85aa58/281944fe.png):



                                                                                      и задача тех, кто знает, как на самом деле — образовывать массы ;) В том числе и для этого нужен логотип, как визуальный атрибут.

                                                                                      Короче, номер версии в WHATWG убрали, как я понимаю, по другой причине ;)
                                                                                        0
                                                                                        Вот. Так и считают. И, я так понимаю, теперь так оно и есть =)
                                                                                  +3
                                                                                  Логотип сделали, осталось самое простое — поддержка всего функционала HTML5 браузерами.
                                                                                    +3
                                                                                    Это как Гимн поменяли, можно теперь и страну поднимать =)
                                                                                    +1
                                                                                    А мне казалось, что главной музой при создании послужил значек супермена. HTML5, как супермен, — самый сильный и всем нравится =)

                                                                                      +8
                                                                                      HTML стандарты, трансформируемся!

                                                                                        0
                                                                                        Какой-то у вас трансформер неарийский. Вот этот получше будет:
                                                                                        +3
                                                                                        вообще как вариант, буду носить его с собой
                                                                                        habrastorage.org/storage/20597633/d4770291/326672cf/7dd1eac6.jpg

                                                                                        И еще как вариант habrastorage.org/storage/6db4c5b9/02c6546d/0c121ccd/b77ad6e0.jpg
                                                                                          0

                                                                                                   Ну, для тех кто в теме.

                                                                                          Only users with full accounts can post comments. Log in, please.