• https://vk.com/fabrika_bannerov
  • zdorovnm@gmail.com

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

Вебдизайн и Photoshop

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

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

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

Вебдизайн и Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ответьте для начала на простой вопрос – для чего Вам сайт?
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 и создать макет самостоятельно – вы хорошо сэкономите на дизайне. Далее при дефиците знаний передавайте ваше произведение на верстку и прикрутку к движку.

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

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

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

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

про баннеры

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

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

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

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

статейное продвижение

Продвижение сайта статьями

Многие ранее популярные способы продвижения становятся все менее продуктивными. К примеру, сейчас уже практически нерентабельно проводить обмен ссылками или же прогон по каталогам. Да и покупка ссылок часто является уже не такой продуктивной, в плане привлечения гостей она совершенно не действенна. На смену всем этим малоэффективным мерам пришел способ продвижения сайта статьями.

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

Продвижение сайта статьями

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

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

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

Как делать демотиватор в фотошопе

Как делать демотиватор в фотошопе

Главные характеристики демотиватора: черная рамка, картинка, белый текст под картинкой на том же черном фоне. Сделать демотиватор в фотошопе очень легко.

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

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

Заливаем новый документ черным цветом.
Нашу картинку открываем в фотошопе (кликаем на ней правой кнопочкой мыши, выбираем «Открыть с помощью», « Adobe Photoshop»)
Если необходимо, то можно обрезать лишние части картинки (инструмент «Обрезка» или «Рамка», вызывается клавишей «С»)
А теперь просто перетаскиваем эту картинку на документ с черным фоном. Если картинка намного больше, чем нам надо, то нажмите клавишу Shift и, удерживая ее ухватитесь за уголок картинки и измените размер.

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

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

Как сделать демотиватор в фотошопе

Пишем текст.
Не забудьте указать адрес вашего сайта. Его можно сделать не таким ярким, как надпись. Просто сделайте для слоя с урлом меньше непрозрачность.

В принципе, можно на этом и закончить. Но, если вы хотите сделать дополнительную рамочку для картинки, то я знаю 2 способа:

1 способ. Создаем новый слой, располагаем его в палитре слоев под слоем с картинкой.
Выбираем инструмент «Прямоугольник».
Нежно рисуем белый прямоугольник немножко большего размера, чем наша картинка.
2 способ. Нажимаем клавишу Ctrl на клавиатуре, не отпуская ее, клацаем мышкой на миниатюрке слоя в палитре слоев.
Картинка становится выделенной. Теперь заходим в меню «Выделение» и выбираем «Модификация», «Граница».

Размер границы ставьте на свое усмотрение.
Теперь берем инструмент «Кисть», выбираем опять черный цвет, устанавливаем размер кисти побольше (например 19) и закрашиваем выделенную область.