• https://vk.com/fabrika_bannerov
  • zakaz@bannersnice.ru

Category Archiveстатьи читателей

jpg формат

О графическом формате JPEG

Думаю, все знакомы с форматом JPEG – Joint Photographic Experts Group, который предназначен для сохранения полноцветных или черно-белых полутоновых (grayscale) изображений. Безусловно, в настоящее время пользуется широкой популярностью в просторах сети Интернет, полиграфии, цифровых фотоаппаратах и прочей графической технике. Одним из его преимуществ является степень сжатия, что влияет на конечный вес файла. Он оказывается в несколько раз меньше, чем у аналогичного по разрешению файла, к примеру, в формате TIFF. Однако не все так хорошо, ведь за уменьшение веса JPEG’у приходится “расплачиваться” ухудшением качества.

Алгоритм сжатия довольно сложен, но суть его можно описать: соседние точки изображения объединяются в небольшие прямоугольные области, составленные из пикселей с близкими цветовыми оттенками. В результате сжатия изображение становится некоторым подобием разноцветной мозайки. Естественно, неискушенному взгляду эта раздробленность часто вовсе не видна. Потеря качества напрямую связана с размером получаемого файла. Большой файл – качество лучше, самый компактный имеет наибольшие в худшую сторону отличия от оригинала. Правильно поиграв настройками, можно получить на выходе изображение, практически похожую на исходное.

Еще одной неприятной особенностью JPEG-формата отмечу его прогрессирующую деградацию при изменении и последующем сохранении. Алгоритм сжатия применяется при каждом сохранении файла, что приводит к внесению в него дополнительных искажений. Можно для примера, сделать скриншот страницы любого блога, сначала с высокой степенью сжатия при размере файла в 32,5 кб., а потом – со средней степенью сжатия при размере файла в 56,4 Кб.

Если рассмотреть картинки внимательно, думаю, отличия в качестве очевидны и лучше все-таки выбрать второй вариант нежели легковесный первый. Сам лично всегда начинаю работать с графическими файлами форматов TIFF или PSD, а в JPEG сохраняю уже только окончательные варианты. Но и TIFF и PSD можно тоже уменьшить в весе: нужно сделать невидимыми слои, убрав с них галочки, что придаст прозрачность изображения при их превью. Сжатие происходит хоть и не настолько, как у JPEG – зато качество остается исходным и нисколько не меняется.

Данный формат используется повсеместно в интернете, и можно сказать, что большинство статичных баннеров сделаны именно и jpg-формате. Но, формат, как мы выяснили не идеален, и к примеру визитки на www.integra.od.ua/vizitki идут на печать в TIFF формате.

Pixlr- бесплатный аналог Фотошопа

Pixlr- бесплатный аналог Фотошопа

Зачастую, неудобно запускать Фотошоп на ПК, потому как программа эта достаточно требовательная к ресурсам.

Теперь же, вы имеет возможность редактировать нужные вам картинки или создавать совершенно новые, прямо из окна браузера. Для этого используйте сервис pixlr.com. Функционал сервиса очень схож с привычным Photoshop. Если вы активный пользователь Photoshop то долго разбираться вам с этим сервисом не придётся. Нужно отметить, что функции Photoshop распределены здесь на несколько функционалов, что упрощает знакомство с этим сервисом тем, кто с Photoshop знаком не сильно близко.

Так, перейдя в раздел Редактор Pixlr, вы увидите привычное окно, в котором сможете создать рисунок или изменить уже имеющийся. Так же, в вашем распоряжении будут все самые необходимые инструменты используемые вами в обычном Photoshop.

Дополнительные возможности, для работы со слоями, откроются вам после того, как вы пройдете во вкладку Pixlr Экспресс, и загрузив любым удобным вам способом предварительно сохраненную картинку для редактирования.

Перейдя в раздел Pixlr-O-Matic, вы сможете поработать с фото фильтрами и рамками.

Перейдя в раздел Pixlr Grabber, вам представится возможность установить расширение pixlr.com в свой браузер, благодаря чему вы сможете быстро делать снимки экрана на любой странице и тут же редактировать их в pixlr.com.

Последний сервис, попасть на страницу которого можно перейдя в раздел Pixlr imm.io, даёт возможность сохранять свои картинки в онлайн хранилище и делится ссылкой на этот файл со своими друзьями. Если картинка не просматривается в течении 30 дней, то она удаляется

Вот такой вот удобный сервис и бесплатная, достойная альтернатива традиционному Photoshop

gimp

GIMP – редактор растровой графики

GIMP — это поистине самый прекрасный инструмент для профессиональной обработки фотографий…
Вы давно хотите заняться обработкой фотографий, но не знаете чем воспользоваться? Лучшая программа для этого, конечно же Photoshop, но он стоит немалых денег, а мы, разумеется, против пиратского программного обеспечения. Но и этому комплексу по работе с графикой имеется достойный бесплатный аналог — GIMP.

