Статьи

Инструменты веб-дизайна из-под

Январь 12, 2019

Существует несколько способов обработки графики, необходимой для веб-сайта. Первое и самое простое — просто украсть их, «позаимствовать» у других сайтов. Честные дизайнеры и кибербандиты одинаково используют этот метод в меньшей или большей форме. В некоторых случаях это не проблема. Либо владельцы сайтов не против, либо они использовали графику с бесплатных сайтов. В других случаях это ничем не отличается от кражи хлеба из магазина на углу. В случае сомнений, вы, вероятно, должны быть осторожны и избегать использования любой графики, не являющейся понятной для публичного использования (кстати, я сейчас готовлю колонку для SitePoint по этой самой теме). Но независимо от того, как вы смотрите на это, вопросы авторского права в основном означают, что ваш выбор ограничен изображениями, которые уже использовали другие люди.

Второй способ заключается в том, чтобы либо профессиональные графические дизайнеры, либо любители делали для вас графику, либо загружали готовые изображения с графических сайтов, которые предоставляют их специально для этой цели. Третий — сделать их самостоятельно. Здесь многие люди, которым нужен собственный веб-сайт, терпят неудачу. Либо они сбиты с толку сложными (читай: «сложными в использовании») коммерческими программами, либо они сорваны ограничениями более дешевых, менее эффективных пакетов.

Две условно-бесплатные программы на рынке, My Web Toolbox 3.3 и Trellian Button Factory 2.02, удовлетворяют часть потребностей. Они предоставляют недорогой способ создания кнопок и аналогичной графики для веб-сайтов. Ни один из них не является столь же всеобъемлющим, сложным или дорогим, как Photoshop, Paint Shop Pros и Flashhes of the world, и никто не пытается быть таким. Вместо этого они стремятся сделать что-то одно, и делают это хорошо. Насколько хорошо им это удается, по крайней мере, на мой взгляд, рассматривается здесь.

Примечание. Эти обзоры появились в более ранних и немного отличающихся формах, таких как Информационный бюллетень № 13 для моего веб-сайта, Руководство по устранению неполадок и ресурсов для Windows 95/98 / ME, по адресу www.toejumper.net . Информационный бюллетень был направлен обоим создателям программного обеспечения для их ответов, которые были включены сюда.

My Web Toolbox 3.3 $ 30

www.australianwineandbeer.com/mwt/toolbox.htm

My Web Toolbox — это работа австралийского создателя программного обеспечения Иана Тимминса. Ян продает MWT через сайт вина и пива, что может быть одной из причин, по которой он не получает столько информации, сколько мог бы. Это прискорбно, потому что MWT — маленькая жемчужина программы. В настоящее время он рассматривает возможность пресечения своих попыток продвигать программу на рынок и имеет один глаз на подходящих деловых партнеров (слово для мудрых, если хотите).

По словам создателя: «Идея, лежащая в основе моей кнопки, заключается в том, чтобы предлагать ограниченный диапазон стилей, но чтобы эти стили можно было создавать быстро и просто». Действительно, диапазон стилей, доступных в MWT, ограничен, но создание кнопок и баннеров не может быть проще. Я рассмотрел версию 3.2, но версия 3.3 теперь доступна и поддерживает фреймы для анимированных баннеров. Как отмечается на сайте, MWT не создает анимированную графику; вам нужна отдельная программа для этой функции. Только GIF-файлы могут быть анимированы, и MWT не поддерживает GIF-файлы по причинам, подробно описанным ниже.

Установка

MWT довольно хорошо подходит для такой небольшой загрузки, и он также прост в использовании. Сама программа открывается в маленькой панели инструментов, которую можно закрепить в любом месте экрана, не давая ей пройти до тех пор, пока она не понадобится. Он также может быть уменьшен до иконки в системном трее. MWT прост в установке и практически не влияет на вашу систему: программа не вмешивается в реестр, конфигурацию системы или что-либо еще. И, чтобы удалить его, просто удалите программу с жесткого диска. Я ценю эту функцию. Меня раздражают программы, которые пропускают записи реестра через вашу систему, вторгаются в меню «Пуск», переписывают ваши файлы конфигурации и так далее. Это не обязательно. Как говорит Ян: «[P], возможно, моя самая большая ненависть к большинству условно-бесплатных программ — когда они помещают мусор в реестр, который, как правило, никогда не удаляется. Сейчас я просто не буду запускать условно-бесплатные программы, требующие установки». Мне нравится, как этот человек думает.

Что оно делает

