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

Архив автора

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Rusladmin
Вебдизайн и Photoshop

Веб-дизайн и Photoshop

Если вы решили создать свой сайт, вести свой блог то вам не обойтись без самой мощной программы по работе с графикой — программы adobe Photoshop.

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

Вебдизайн и Photoshop

Нужно обрезать фотографию, изменить размер, откорректировать цветность, преобразовать в другой формат — пожалуйста. Отделить объект от основного фона, сделать логотип, кнопку на сайт — легко. Изготовить баннер, 3D-коробку продукта, анимированную картинку — нет проблем. Не нравятся предлагаемые шаблоны сайта, создадим свой дизайн сайта, а затем сверстаем.

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

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

Rusladmin
Раздражающие элементы веб-дизайна

Раздражающие элементы веб-дизайна

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

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

Раздражающие элементы веб-дизайна

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

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

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

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

Rusladmin
тз для дизайнера

Как создать ТЗ для дизайнера и верстальщика, как определится с тем, что будет на сайте?

Вы загорелись идеей создать сайт!? Но не знаете с чего Вам начать… В голове у вас абстрактная картина и только лишь. Что, проблема разрешима, и сейчас я попробую объяснить с чего начать, чтобы в голове не было хауса.

Ответьте для начала на простой вопрос – для чего Вам сайт?
1.Для денег, бизнеса?
2.Для души, себя, чтобы был и всё тут.
3.Друг, коллега попросил?
4.Хочу научится делать, чтобы изготавливать сайты на заказ.
5.Другое…

1. Вы выбрали тематику для сайта? Если нет, то возьмите в руки блокнот и запишите все возможные тематики, которые придут вам в голову. Далее выберите ту, в которой вам понравится работать и развивать сайт.

2. Составляем семантическое ядро. Частично об этом я писал тут. Заставляйте себя добывать информацию самостоятельно – гуглите!

3. Далее регистрируем домен, заказываем хостинг и заливаем на хостинг тот или иной движёк при необходимости.

тз для верстальщика

Следующий шаг, это создать оригинальный дизайн и структуру для сайта. Конечно можно обратится к первоклассным дизайнерам и верстальщика. А можно частично сделать самому – это сэкономит деньги. Вначале я советую вам по гуглить и посмотреть на структуры сайтов вашей тематики.

Чтобы определиться со структурой для сайта – возьмите всё тот же блокнот и нарисуйте в нем 4 или более прямоугольника. Нарисуйте столько прямоугольников, – сколько вам захочется. Для чего они? -На этих прямоугольника вы будете создавать образ вашего будущего сайта.

Но чтобы начать рисовать на них – определимся с тем, какие страницы будут на сайте?

Итак, это:
1.Главная страница.
2.Страница с выводом раздела и рубрик для него.
3.Страница с выводом рубрики и статей в ней.
4.Страница с выводом статичных страниц.
5.Другие особенности? – возможно у вас будет форум или магазин на сайте, но это уже отдельный разговор. Постарайтесь напрячь мозги, хотя, основные страницы я уже перечислил.

Далее, начинайте рисовать структуру для каждой из страниц. Желательно нарисовать по 4 варианта и более для каждой из приведенных страниц.

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

На главной у меня будет? –
1.Шапка – под меню, выше меню? Шапки не будет?
2.Колонка – слева, справа, одна, две, не будет вообще?
3.Футер – будет оформлен или не будет?
4.Дополнительные элементы?
На главной будут?
1.Свежие статьи?
2.Рубрики?
3.Разделы?
4.Лучшие статьи?
5.Продвигаемые статьи?
6.Счётчики?
7.Календарь?
8.Архивы статей по месяцам?
9.Метки?
10.Тизерная реклама? Тизеры для сайта, teasernet ru к примеру. Можете зайти и прочитать, как заработать на данной рекламе.
11.Контекстная реклама?
12.Баннерная реклама?
13.Тест или опрос для посетителей?
14.Самые комментируемые статьи?
15.Рекламные статьи?
16.Ссылки из бирж ссылок?
17.Вывод свежих комментарий?
18.Какая то своя фишка – свой продукт, который вы будете продавать?
19.Подписка на RSS ленту?
20.Другое? – основное я вроде как перечислил.
Ответьте на эти вопросы при рисовании структуры для каждой из страниц.

Далее, ответив, нарисуйте небольшой макет – можно даже в Paint нарисовать, но лучше освоить Photoshop и создать макет самостоятельно – вы хорошо сэкономите на дизайне. Далее при дефиците знаний передавайте ваше произведение на верстку и прикрутку к движку.

Rusladmin
Эффективный баннер

Эффективный баннер

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

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

про баннеры

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

• Донор для баннера. Под донором подразумевается ресурс, на котором будет опубликован баннер. Разумеется, вы должны включить логику и сразу отказаться от предложений размещения на проектах, которые даже отдаленно не связаны с нужной вам тематикой. Отдача от баннера, рекламирующего холодильники, будет практически нулевой, если поместить его на сайте о туризме. Вряд ли собирающийся на отдых человек вдруг, ни с того, ни с сего, вспомнит, что ему срочно нужен холодильник.

• Текстовое содержимое баннера. Лаконично, но вполне понятно вы должны дать понять пользователю о том, что он может получить. И не забывайте, что эффективный баннер должен давать некую команду: «узнай», «посмотри», «сделай». На баннеры с подобными призывами люди реагируют наиболее активно.

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

Rusladmin