Изначально этот программный продукт был создан для операционных систем семейства Linux. Сегодня же эта программа доступна для бесплатного скачивания и установки в Windows. GIMP — редактор растровой графики с частичной поддержкой векторной графики.

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

Распространяется программа на условиях лицензии GNU, той же самой что и большинство Linux-программ. GIMP отличается удобным интерфейсом и огромным количеством инструментов, что приближает его по функциональности к Фотошопу, делая GIMP его достойным конкурентом.

Как сделать адаптивный дизайн

Как сделать адаптивный дизайн

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

сделать адаптивный дизайн

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

Как сделать адаптивный дизайн, и на каких моментах заострить свое внимание?

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

Что необходимо оставить на ресурсе?

Нужно оставить все, что обеспечит пользователям удобство. Обязательными являются такие элементы, как контакты, кнопки СТА, способы проезда, карты и т.п.

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

От чего рекомендуют избавиться?

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

Удалите рекламу: она не имеет никакого смысла на мобильном сайте. Поэтому учитывайте то, что ваши посетители будут использовать сенсорную навигацию. Облегчите им просмотр страниц, предоставляя возможность прокручивать слайды, создавая миниатюры.

Пользователь мобильного устройства в первую очередь должен видеть различные обзоры и рейтинги. Целевая аудитория обязательно обратит на них внимание и возможно после осмотра товара совершит покупку. Варианты цены и оплаты в адаптивном дизайне непременно должны быть выделены. Также акцентируйте внимание на акции, предложения, возможность бесплатной доставки и другие важные моменты.

Веб-анимация

Веб-анимация

В последнее время все чаще и чаще на страницах интернета можно встретить чудеса анимации. И не зря именно данный прием используется, потому что простому тексту и образу хочется придать динамичности и вдохнуть жизнь в них.

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

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

использовать анимацию

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

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

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

3. Если же страница изобилует разного рода информацией, то не нужно «отягощать» ее употреблением анимации, потому что далеко не все пользователи готовы ждать немалый промежуток времени для загрузки одной лишь страницы.

Теперь же обсудим моменты, в которых настоятельно рекомендуется использовать анимацию:

1. Если требуется наглядно представить способности и функции товара и показать его в различных ракурсах. Здесь зачастую применяется 3dMAX – моделирование для создания объемных и реалистичных проектов. Использование роликов с применением технологии Flash или HTML5 станет находкой для тех, кто хочет максимально предоставить пользователю возможность оценки товара или услуги. Но также не стоит забывать и о том, что не все пользователи смогут эффективно использовать данный вид презентаций, потому что флеш-анимация имеет характерный недостаток – ее вес достаточно велик для страницы интернета. Также российские поисковики не выдают флеш-сайты по запросам, потому что просто-напросто их не опознают, тем самым раскрутка сайта и его рейтинг – неприемлемые понятия в данном случае.

2. Если вам требуется проследить динамику происходящего.

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

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

Как стать веб-дизайнером, советы новичкам

Как стать веб-дизайнером, советы новичкам

Веб-дизайн и связанные с ним дисциплины еще находятся в стадии развития. Вообще стать дизайнером можно разными способами. И каждый из таких методов индивидуален, так же как и не похожи люди, которые составляют сообщество веб-дизайнеров.

Многие профессионалы данной области достигли высот благодаря кропотливому изучению материалов сети интернет самостоятельно. Кто-то пришел к этому из других сфер дизайна и адаптировался под веб.

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

Как стать веб-дизайнером, советы новичкам

Знания, полученные после прохождения курсов, станут неплохим фундаментом для покорения вершин мастерства, и что же следует делать дальше, чтобы набраться опыта?
Для начала новичку нужно проявить усердие к дальнейшему обучению, проявить желание учиться и самосовершенствоваться, потому что курсы зачастую предоставляют устаревшие знания. Необходимо следить за последними изменениями технологий, программного обеспечения, других нюансов успешного дизайна с психологической точки зрения.

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

Так в чем же секрет? Включайте мозги «на полную катушку» и старательно изо дня в день следите за последними новинками и практикуйтесь. Читайте журналы, блоги успешных дизайнеров, ведь нет ничего лучше, чем избегать ошибок тех, кто их уже совершал, и преподносит вам «на блюдечке» идеи как избежать неприятных моментов в деятельности. Форумы дизайнеров – место обмена опытом, зарегистрируйтесь и непременно найдете для себя нужную информацию.

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

Нет такого дизайнера, который знал бы весь веб на все сто процентов. Выбрав свой путь, и идя размеренно, вы добьетесь успеха.