MWT создает, редактирует и изменяет изображения (кнопки и баннеры) для веб-сайтов. К сожалению, программа создает только файлы BMP и JPG, а не GIF. Это потеря, но рассуждения связаны с предполагаемым владением Unisys форматом GIF и возможной законностью, влияющей на программы, которые создают файлы GIF без выплаты выкупа Unisys. Недостаток использования файлов BMP на веб-сайтах заключается в двух аспектах: они, как правило, намного больше, чем сопоставимые файлы JPG и GIF, и Netscape очень нервничает по поводу их поддержки.

Панель инструментов MWT состоит из двадцати кнопок, которые, возможно, будут добавлены в будущем. Каждая кнопка имеет свою функцию, и большинство из них говорят сами за себя. Выбор цветов довольно широк, с возможностью выбора из 24-битной, HTML, браузерной и полной спектра палитр. Кнопка со значком позволяет просматривать и создавать изображения значков. Преобразование из BMP в JPG и наоборот выполняется одной кнопкой, а именно:

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

Модификация ранее созданных изображений не так проста, как создание собственных кнопок с нуля (что фактически создает кнопки из шаблонов), но в этом нет ничего сложного. Единственными недостатками при создании новых кнопок являются небольшое количество доступных шаблонов — в основном десять базовых форм, которые можно изменить более или менее по желанию — и ограничения на размер кнопок. Добавленные достопримечательности включают возможность создания баннеров, составных изображений и раскрашенных шрифтов HTML (включая спектр и случайные раскраски). Все шаблоны являются прямоугольными или квадратными, хотя фактические графические рисунки часто бывают круглыми, овальными и так далее. Цвета фона должны выбираться тщательно, чтобы они точно соответствовали веб-странице, на которой они будут отображаться, так как опция прозрачности недоступна (нет GIF-файлов, нет прозрачности). У вас есть возможность импортировать собственное фоновое изображение для кнопки, и это может быть лучшим способом интеграции кнопок в ваш сайт (Ян говорит, что он считает, что файлы BMP можно сделать прозрачными, маскируя нижний левый пиксель).

Подведение итогов

В целом, MWT — это небольшая, но превосходная программа, которая концентрируется на одной задаче — создании кнопки — и делает это очень хорошо. Это не совсем так: как указывает Ян: «Больше пользователей на самом деле используют программу для выбора цвета, а не для создания кнопки. На самом деле, создание кнопки пришло поздно в разработке программы (которая началась просто как программа выбора цвета). Но тогда в условно-бесплатной версии параметры выбора цвета не ограничены, в то время как создание кнопки «.

Доступно больше параметров, чем вы ожидаете, а дополнительные возможности захвата экрана, раскраски HTML и создания баннеров только увеличивают ценность этой программы. Ограниченное количество шаблонов кнопок вызывает беспокойство, но этого недостаточно, чтобы отвлечь вас от этой программы. Мое предложение состоит в том, чтобы захватить это и зарегистрировать это сейчас, прежде чем какое-то коммерческое юридическое лицо искажает маленькое создание Иана, добавляет некоторые прибамбасы и поднимает цену.

Trellian Button Factory 2.02 $ 45

www.trellian.com/tbf/

Trellian — известная компания по разработке программного обеспечения, также базирующаяся в Австралии. Помимо Button Factory, они также продают другие веб-инструменты, включая FTP-клиент, утилиту отправки в поисковую систему и платформу электронной коммерции. TBF доступен как бесплатная демо-версия и как полнофункциональная зарегистрированная версия. Демо-версия истекает через 30 дней и не позволяет сохранять изображения; в этом смысле это скорее пробная версия, чем полноценная условно-бесплатная программа. Как следует из названия, эта программа не делает ничего, кроме создания кнопок для веб-сайтов. Он предоставляет вам множество стилей и опций на выбор, хотя, как и в случае с My Web Toolbox, вы ограничены предоставленными шаблонами (и эта программа предоставляет огромное количество). Треллиану также была предоставлена ​​новостная версия этого обзора, и они ответили просто: «Звучит хорошо!»

Установка

TBF устанавливается быстро, используя стандартный мастер установки, и может быть удален с помощью апплета Add / Remove. Открытие TBF дает вам полный экран с ежедневным советом (который можно отключить) и двумя панелями инструментов, на которых есть многие из стандартных кнопок, к которым мы привыкли, — «Создать», «Открыть», «Вырезать», «Копировать», «Вставить» и т. Д. Само собой разумеется, как My Web Toolbox, и может оказаться пугающим для начинающего веб-дизайнера. На мой взгляд, он похож на больших мальчиков, особенно Paint Shop Pro, и те, кто имеет опыт работы с PSP, Photoshop или другой подобной программой, будут чувствовать себя как дома. Практически нет автономной справки: ссылка на онлайн-руководство отправляет вас на веб-сайт Trellian, который предоставляет значительную помощь. Я настоятельно советую новым пользователям сначала просмотреть этот материал, так как здесь есть много полезной информации и советов, хотя не все варианты удовлетворительно объяснены. Панели инструментов в верхней части несколько закрепляются, хотя их нельзя никуда перетаскивать. Кроме того, меню «Свойства» доступно при щелчке правой кнопкой мыши или через верхнее меню.

