Содержание
- Опередил других
- Новая индустрия
- Раннее программное обеспечение
- Благодарен за Flash
- Смена парадигмы
- Следующие шаги
- Возвышение Muse
- Другие игроки
- Google Web Designer
- Сайты, создающие сайты
- Важность планирования
Спустя 20 лет развития Интернета веб-инструменты по-прежнему легко побеждают в конкурсе на худшие производственные инструменты в любой категории.
Это не самый позитивный или оптимистичный способ начать статью об инструментах веб-дизайна. Но это честный. Подумай об этом. Публичный Интернет и его первые наборы инструментов начали появляться в 1994 году - 20 лет назад. (Непубличная сеть, используемая правительством США, исследовательскими центрами и университетами, существует уже несколько десятилетий). Считаете ли вы, что инструменты, которые у нас есть сегодня, разумны, отражают 20 лет усилий?
Серьезно, разве есть не так много вещей, которые вы хотели бы сделать, но все еще не можете? Разве есть вещи, которыми вы так давно хотели заниматься, что уже давно о них забыли?
Опередил других
Быстрое сравнение: настольные издательские системы, инструменты которых гораздо более совершенны, были представлены миру только на восемь лет раньше, чем Интернет, с выпуском Aldus Pagemaker в 1986 году. Даже цифровое видео, функционально представленное миру с помощью Adobe Premiere в 1991 году. , только три года вперед с веб-инструментов. И все же видео инструменты долгое время были отточенными.
Так почему же эти другие категории намного опередили развитие веб-рынка? Почему рабочий процесс печатной публикации был отличным уже столько лет, как и инструменты для видеорынка, а веб-технологии так разбросаны?
На самом деле причин много. В этой статье я рассмотрю основные из них, а затем хорошие новости (они есть, так что терпите).
Новая индустрия
Хотя публикация в цифровой печати и видео - это новость, у них, по крайней мере, есть параллели в реальном мире и история, из которой цифровые инструменты почерпнули некоторые рекомендации, даже терминологию. Что касается печатных изданий, то мы говорим о более чем 500-летней истории со времен Гутенберга.
Для сравнения: Интернет был чем-то совершенно новым. Никогда не существовало эквивалентной нецифровой вещи, от которой можно было бы руководствоваться. (Телевидение не было предшественником Интернета, несмотря на то, что Интернет развивается, это может показаться таким вскоре.)
Еще одна веская причина: Интернет был движущейся целью потребностей и спецификаций. То, что мы просим от Интернета сегодня - банковское дело, покупки, потоковое видео и телекоммуникации - всего 15 лет назад казалось бы чем-то фантастическим. Интернет много раз эволюционировал так быстро, что мы вскоре поняли, что термин «веб 2.0» устарел еще до того, как стал реальностью.
Хотя все меняется, особенно технологии, ничто не развивается так быстро, как веб-разработка. Так же, как вы успокаивали себя приятным удобным рабочим процессом (который, наконец, подписали и ваш коллега, и ваши клиенты!), Правила игры снова меняются для вас. И каждый раз мы снова скрещивали пальцы и надеялись на лучшее.
Раннее программное обеспечение
Первые варианты программного обеспечения для разработки веб-сайтов выглядят доисторически по сегодняшним меркам. Было выпущено множество пакетов, многие из которых рекламировали «то, что видишь, то и получаешь» (WYSIWYG) - термин, взятый из первых дней настольных издательских систем несколькими годами ранее. И, как и ранние пакеты DTP, WYSIWYG имел разную степень успеха.
То, что также было частью сделки, было частью разработки веб-сайта. Весь этот секретный материал не был хорошо спрятан для веб-производства. А это было то, к чему большинство дизайнеров не привыкло. Мы столкнулись с такими вещами, как каскадные таблицы стилей (CSS), JavaScript, динамический HTML и множеством других недоразумений. Мы никогда не подписывались на это!
Все это превратилось в ведущие в отрасли программные пакеты, такие как GoLive, который какое-то время возглавлял этот пакет, и вскоре был куплен Adobe. Почти в то же время новая программа под названием Dreamweaver начала завоевывать рынок. Так что, конечно, Adobe вскоре купила и это.
И хотя у каждого пакета были свои плюсы и минусы, каждый также требовал определенных навыков программирования. (Adobe имеет долгую череду веб-приложений, которые приходят и уходят, включая PageMill, SiteMill, ImageStyler, LiveMotion, Fireworks и т. Д.)
Благодарен за Flash
Что было делать дизайнеру в те первые дни Интернета? Слава богу, Flash! Хотя сейчас он все еще медленно уходит с веб-сцены, Flash был почти всем, что мог пожелать дизайнер. Это позволило нам поместить элемент текста или искусства в определенное положение, и, как в мире печати, знать, что он останется там, где мы его поместили. Эта простая возможность, которую мы, дизайнеры, всегда имели прежде, не допускала HTML и ему подобные.
Хотя интерфейс Flash можно было рассматривать как несколько своеобразный, он позволял дизайнерам надежно создавать великолепные дизайнерские работы с минимальным программированием или без него. И если дизайнеру хватит духа выучить немного языка кода Flash ActionScript, что ж, тогда почти все станет возможным.
А когда требовался более сложный код, дизайнер мог заниматься своим делом, а затем передать дело кодировщику, зная, что то, что было разработано, останется разработанным.
После многих лет отражения противников, один человек осмелился в одиночку убить Флэша: Стив Джобс. С огромным успехом iOS и его отказом разрешить запуск Flash в своем браузере, Flash больше не был широко распространенным рыночным решением, и Adobe объявила о завершении разработки Flash для мобильных браузеров в 2011 году.
У нас, дизайнеров, снова не было возможности производить предсказуемые продукты, которые не требовали бы большой зависимости от продвинутого кодирования. HTML5, предполагаемая замена, не был тем изящным пакетом, которым был Flash, и даже такая программа, как Dreamweaver, обычно требовала, чтобы он выучил хотя бы некоторые HTML, CSS, PHP и другие языки.
Смена парадигмы
Помимо технологий, здесь следует упомянуть смену ментальной парадигмы между дизайнерами. Этот эстетический разрыв, как правило, возникает между теми, кто сокращает свою долю в средствах массовой информации старого мира, и теми, кто делает это в новых средствах массовой информации (сам по себе теперь устаревший термин).
Это новое поколение дизайнеров рассматривает такие базовые концепции, как не плавный дизайн страниц, как устаревшие и устаревшие, и, в крайнем случае, вероятно, будет придерживаться того, что все сайты должны быть полностью адаптивными по своему дизайну. Эта новая порода также, вероятно, будет способна изрядно программировать в дополнение к своим дизайнерским навыкам, хотя превосходство в обеих областях действительно редкость.
Для сравнения: идея о том, что дизайн страницы меняется в зависимости от размера окна, меняет как дизайн, так и функциональность в зависимости от используемого браузера или платформы (настольный компьютер / планшет / телефон), просто устрашает устаревшие типы мультимедиа.
И хотя я связываю этот эстетический сдвиг с возрастом, на самом деле есть много молодых дизайнеров, которые думают о более статичных страницах и хотят создавать более предсказуемые коммуникации.
Итак, когда Flash больше не вариант, что же делать всем этим дизайнерам?
Следующие шаги
Последние два года мы, дизайнеры, запутались с веб-проектами. Мы укрепляли наши дружеские отношения с программистами (я даже пытался начать день «Возьми своего программиста на пиво», который не совсем начался), многие из нас делали еще один удар по изучению Dreamweaver (я надеюсь, для вас это пошло лучше, чем для меня), поиграть с опциями экспорта Flash в HTML5 (да, я знаю, я знаю) и приставать к Adobe в поисках решения (я, например, не заводил друзей в Маунтинвью, Калифорния !). Некоторые из нас, возможно, переосмысливали совет наших матерей пойти в стоматологическую школу, если еще не поздно (для меня слишком поздно).
В основном, однако, мы сидели и гадали, что будет дальше и когда оно наконец прибудет. Я полностью ожидал, что Adobe либо модернизирует Flash, либо выпустит другую программу, которая в основном была такой же, но свободно говорила на HTML5. Это был бы самый простой переход для многих из нас, особенно если бы он сохранил использование как интерфейса, так и ActionScript, на изучение которого мы потратили годы. Это был бы очень логичный переход.
Но Adobe пошла в совершенно другом направлении, выпустив новую программу для веб-дизайнеров Muse.
Возвышение Muse
Без ведома многих из нас, даже тех из нас, кто обычно «в курсе», примерно в то же самое время, когда они заканчивали жизнь веб-браузера Flash, Adobe постепенно оживляла Muse. И вместо того, чтобы работать с интерфейсом Flash, который был в значительной степени разработан для работы с анимацией и адаптирован для работы в Интернете, они вполне логично использовали более широкий подход.
Помните ту группу, о которой мы говорили ранее, старых дизайнеров страниц? Похоже, многие из них потратили много разочаровывающих лет, не сумев найти лекарства от Dreamweaver или Flash. Таким образом, Adobe пошла по парадигме, которая была ближе к их программе верстки страниц, InDesign. Хотя это ни в коем случае не является прямой копией, он явно был разработан, чтобы быть мгновенно доступным для большого количества людей, ориентированных на печать, которые хотят перейти к веб-дизайну.
Так что, казалось бы, было и есть огромное количество дизайнеров, которые предпочли бы никогда больше не видеть код? Да, говорит Adobe. И успех Muse является тому подтверждением. Однако это были скачки с участием только одной лошади, поскольку у Muse ужасно мало прямых конкурентов на рынке, если таковые вообще имеются. Конечно, с глубокими маркетинговыми карманами Adobe.
Будет интересно посмотреть, как это приложение будет развиваться со временем. Я, например, очень надеюсь, что Adobe (вместе с Apple) перестанет создавать новые приложения, хранить их достаточно долго, чтобы нас зацепить, а затем убивать их.
Другие игроки
В то время как Muse - это 800-фунтовая горилла в комнате, чтобы мы не забыли некоторых более мелких игроков, которые работают, чтобы минимизировать, если не полностью исключить кодирование. Freeway от Softpress - давний игрок в этой области со многими преданными пользователями Mac. Rapidweaver - еще один вариант, который рекламирует мощную разработку сайтов без кода по отличной цене, причем только на Mac. Альтернативы Windows найти сложнее.
Необходимо упомянуть KompoZer, проект с открытым исходным кодом, который хорошо разработан и актуален, и, конечно же, бесплатный. Он доступен для дистрибутивов Mac, Windows и Linux.
И самая важная часть для дизайнера, стремящегося избежать работы с кодом: «KompoZer разработан, чтобы быть чрезвычайно простым в использовании, что делает его идеальным для нетехнических пользователей компьютеров, которые хотят создать привлекательный, профессионально выглядящий веб-сайт, не зная об этом. HTML или веб-кодирование ".
Google Web Designer
В прошлом году Google выпустил новую программу для бесплатного скачивания под названием «Google Web Designer». Как же я был взволнован, что зашел и начал читать и скачивать! Реалии программы, все еще находящейся в версии 1.x, одновременно вдохновляли в одних случаях и слегка разочаровывали в других.
Во-первых, это удивительно способный первый выпуск программы, включая анимацию, 3D и множество других доработок. Его разочарование отчасти связано с его названием, которое подразумевает больше, чем оно есть. Поскольку это выпуск Google, неудивительно, что GWD действительно нацелен на создание веб-рекламы и имеет размеры страниц и интеграции, предназначенные для такой работы.
Этот инструмент будет очень ценным для создания веб-рекламы с богатым содержанием - ниши, которая с тех пор, как в Интернете прекратилась поддержка Flash, постепенно не использовалась. Множество дорогих рекламных баннеров все еще доставляется во Flash даже сегодня, но, очевидно, это то, что нужно изменить в ближайшее время. Я ожидал, что GWD станет последним ударом для Flash-баннеров.
Однако, если, как многие надеются, эта надежная разработка GWD продолжится и будет усовершенствована, чтобы сделать ее более практичной при создании более крупных веб-сайтов, тогда баланс сил может измениться в том, как строится Интернет.
Немногие компании знают Интернет так, как Google. Собираются ли они вложить свои силы в развитие GWD? Время покажет. Однако обратите внимание, что в отличие от Muse, который вообще не предлагает кодирования, GWD имеет кодирование - хотя в зависимости от того, что вы хотите сделать, оно может понадобиться, а может и не понадобиться.
Сайты, создающие сайты
Есть две другие области разработки веб-сайтов, которые стоит включить. Первые - это веб-сайты, которые позволяют создавать веб-сайты. Такие компании, как Webflow, Squarespace и даже Google со своими предложениями Google Sites, вошли в игру.
Очевидно, что эти параметры имеют более строгие ограничения, чем действительно настраиваемый сайт. Однако возможности, предлагаемые на этом конкурентном рынке, постоянно расширяются и расширяются.
Наконец, идея создания целого коммерческого веб-сайта и бизнеса на платформе WordPress, когда-то считавшаяся необычной, теперь стала довольно распространенной.
Я знаю людей, которые строили свой веб-бизнес, используя эту систему, и хвастались годами, как она становится все лучше и проще в работе, а новые плагины позволяют упростить работу над некогда сложными проектами. Однако в большинстве случаев можно ожидать некоторого программирования, хотя, вероятно, меньше, чем вы думаете.
Важность планирования
Какой путь вы пойдете с веб-разработкой собственных продуктов в вашей компании или с тем, чтобы служить вашим клиентам в качестве веб-разработчика или маркетолога, будет зависеть от того, кто вы есть, а также от конкретного проекта. Сегодняшних вариантов много, но планирование как никогда важно.
Например, если вы являетесь крупным магазином, вы никогда не ожидаете, что своим клиентам с голубыми фишками будете продавать веб-сайт на Squarespace, и вам может показаться, что использование Muse будет натяжкой. Но существует огромное количество предприятий, которые могут быть очень счастливы нанять небольшой дизайнерский магазин для создания, производства и развертывания бизнес-сайта таким образом. Все дело в том, чтобы найти и согласовать то, кто вы есть, что хочет ваш клиент, и множество методов, которые мы должны использовать сегодня.
Так действительно ли мне нравится то, что у нас есть варианты? Я не уверен. Почему бы нам всем не заглянуть примерно через год и не посмотреть, расширила ли Google свою программу, закончилась ли их жизнь Adobe или же программа с открытым исходным кодом KompoZer захватила мир. А пока, правда, я вам говорю: возьмите некоторых программистов за пивом. Никогда не знаешь!
Слова: Лэнс Эванс
Лэнс Эванс - креативный директор Graphlink Media.
