Сегодня открывается рубрика полезных гостевых постов. Планируется привлекать сюда всех, кто может помочь в сфере дизайна и веб-проектов. Если вы заинтересованы попаданием в рубрику, пишите мне на batonoman@gmail.com.

Кстати! Я в разы увеличил свой… дизайнерский багаж. Пруфлинк: Free-lance.ru/users/batonoman. Так что если кому-то нужен дешёвый (потому что я не жадный) дизайн, вспоминайте обо мне.

Итак, сегодня у нас в гостях Киевская Веб-студия Aweb, которая обитает по адресу Aweb.com.ua, и её виденье продвижения сайтов.

Продвижение сайта в удовольствие

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

Прежде всего, раскрутка сайта (продвижение сайта) – это вывод сайта (интернет-магазина, новостного портала, блога и т.д.) на качественно новый уровень.

В общих чертах это значит:

• улучшенная архитектура сайта;
• качественное изменения дизайна сайта;
• наполнение сайта интересным контентом (текстовая составляющая сайта);
• оптимизация работы сайта;
• техническая поддержка.

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

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

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

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

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

Итак, точки над «i» расставлены, теперь дело за вами.

В двух словах:
Оставить комментарий (всего 2)
©2010 Антон Гоменюк, Батоноблог.

И еще пол месяца прошло

Урок по CSS3. Создание эффекта тиснённой типографики. CSS3 наступает полным ходом, и это хорошо.

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

Много паков иконок для электронной торговли.

Очень полезная подборка онлайн рисовальщиков графиков и диаграмм.

Якоб Нильсен о силе первого экрана на веб-страницах. Пользователи смотрят его больше, чем остальную часть.

Доза вдохновения

30 очень смешных и остроумных реклам. Читателям «Симбиоза идей» — must read!

Умный и работающий промдизайн для розеток и проводов.

Супер подборка красивейших мостов со всего мира. Завораживает.

Фотографии смешных, странных, и просто красивых моментов.

Для фотошопа

Множество кнопок для фотошопа. Есть хорошие экземпляры.

Урок по созданию эффекта рисования цветными мелками.

5 уроков по созданию текстовых эффектов.

О мобильных интерфейсах

Интересное решение для qwerty-клавиатур на узких экранах (Android). Думаю, привыкнуть реально.

Толстое руководство по проектированию интерфейса Windows Phone 7. Интересно просмотреть.

А Нокия спрашивает у пользователей, какой смартфон им нужен. Интересно, что получится. Лично мне нравятся единичные модели нокий — в большинстве случаев присутствует некая неудобная фигня, которая сильно снижает удобство.

В двух словах:
Оставить комментарий
©2010 Антон Гоменюк, Батоноблог.

Для затравки — сайты о том, что я имею в виду. Собственно, смотреть нужно только на внешний вид, а содержание сейчас для нас не имеет никакого смысла.

Освещённые и яркие

okb.es	45royale.com
rareview.com	newism.com.au
wakeuptowhatsnew.com	ditley.com
rustybones.net	starbuckscoffeeathome.com

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

Теперь посмотрим, как подобное делается в фотошопе.

Blend Modes

Нужный эффект достигается простыми тайными знаниями о режимах смешивания (blend modes).

Прямые источники света

Рассмотрим вариант, когда на странице сидят источники света, которые светят прямо на нас. Объяснять буду в картинках.

Создаём чёрный фон и тыкаем на четыре разных слоя 4 ярких красивых тыка обычной кисти. Это наши будущие светлячки.

Теперь самый важный момент :) Что бы заставить вести их подобно реальным источникам света, что бы они смешивали свет друг друга, нужно поставить на всех слоях режим смешивания «Освещение» (blend mode «Screen»)

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

Когда окошки логотипа винды сближаются очень сильно, середина светит белым светом :)

Супер красочное и яркое меню (для текста выставлено внешнее свечение также со смешиванием «освещение»)

Источник со стороны посетителя

Другой, противоположный вариант — размещение источника со стороны посетителя. Источники как бы светят в монитор, и мы улавливаем отражённый (и рассеянный) свет от них.