Что оно делает

Большая часть вашей работы будет выполнена в основном, пустом пространстве, называемом «рабочим столом». Программа управляется шаблонами; Вся ваша работа будет основана на том или ином шаблоне. У вас есть много вариантов для изменения и изменения шаблонов — размер, форма, границы, цвет фона и т. Д. — как на панели инструментов, так и в меню «Свойства», которые доступны при щелчке правой кнопкой мыши. Сами шаблоны разнообразны и довольно красивы, с некоторыми очень сложными графическими дизайнами (если я правильно считаю, эта версия имеет 125 вариантов выбора). В дополнение к более изящному выбору предоставляются некоторые более простые и базовые шаблоны, в том числе те, которые хорошо сочетаются со стандартными графическими схемами Windows, Mac, Linux и Unix.

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

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

Как и My Web Toolbox, TBF не поддерживает GIF. Однако он поддерживает форматы BMP, JPG, PNG и PPM (Portable Pixelmap File), а также собственный формат TBF (в первую очередь полезный для сохранения выполняемых работ). Поскольку программа не поддерживает GIF-изображения, фоны обычно не могут быть прозрачными (изображения в формате PNG могут быть по-разному прозрачными, но нажать кнопку не просто; см. Домашний сайт PNG по адресу www.libpng.org/pub/. PNG / для получения дополнительной информации). Я полагаю, что логика Треллиана в том, что он не поддерживает формат GIF, похожа на ту, которая была у создателя MWT. В Свойствах есть опция прозрачности, но это не делает цвет прозрачным в общепринятом смысле слова; вместо этого он удаляет весь шаблон, оставляя только текст и цвет фона.

Мне потребовалось некоторое время, чтобы понять, как изменить текст в шаблоне. Инструкции, представленные в онлайн-руководстве, неправильные, неправильные, неправильные — в соответствии с инструкциями и прилагаемым изображением на панели инструментов есть текстовое поле, в которое можно ввести новый текст. Нет. Тем не менее, то, что работает, это выделить изображение и затем дважды щелкнуть по нему. Ваше изображение «исчезает», и появляется пустое белое поле, в которое вы можете ввести новый текст. Если щелкнуть за пределами текстового поля / изображения, изображение вернется назад с новым текстом. Это довольно легко изменить и изменить размер вашего текста, и у вас есть большое количество шрифтов на выбор. Насколько я могу судить, опция «Новый текст» дает вам кнопку без графики внутри, за исключением основного цвета фона — полезный выбор для веб-дизайнеров, которые знают, что делать с такой опцией (и аналогично опции прозрачности, описанной выше. ). TBF не предусматривает создание баннеров как таковых, но с параметром «Изменить размер» я не вижу причин, по которым вы не можете сделать кнопку достаточно большой, чтобы она служила изображением баннера.

TBF дает вам простой способ создания интерактивных карт изображений, как описано в Руководстве. Однако из того, что я могу сказать, вы можете назначить только один URL-адрес определенному изображению — не разбивая изображение на куски и не назначая разные URL-адреса для каждого фрагмента.

Сохранение творения немного сложно; Выбор «Сохранить как» позволяет сохранить кнопку как файл .TBF. Если вы выделите кнопку и выберите «Файл», «Экспорт», вы сможете выбрать один из четырех других форматов. Опять же, здесь полезно ознакомиться с онлайн-руководством. Некоторые из более интересных вариантов, такие как выбор размера сетки, создание новых фреймов и т. Д., Недостаточно хорошо объяснены; вам придется либо выяснить их самостоятельно, либо экстраполировать их значение на основе ваших знаний о других графических программах.

Подведение итогов

В итоге, Trellian’s Button Factory — отличная программа, которая может создавать сложные веб-кнопки быстро и с минимальными усилиями. Кривая обучения круче, чем с My Web Toolbox, но программа предоставляет вам некоторые функции и опции, которых нет в MWT. Я не совсем доволен иногда нелогичным способом настройки программы для работы, и я разочарован отсутствием документации онлайн-руководства по ряду функций. Тем не менее, программа делает то, что она собирается сделать очень хорошо. Огромное разнообразие шаблонов кнопок и сложный набор инструментов делают Button Factory достойной покупкой для серьезных веб-дизайнеров.

37
Share: