Сейшельский Манимейкер

Archive for the ‘Дизайн’ Category

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

Нашёл простую темку, которая в процессе оказалась кажется сгенерённой Artisteer'ом, который я ужасно не люблю за убогие нагромождения div'ов, но поскольку тема нравится - решил оставить несмотря ни на что. Мне нравится - светло, легко и просто. Хотя кое-какой геморрой с оформлением в наличии до сих пор, но ничё =)

Зато расцветил страничку с софтом для манимейкинга в свои любимые эмо-цвета. Получилось ярко, мне так нравится, да =)

Также, сделал с помощью плагина loginza авторизацию у меня в блоге через разные сервисы - Вконтакте, Gmail, Yandex, Twitter и другие. Удобная вещь, о которой я недавно начал мечтать, предложил в комментах на хабре, и на тебе - сделали. Так что, пользуйтесь, авторизуйтесь, комментируйте =)

Ещё - завёл твиттер. Вообще он у меня давно, но щас стал писать почаще. Да и иконка птичкера тут в теме была по дефолту. А вот иконку фейсбука пришлось снести - такое говно этот фейсбук.
Так что давайте, фолловьте меня в этом твиттере :) Для тех кто пришёл сюда первый раз - заодно и подписывайтесь на посты.
Ах да, там ещё кнопочка для ретвитов теперь есть. Пользуйтесь. Кстати, у меня какие-то ретвиты постов даже есть, не знал =)

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

И да, если косяки какие-то в дизе увидите - пишите)))

Мне часто приходится переделывать дизайны шаблонов. Раньше частенько приходилось иметь дело с шаблонами WordPress, я переделывал дизайны для своих блогов/сателлитов. Сейчас это бесплатные шаблоны для дорвеев.

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

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

Но всё же спасение пришло ко мне. В лице плагина для Firefox - ColorZilla (офсайт).

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

Немного о функционале:

1) При нажатии на иконку плагина левой кнопкой, по умолчанию включается тот же упомянутый уже инструмент Пипетка, который позволяет выбрать любой цвет в любом районе окна браузера. Для выбора достаточно кликнуть левой кнопкой там, где необходимо выбрать цвет. В ColorPix приходилось тянуть руку к клавиатуре, хотя я не настолько ленив, конечно же :)

При этом, если в Options > Autocopy выбрать Enabled, и выбрать нужный режим копирования, при выборе цвета - он будет автоматически копироваться в буфер обмена, что тоже весьма удобно. Копировать плагин может в различных вариациях - hex-цвета, rgb-цвета, для простых цветов также названия - white, black, gray, maroon и т.п;

2) Другим, сверхполезным, инструментом для меня явился показ названия div'ов/классов/элементов. То есть, при включении пипетки плагина - внизу возле его иконки показываются не только параметры цветов и положения курсора, но и название элемента/слоя. Например, поле ввода где я пишу сейчас этот текст, имеет свойство textarea#content, т.е. элемент textarea в слое content. Очень и очень удобно, теперь я не ищу долгое время где какой элемент и какой из них в какой вложен. Простое и элегантное решение;

3) Есть штука, как анализ DOM (Document Object Model) страницы. Плагин анализирует все используемые цвета на странице и выдаёт полный список какой из цветов для какого стиля/слоя/элемента используется. При проверке страницы создания поста WP - выглядит весьма внушительно и даже монстроузно (и это лишь малая часть);

4) Если хочется попасть точно в пиксель - у плагина есть лупа с увеличением до 1000%. Не промажете точно;

5) Можно также выбрать цвет подбором вручную, можно выбрать из палитры цветов (а подключить разнообразные палитры).

6) Можно добавлять цвета в избранное - очень удобная фича, которой впрочем я не пользуюсь пока.

Вот такой простой плагин к браузеру, серьёзно облегчающий мне жизнь.

А какими плагинами пользуетесь вы?

Наверняка вы видели, что у меня в сайдбаре висит баннер Fotolia. Хочу рассказать, что же это и почему же я выбираю именно её.

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

Минусы использования таких изображений:
1) Не все изображения можно просто так взять и использовать на своём сайте. Конечно, в ру-сегменте скорее всего ничего никто предъявлять не будет, но - если вы делаете качественный проект, задумайтесь - нужны ли вам возможные проблемы?
2) Множество изображений из того же поиска по картинкам в популярных тематиках (например - туризм, бизнес) - уже десятки и сотни раз использованы такими же умниками, сателлитоклепателями, автограбберами и прочей ересью. Вы хотите, чтобы ваш качественный проект выделялся? Скорее всего - да.

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

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

Одним из мировых лидеров в продаже royalty-free изображений и является Fotolia. Как гласит сейчас мне главная страница - 6,700,702 photos and illustrations / 368,456 vectors. Согласитесь, немало? Хватит для того, чтобы удовлетворить любого перфекциониста.

Когда я начал делать свои сайты по туристической тематике, я делал их для собственного удовольствия (по тем странам, которые мне нравятся), а не для sape, и конечно же столкнулся с проблемой подбора изображений. Особенно серьёзно это коснулось выбора фотографий под блоги о разных островных странах (Сейшелы, да-да :)), т.к. на бесплатных стоках фото по ним есть, но качественных очень мало. Поэтому я ударился в поиск хорошего фотостока, и ах да - у меня нету кредитки (тогда я ещё не знал о предоплаченной Visa Virtual (да и её не было в терминалах QIWI)), поэтому приемлимы были WebMoney.