Создаём тёмный фон. Кидаем на него шум + я еще добавил эффект Crosshatch. В общем, просто создаём какую-то фактуру. Мы её будем освещать прожекторами.

Кидаем на фон белые кружки на разные слои — следы прожекторов. Теперь есть два варианта:

• Если фон у нас глянцевый, и отражает много света — ставим для кружков режим смешивания «Наложение» (blend mode «Overlay») или «Яркий свет» (Vivid light). При последнем кружки нужно сделать чуть темнее белого, иначе получите полную белую засветку.
• Если фон у нас матовый, отражает мало света — «Мягкий свет» (Soft light)

Глянцевый фон. Наложение. Overlay.

Матовый фон. Мягкий свет. Soft light.

Вот так всё просто.

Дополнение к прошлому параграфу.

Вот и всё. Надеюсь теперь вы овладели чуть большими навыками светоизлучения в рамках фотошопа.

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

И постовым для данного поста становятся: Красивые и оригинальные flash-сайты. Сайты, которые удивят Вас креативными идеями и грамотным воплощением этих идей.

В двух словах: Photoshop, Дизайн, Уроки
Оставить комментарий (всего 5)
©2010 Антон Гоменюк, Батоноблог.

(Для новичков — ссылка на вводную страницу журнала)

Работающая наружка

Поднакопилась реклама пакетов (:

Панадол от головных болей.

Детская социалка. Держание за руку 100%.

Походу крутая реклама стиралки с отжимом. Мол вещи после стирки сухие.

Плюс просто реклама, которая использует в помощь внешнюю среду:

Это просто гениально. Почти ничего не стоит налепить таких на каждый глазок.

Кстати это мега круто! «Господин Шнапс, Ваш багаж на зеро»

Пример, когда идея выходит за рамки рекламного пространства.

И не нужны никакие дисплеи. Всё просто, дёшево, и красиво.

И даже когда все рекламные места заняты, это можно использовать как огромный плюс. Подпись: Fits everywhere.

К этому и нужно стремиться. Всё гениальное остаётся простым.

В двух словах: Идеи, Мысли, Реклама, Симбиоз
Оставить комментарий (всего 4)
©2010 Антон Гоменюк, Батоноблог.

Интересное прошлой недели

Мировой банановый бренд сделал сногсшибательный ребрендинг! Бананы стали намного ярче, свежее, да и просто круче. Да, и холодильник теперь может с уверенностью оклеиваться новыми красочными наклейками :)

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

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

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

Здесь всё просто. 30 + 20 тем под ВордПресс. Как по мне, то среди представленного списка можно выбрать штук 15 особо классных и качественных.

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

В двух словах: Дизайн, Новости
Оставить комментарий (всего 3)
©2010 Антон Гоменюк, Батоноблог.

6 марта в Киеве прошла выставка ярких дизайнерских ручных изделий. На ней были представлены всевозможные штуки: украшения, аксессуары, мягкие игрушки, предметы для дома и прочая фигня.

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

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

Добавь красок!

Плюшевый Андроид — 8 баксов за штуку.

Часы «Батоноблог спэшл лимитэд эдишн»

А эти чучи напоминают мне персонажей из мультов Ивана Максимова.

Короче

Всем желаю в жизни как можно больше ярких спектрально чистых разнообразных цветов! :)

В двух словах: Вдохновение, Выставки, Фотографии
Оставить комментарий (всего 5)
©2010 Антон Гоменюк, Батоноблог.

В общем, сегодня второй выпуск, и я всё еще пристреливаюсь.

Подытоживаем прошедшую неделю

Кто-то начинает писать новое руководство по модульным сеткам

А кто-то мыслит о правильном подвале на веб-страницах.

Некоторые открывают новое сообщество для блоггеров.

А Настя Манно для этих же блоггеров проводит конкурс.

Некоторые развивают интерфейсы и применяют новые виды взаимодействия.

А вот, как можно красиво решить проблему открытых проводов

Для тех, кто хочет запустить веб-проект.

И напоследок подборка ресурсов для полноценного развития дизайнерских способностей.

Кроме данного еженедельного дайджеста, я делюсь интересным контентом у себя на Google Buzz — подписывайтесь, буду рад знакомству!

В двух словах: Дизайн, Новости
Оставить комментарий (всего 2)
©2010 Антон Гоменюк, Батоноблог.

А сегодня у нас много практических заданий и примеров на любой вкус — подборка 16 лучших фотошоп уроков по созданию дизайна страницы. Я отобрал только те уроки, результат которых находится на хорошем уровне в мире современного дизайна, и в которых понятно и доходчиво расписано, как этот результат достичь (уроки на английском, однако достаточно вникнуть в словарный запас всего нескольких из них, что бы нормально выполнить все остальные).

Собственно уроки

Картинки — кликабельные.

В этом уроке хорошая работа с градиентами.

Работа с фоном, обрамлением блоков и прозрачностью.

Здесь хорошие градиенты плюс фон.

Сногсшибательный урок по производству фона и рваных бумажных краёв.

Обычный качественный урок.

Отличный урок глянцевых кнопок и эффекта свечения.

Урок простого чистого дизайна.

Урок хорошего строгого дизайна.

Хороший урок стеклянно-пластиковых поверхностей.

Супер-полноценный, детальный, красивый урок. Отдельно можно выделить работу с цветом и градиентами.

Упор на объёмную окантовку блоков.

Хорошая работа с освещением, градиентами.

Очень качественный и нелёгкий урок. Супер работа с цветами.

Чистый урок по трёхмерным приёмам в создании страниц.

Очень подробный супер-урок. Упор на освещение блоков.

В двух словах: Photoshop, Дизайн, Подборки, Уроки
Оставить комментарий (всего 12)
©2010 Антон Гоменюк, Батоноблог.

Пришло время в очередной раз вдохновить и удивить вас!

Как обычно привожу ссылки на предыдущие выпуски: №1 (читать всем, кто не в теме), №2, №3, №4.

Логотипы, совмещающие несколько идей

А у вас есть, чем поделиться? Буду очень благодарен за ссылки на подобного рода штуки.

В двух словах: Идеи, Логотипы, Мысли, Симбиоз
Оставить комментарий (всего 4)
©2010 Антон Гоменюк, Батоноблог.

Антон Шнайдер,

Видео

Собственно видео смотреть по ссылке.

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

Простые решения

Хороший пример читерства. Есть задача прикормить поросят. Простое решение: они одели их в шкуру тигра. Скорее всего, они еще и пахнут, как тигр. Тигрица их не трогает. Это очень тупо и просто — элегантно.

Рекламная кампания от Nike. Это проще сделать, чем вбухивать деньги, например, в телевидение — это очень дорого. А здесь нужно потратиться на машину, мяч сделать, и всё — все растащили это по блогам, сфоткали, и везде это смотрят. И очень мало людей надо, что бы это сделать. При маленьких затратах всего — энергии и денег — получается крутой результат.

Пластмасски, которые вообще непонятно на что похожие, но вы должны любить их за то, что они очень оригинальные :) Оружие, средства уборки, игрушки — здесь совмещено всё сразу. Это хороший пример арт-дизайна.

«А вот так дизайн должен выглядеть :)»

Вот такая иллюстрация шнуровки наружу. Это выглядит просто. Красиво. Элегантно.

А так можно удобно и просто ребёнку найти место :)

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

Супер образец, как мозг у людей работает. Домкрат в виде шара, который накачивается от выхлопных газов — машина поднимает сама себя (обязательно смотреть источник с видео). Обычно пытаются сделать домкрат, который будет занимать как можно меньше места, но за счёт конструкции он всё равно будет довольно большим. А этот совсем маленький и лёгкий.

Еще один пример высокого КПД и малых затрат энергии. Простой и очень сильный эффект — просто слово, из которого идёт светящийся луч.

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

Эти ребята так и работают. Надо было сделать стенд в магазине — скотчем обмотали, написали ручкой и всё. Это в большей степени дизайн, чем, если бы сидел дизайнер и долго за компьютером придумывал какие-то разные стенды.

Вот к такой простоте нужно стремится, и не тормозить в воплощении сложных тяжёлых решений.

В двух словах: Видео, Дизайн, Идеи, Люди, Мысли
Оставить комментарий (всего 10)
©2010 Антон Гоменюк, Батоноблог.