И увы, побывав во многих местах - не нашёл устраивающих объёмов и качества фото и удобной мне оплаты. И вероятно, я даже видел и Fotolia, но не сразу понял, что у них есть Webmoney. А они у них есть - и поэтому для меня этот фотосток и является лучшим. Соотношение количества/качества фотографий и удобный метод оплаты - то что мне нужно.

О ценах. Цены для наших ru-ушек и глазок покажутся скорее всего дикими. Для расчётов внутри Fotolia используются т.н. кредиты - 1 кредит = 1$. Изображения размеров, пригодных для использования на сайте - XS Standart (414 x 290 (0.1 MP), 5.8 '' x 4.0 '' @72 dpi) и S Standart (828 x 580 (0.5 MP), 11.5 '' x 8.1 '' @72 dpi) - стоят соответственно 1 и 2 кредита (обычно). Думаю, на сайте не нужно изображение больше чем 828 пикселей по стороне - а уменьшенное изображение можно сделать из него же.

Плюсы использования платного фотостока:
1) Огромное количество изображений и иллюстраций на любой вкус, по любой тематике;
2) Возможность свободно использовать купленное изображение в рамках royalty-free лицензии;
3) Ваш сайт запомнят благодаря качественному оформлению. Но, естественно, не надо забывать и о качественном и интересном содержании;
4) Изображения любых размеров, которые можно использовать не только на сайте, но и в печати и полиграфии (учитывая правила расширенной лицензии для использования в печати).

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

Поэтому я выбираю Fotolia.

А также в программе:
Если нравится блог - скушай rss-конфетку!

Отличный софт для манимейкеров и дорвейщиков - со скидками. Dorgen-X всего за 24.99$! + доступ в клуб Баблорубов.

Участвуй в акции DrugRevenue - Флуд тоже Труд и получи ключевики под ру-фарму бесплатно (пишите куда-нибудь - выдам).

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

Итак, речь сегодня пойдёт о том, как красиво оформить записи в своём блоге (не обязательно манимейкерском, даже скорее наоборот - не манимейкерском). Ну, допустим хотите вы украсить свои сателлиты (подчеркну слово свои, которые вы не собираетесь продавать, почему так - позже), чтобы выглядели красивей, человечней, да и с картинок поискового трафа можно собрать. А с красивых и качественных - собрать много.

Что вы делаете? Идёте в поиск картинок гугла, вбиваете запрос по теме поста и начинаете выискивать, простите, среди говна конфетку? Думаю много людей делают именно так.
Потому что не знают, что существуют такие вещи, как стоковые фотосайты, где совершенно бесплатно можно получить фотографии в очень высоком качестве, да ещё и с огромным выбором.

Например, один из моих любимых сайтов - sxc.hu. На момент написания - "390218 photos online". Неплохо. На любой блог найдётся, я думаю.
Теперь немного о лицензировании и использовании изображений (на примере sxc.hu). Большинство фотографий там распространяются по лицензии Royalty-Free (cвободные от отчислений). То есть, вы можете использовать фотографии для (перевожу Image license agreement с их сайта):

Вы можете использовать изображения

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

Вы НЕ можете использовать изображения

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

• Для поддержки (рекламы? прим.пер.) товаров и услуг, если они изображают человека (речь идёт о фотографиях, как я понимаю. прим.пер.).

• В любых целях, которые могут повредить имени SXC или лицу (лицам) изображённым на снимке.

• Как часть торговой марки, знака сервиса или логотипа.

• Продажа и распространение этого изображения (по отдельности или вместе с другими ИЗОБРАЖЕНИЯМИ) строго запрещено! Не делитесь изображениями с другими!

Всегда спрашивать разрешения фотографа, если вы хотите использовать изображение

• В шаблонах сайтов, которые вы собираетесь продавать или распространять (к вопросу об использовании подобных изображений в сателлитах на продажу. прим.пер.)

• Для создания печатных репродукций, которые Вы хотите продать.

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

В википедии об использовании лицензии Royalty-Free в России пишут:

В условиях российского правового поля пока не существует возможности реализации изображений по системе Royalty Free (без дополнительных отчислений). Каждая продажа для её легализации должна сопровождаться бумажным договором на передачу имущественных прав с подробным их перечислением.

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

Ровно такая же ситуация и с передачей автором прав на распространение изображений фотобанком. Для легализации передачи прав (по российскому законодательству) между автором и агентством должен быть заключён бумажный договор.

Насчёт этого не знаю что думать, я дико не юрист, просто привёл к сведению. Но думаю, раз уж изображения берутся на стоковом сайте не российского происхождения, то и законодательство наше не касается этих изображений. Хотя, чёрт знает, если кто знает - посвятите чтоли. У нас тут вроде за сохранение картинок скоро начнут обвивать колючей проволокой :D

Найти стоковые фотосайты вы вполне сможете в гугле по запросу free stock photo, а я лишь посоветую парочку:

http://www.everystockphoto.com/ - Now searching: 4,458,956 free photos. Некисло. И как пишут - только freely licensed фото.
http://www.sxc.hu - с чего собственно всё и понеслось у меня. 390218 photos online - не эвристокфото конечно, но мне и его хватает для моих скромных нужд. Там, кстати, есть красивые фото бомжей.

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

Пожалуй всё! Оформляйте свои блоги красиво и без риска получить по жопе. И не забывайте извещать фотографов!

p.s. пара психоделических картинок была любезно предоставлена посту сайтом sxc.hu по запросу paint :)
p.p.s. так же напомню, что я ещё меняюсь ссылками в блогролле. А ещё у меня есть на продажу пару-тройку блогов. Тематика - мода, медицина (народная), театр. И 5 статей о пластиковых окнах. Кому интересно - пишите во все контакты.