Светлана Агафонова. Блог о дизайне

Что такое клипарты и где их брать?

2009-04-20T18:57:00.006+03:00

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

Что же такое клип-арт?

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

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

Где взять качественный клип-арт?

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

Лидеры по количеству и качеству стоковых изображений:

1. ShutterStock.com

Один из лидеров среди микростоков по количеству изображений в базе - на момент написания статьи их 6 644 305. Изображения продаются только по подписке.

Бесплатного раздела как такового нет. Однако на главной странице - две ссылки для скачивания - одна бесплатная фотография и одно бесплатное векторное изображение. Раз в неделю изображения заменяются новыми.

Для того, чтобы скачать изображение, требуется регистрация на сайте для покупателей (т.е. если ты зарегистрировался как автор, для скачивания бесплатной картинки надо регистрироваться отдельно). Ограничения на размер нет. Лицензия на использование - стандартная, такая же, как при платной подписке.

2. iStockPhoto.com

В базе iStockPhoto сейчас уже более 4 600 000 изображений. Продаёт изображения только поштучно. Цена зависит от купленного размера и стоимости одного кредита (в среднем 1 кредит = 1 доллар). Имеется русский интерфейс.

Бесплатный раздел небольшой - обычно там всего 4 картинки. Изображения скачиваются по стандартной RF лицензии. Ограничения по размеру нет. Для скачивания требуется зарегистрироваться. Каждую неделю ассортимент меняется.

3. Dreamstime.com

В базе DreamsTime сейчас уже более 5 500 000 изображений. Продаёт изображения как поштучно, так и по подписке.

Раздел Free Images - достаточно объёмный, с поиском по ключевым словам. Помимо найденных бесплатных изображений, сразу же предлагает варианты за деньги. Бесплатные изображения скачиваются в максимальном размере по специальной "Limited Royalty Free License", которая идентична их стандартной RF-лицензии, но с дополнительным ограничением по тиражу - не более 10 000 экземпляров.

4. Fotolia.com

Если судить по надписи на главной странице сайта, там на данный момент 5 527 658 фотографий и 238 006 векторных изображений. Изображения продаются только поштучно.

Раздел бесплатных фотографий небольшой - сейчас там всего 12 файлов. Ограничений по размеру нет. Лицензия на использование - стандартная RF.

5. 123rf.com

На сайте уже более 4 000 000 изображений. Изображения продаются и поштучно, и по подписке.

Бесплатный раздел имеет свои особенности. Время нахождения изображения в бесплатном доступе определяет автор (1-30 суток). Для свободного скачивание доступен только веб-размер и использование ограничено (10000 копий + см. лицензию на сайте). Если нужен размер больше или мешают юридические ограничения - уже надо платить. Хотя изображений в бесплатном разделе довольно много, искать по ключевым словам нельзя - надо просмотреть всё по порядку.

Другие фотобанки

StockXpert сам по себе не имеет раздела бесплатных изображений, однако при нём существует очень похожий сайт большим ассортиментом бесплатных фотографий и удобным поиском - Stock.XCHNG

BigStockPhoto - предлагает раз в неделю бесплатно скачивать одну фотографию в максимальном разрешении.

Мир без инженеров

2009-04-03T12:02:00.003+03:00

Ученые изучают, а инженеры создают :)
Посвящается моим одногруппникам.

1. Вычислительная техника.

2. Наземный транспорт.

3. Электроника.

4. Коммуникация.

5. Сооружение мостов.

6. Авиация.

7. Музыкальное сопровождение.

Котопозитифф

2008-09-25T16:04:00.005+03:00

Немного позитива с сайта http://kotomatrix.ru/:

И напоследок немного философских размышлений:

Кризисные логотипы

2008-12-12T18:49:00.006+02:00

На злобу дня немного креативчика:

Взято с allday.ru

Законы Мерфи о недвижимости

2008-10-07T12:10:00.016+03:00

В данный момент занимаюсь поиском квартиры для покупки и натолкнулась на Законы Мэрфи об операциях с недвижимостью.
Цитирую:

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

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

· Как только вы принимаетесь за срочное решение квартирного вопроса, находится еще десяток проблем, которые надо решить еще раньше.

· Всякое решение квартирного вопроса плодит новые проблемы.

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

· Любые ваши предложения партнёры понимают иначе, чем то, что в них подразумевается.
Следствия:
- Даже если ваше объяснение настолько ясно, что исключает всякое ложное толкование, все равно найдется человек, который поймет вас неправильно.
- Если вы уверены, что ваш поступок встретит всеобщее одобрение, кому-то он обязательно не понравится.

· Неважно, что оформление сделки с недвижимостью идет не правильно, возможно это хорошо выглядит.

· Если сделка с объектом недвижимости удалась, что-то здесь не так.

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

· Если сделка с недвижимостью проваливается, то всякая попытка ее спасти только ухудшает дело.

· Перед тем, как улучшится, ситуация на рынке недвижимости обязательно ухудшается.
- Кто сказал, что она улучшится ?..

· Совокупная неразбериха на рынке недвижимости постоянно возрастает. Только очень упорным трудом можно ее несколько уменьшить. Однако сама эта попытка приведет к росту совокупной неразберихи.

· Под давлением все ухудшается.

· Всякая сделка с недвижимостью, начинающаяся хорошо, кончается плохо. Если сделка начинается плохо, она закончится еще хуже.

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

· Даже маленькая практика стоит О-о-очень большой теории.

· Документ, хранимый достаточно долго, можно аннулировать. Как только документ аннулирован, он вам тут же понадобится.

· Виноват всегда партнер.

· Все срочные проблемы всплывают в пятницу ближе к вечеру.

· Несрочные варианты оформляются гораздо быстрее срочных.

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

· Механизм оформления сделок с недвижимостью должен работать, маклер - думать!

· Вероятность того, что с квартирой обманут, прямо пропорциональна ее стоимости.

· Гарантией сохранности вашей квартиры является ее отсутствие.

· Надежность сделки с недвижимостью обратно пропорциональна числу и положению лиц ее оформляющих.

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

· Все хорошие варианты объектов недвижимости находятся по ошибке.

· Никогда не пытайтесь повторить удачный вариант.

· Всегда не хватает времени, чтобы оформить сделку как надо, но на то, чтобы ее переоформить, время находится.

· Унция репутации стоит фунта работы.

· В любой маклерской организации работа тяготеет к самому низкому уровню иерархии.

· Число людей, участвующих в маклерской сделке, имеет тенденцию возрастать независимо от объема работы, которую надо выполнить.

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

· Время, требующееся для оформления сделки прямо пропорционально числу участников.

· Когда нет необходимости продавать недвижимость, необходимо не продавать ее.

· Хорошая сделка сегодня лучше, чем безупречная завтра.

· Расходы на покупку недвижимости стремятся сравниться с ее стоимостью.

· "Перезвоните позже" - это самая ужасная форма отказа.

· Компромисс всегда обходится дороже, чем любая из альтернатив.

· Ничто никогда не строится в срок и в пределах сметы.

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

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

· Нет невозможного варианта для маклера, если он не обязан искать его сам.

· Если бы строители строили так же, как маклеры оформляют сделки, первый, залетевший дятел, разрушил бы цивилизацию.

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

· Величина рекламной шумихи вокруг продаваемой квартиры обратно пропорциональна её реальной ценности.

Взято отсюда

Добрая сказка: дракон и котёнок

2008-10-10T11:42:00.009+03:00

Не смогла не закопипастить эту добрую сказочку себе в блог: настолько прониклась =)
Буду перечитывать для поднятия настроения.

Тёмной ночью Дракон опустился на лугу недалеко от стен дворца. Здесь по утрам выгуливали принцесс, и он намеревался завтра раздобыть себе новое домашнее животное. Найдя место, где трава была повыше и погуще, Дракон распластался на земле, подобрал крылья и приготовился ждать.
"Это хорошо, что я зелёный и плоский, -подумал он, - пока не нападу, никто меня и не заметит. Сами принцессы-то не кусаются, но у самцов, которые их сопровождают, очень неприятные жала."
И в этот момент кто-то ударил Дракона по морде. Совсем слабо, но весьма решительно. Дракон скосил глаза, пригляделся и увидел у себя под носом котёнка. Котёнок стоял, растопырив тощие лапки, выгнув спину горбом и распушив хвост; от этого он казался вдвое больше. И это хорошо, потому что иначе Дракон бы его даже не увидел.
- Ты чего? - удивился Дракон.
- Ничего, - ответил Котенок. - Я охочусь.
- На кого?
- На тебя.
Дракон моргнул, а Котёнок важно объяснил:
- От вон той березы и до забора - мои охотничьи угодья. Раз ты сюда залетел - ты моя добыча.
- Да неужели? - усомнился Дракон.
- Точно-точно! - Котёнок прыгнул вперёд и накрыл лапками палец Дракона. - Я тебя поймал, теперь ты мой!
- И что ты будешь со мной делать? - Дракон заинтересованно склонил голову набок. - Съешь?
Котенок задумался.
- Нет. Не хочу я тебя есть. Ты красивый.
- А что хочешь? - спросил польшенный Дракон.
- Играть хочу. В кошки-мышки. Я буду кошкой, а ты - мышкой.
Дракон сел на хвост и озадаченно почесал лапой за ухом.
- Малыш, ты какой-то ненормальный. Я же Дракон! Ты меня должен бояться!
- Я никому ничего не должен! - вскинул мордочку Котенок. - Мы, кошки, делаем только то, что хотим. А я хочу играть.
- А больше ты ничего не хочешь? - прищурился Дракон.
- Хочу, конечно! - отозвался Котенок. - Я ещё хочу, чтобы мне почесывали брюшко, поили меня молоком и катали на спине.
Дракон покосился в ту сторону, где громоздились в темноте башни королевского замка.
"Да ну её нафиг, эту принцессу!" - подумал он
- Ладно, - кивнул Дракон Котенку, который уже пристроился тереться мордочкой о драконью лапу, и бережно подхватил его когтем под брюшко. - Хочешь жить у меня?
- А ты будешь со мной играть?
- Буду. И молоком поить, и брюшко почесывать.
- Я согласен, - важно кивнул Котенок и вскарабкался Дракону на спину. - Всё таки хорошо, что я тебя не съел!

Взято отсюда

Сохраним мир вместе!

2008-10-12T15:21:00.024+03:00

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

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

Трудовые будни

2008-10-17T12:43:00.020+03:00

Довольно неожиданно наступил самый классный день: пЯтниц0.
Захотелось подвести небольшие итоги двухнедельной работы, а точнее - выставить на вашу критику последние три моих дизайна.

Итак, диз №1:

Посмотреть полностью

Диз №2:

Посмотреть полностью

Диз №3:

Посмотреть полностью

Жду ваших комментариев: что понравилось/не понравилось и почему :)

Юзабилити глазами Якоба Нильсена

2008-10-27T13:36:00.014+02:00

Недавно прочитала известную книгу Jacob'a Nielsen'a "Designing web usability. The practice of simplicity". Что я могу сказать? Книга - супер! Хоть и написана была несколько лет назад, и примеры приводятся старые, но актуальной она останется еще долго. Поэтому для тех, кому лень читать книгу полностью, а так же для себя, приведу некоторые тезисы из этой книги.

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

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

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

4. "После каждой лекции по сетевому дизайну, которые я провожу с 1994 года, выяснялось одно и то же: пользователи просят увеличить скорость загрузки страницы. Первое время моя реакция была такая: «Надо просто улучшить дизайн и тогда пользователи будут рады подождать». Позже я изменил свою точку зрения и считаю теперь, что быстрая загрузка - основной критерий дизайна веб-страниц; даже я не смог противостоять просьбам пользователей, повторяющимся из года в год...

Основной совет относительно времени ожидания практически не менялся после классического доклада Роберта Б. Миллера (Robert В. Miller) на конференции Fall Joint Computer Conference в 1968 г.:

• Одна десятая секунды (0,1) - предельное значение для того, чтобы ответ системы, полученный пользователем за это время, воспринимался бы как мгновенный, то есть не требующий никакой обратной связи для вывода результатов на экран. Это значение должно стать предельным временем ответа в приложениях, позволяющих пользователям двигать, изменять размеры и производить другие манипуляции с элементами на экране в реальном времени.
• Одна секунда (1,0) - предельная длина промежутка времени, в течение которого ход мыслей пользователя не прерывается, даже если он и замечает задержку. Обычно обратная связь не требуется, если задержки больше 0,1 и меньше 1 секунды, но пользователь уже не чувствует, что он работает непосредственно с данными. Если новая страница появляется в течение 1 секунды, это означает, что пользователь не сталкивается
с чрезмерными задержками.
• Десять секунд (10,0) - предел, в течение которого пользователь сфокусирован на диалоге. Если задержки дольше, то пользователь начинает заниматься другими делами, пока дожидается окончания работы компьютера. И хотя это раздражает, но пользователь продолжает переходить по ссылкам на сайте, если новые страницы появляются в течение 20 секунд."

5. "Гипертекстовые ссылки привязаны к тексту, по которому щелкает пользователь, чтобы перейти по ссылке. Этот текст не должен быть очень длинным, так как пользователи проглядывают страницы в поисках ссылок, стремясь узнать, что они могут сделать на данной странице. Ссылки выполняют туже роль, что и выноски в печатных журналах:
именно на них останавливается взгляд пользователя при просмотре страницы. Если слишком много слов играют роль ссылок, то пользователь не сможет понять их смысл при беглом взгляде на страницу. Гиперссылками должны быть только понятия,
несущие важную информацию."

6. "Одна из основных целей настоящего веб-дизайна - установить вашу надежность как профессионала. Не заполняйте страницу различным мусором, уместным на страницах любителей: тяжелым фоновым изображением, анимированным текстом «пришлите мне как можно больше почты» и постоянно вращающимся конвертом. Утонченный графический дизайн мало влияет на удобство использования в том смысле, что пользователи смогу!
найти нужную информацию так же быстро, даже если графика грубовата и не использует все доступные цвета. Но нет никаких сомнений, что визуальное представление - это первое, что видит пользователь, когда попадает на сайт. Хорошо подобранная графика - лучшая возможность доказать свою надежность."

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

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

При создании текстов для Сети нужно придерживаться трех основных рекомендаций:

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

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

• Статьи следует разбивать на отдельные части с использованием заголовков двух или даже трех различных уровней (основной заголовок страницы и 1-2 уровня подзаголовков). Вложенные подзаголовки также способствуют лучшему представлению текста речевыми программами, предназначенными для использования лицами с различными зрительными расстройствами.
• Заголовки должны нести в себе максимальную смысловую нагрузку, а не быть просто эффектным дополнением к основному тексту. Ознакомившись с заголовком, посетитель должен четко представлять себе, о чем идет речь на соответствующей странице или в соответствующем разделе без необходимости чтения основного текста. Например, в одном из номеров газеты «USA Today» была опубликована статья под заголовком «Новости — из рук в руки». Это достаточно эффектный, но абсолютно бесполезный для Интернета заголовок. К счастью, в электронной версии этот заголовок был изменен: «Программа обмена новостями». Этот вариант несколько лучше, однако и его нельзя назвать идеальным. На мой взгляд, лучше всего было бы использовать заголовок типа «Новости для размещения на страницах веб-порталов».
• Для выделения отдельных фрагментов текста следует использовать маркированные списки и другие элементы форматирования.
• Ключевые слова и фразы должны быть выделены цветом или начертанием для привлечения
внимания читателя. Тем не менее, при выделении цветом следует учитывать, что гиперссылки также выделяются цветом. Таким образом, цвет выделенных фрагментов должен отличаться от цвета гиперссылок. В противном случае цветовое выделение может запутать пользователей, заставляя их принимать выделенные фрагменты за гиперссылки и пытаться перейти по ним щелчком кнопки мыши."

10. "Если пользователь оказывается не в состоянии прочитать текст, все остальное — дизайн, быстрота загрузки, информационное наполнение — не имеет никакого смысла."

11. "Основное внимание пользователи Интернета уделяют информационному наполнению. Информация — это то, ради чего они подключаются к Сети, то, что они рассчитывают найти, открывая новую страницу. Качество предоставляемой информации является одним из двух решающих факторов, определяющих практическую пользу сайта; вторым таким фактором является легкость и удобство поиска необходимых сведений"

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

Осенний wallpaper

2008-11-03T13:28:00.014+02:00

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

Размер 1280x1024

Есть размер 1680x1050, чуть попозже обязательно выложу.

Бесплатные иконки

2008-11-03T14:55:00.013+02:00

Иконки, превью которых ниже, можно бесплатно скачать и использовать в проектах без ограничений. Вы можете использовать их как в своих собсвенных приватных проектах, так и в коммерческих.

download the set (.zip, 7.1 Mb)
download the sources (.zip, 3D Studio Max, 1.1 Mb)

Взято отсюда

30 примеров использования doodles в дизайне

2008-11-03T18:30:00.007+02:00

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

Взято отсюда

Как усовершенствоваться в дизайнерском мастерстве? 10 простых советов.

2008-11-03T19:13:00.017+02:00

Adelle Charles предложил 10 простых советов, которые помогают ему совершенствовать дизайнерское мастерство.

------

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

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

2. Учись и совершенствуйся
Лучшие дизайнеры постоянно учаться и впитывают свежие идеи.
Например, интересные решения для интерфейса можно найти на http://patterntap.com/.

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

4. Белое пространство
Иногда меньше - лучше. Не создавай неразбериху в дизайне, читабельность и разборчивость - ключи к успеху вебсайта. Минимализм и простота совсем не означают скуку. Отличным примером послужит MinimalSites.

5. Технологии / программы
Будь в курсе нового программного обеспечения. Если ты ищешь онлаин курсы, могу предложить Lynda.

6. Читай
Рекомендую несколько отличных журналов: .Net, Computer Arts Magazine.
Для вдохновения рекомендую читать пост.

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

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

9. Разработай инструментарий
У меня жесткий диск переполнен различными средствами, кодом, старыми работами и формами, которые я собирал. Я организовал это все по типу работы (ex. CSS, Flash, Vectors, Forms). Гораздо эффективнее что-то искать для проекта, когда ты организован. Поверь мне, это сохранит твое время!

10. Соперничество
Смотри, что делают другие дизайнеры. Необходимо быть осведомленным в том, что происходит в твоей отрасли. Интересные галереи, которые я посещаю:
http://screenfluent.com/, http://www.lightondark.com/sites/, http://bestwebgallery.com/, http://www.faveup.com/, http://www.webcreme.com/, http://www.designbygrid.com.

Взято отсюда

25 "бумажных" дизайнов

2008-11-19T14:33:00.007+02:00

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

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

Взято отсюда

Полезные ссылочки дизайнеру на заметку

2008-12-18T20:00:00.003+02:00

Настало время поделиться своей подборочкой сайтов с различными обучающими уроками.
Речь пойдет об уроках Photoshop, Illustrator и Digital Drawing на англ языке. К сожелению, хороших уроков на русском языке я пока не нашла.

Самые любимые и посещаемый мной сайты - это семейство сайтов ***Tuts.

1. PSDTUTS

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

2. VECTORTUTS

Аналог PSDTuts, но уже специализирующийся на вектоной графике. Большинство уроков для Illustrator'a.

В семействе TUT'сов есть еще 2 замечательных сайта: NETTUTS и AUDIOTUTS. Аудиторя первого - девелоперы и частично дизайнеры, второго - звукорежисеры, музыканты и просто любители музыки.

3. Tutorial9

Tutorial9 весьма разноплановый саит, тут есть уроки для фотошопа, иллюстратора, веб-направленные уроки, новости и т.д. Практически все уроки занимательны и познавательны. Расстраивает большое колличесво площади страницы, отведенное на рекламные ссылки и баннеры и маленькая площадь, и маленькая площадь, отведенная на сам урок.

4. PSD Learnin

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

5. Tutorial Sphere

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

6. VecTips

Саит для поклонников иллюстратора. Познавательные уроки и интервью, тематические обзоры интересностей для дизанеров-векторщиков.

7. GoMediaZine
Еще одна ссылочка идет в копилку дизайнера. Обожаю заходить сюда и любоваться разными красивостями, черпать идеи и узнавать полезные секретики. В некоторых уроках используются трюки, дающие неожиданный эффект.

И напоследок несколько ссылочек, не попавших в обзор:
- http://pshero.com/
- http://photoshoptutorials.ws/
- http://www.good-tutorials.com/
- http://www.planetphotoshop.com/
- http://www.smashingmagazine.com/

Готовимся ко Дню Св. Валентина

2009-01-23T19:40:00.005+02:00

Все началось в 13-м веке

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

По преданию, когда Валентин сидел в тюрьме за неповиновение императорской воле, надзиратель, у которого была слепая дочь, попросил его излечить девушку. Избавившись от недуга, дочь надзирателя безумно влюбилась в священника. Когда Валентина должны были казнить, он написал ей прощальную записку и подписал «Твой Валентин». Отсюда и пошло название «Валентинка».

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

Подробнее об истории возниктовения этого праздника можно почитать в википедии.

Наши дни...

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

Возникает вопрос: как поздравить? Можно дарить подарки, можно не дарить, но без валентинки в этот день - никак, а тем более без виртуальной открытки!

Итак, делюсь своим запасом ссылок на эту тему:

flash-открытки от RomanticCollection

18 интересных flash-открыток

Много симпатичных открыток от lota.ru

Оригинальный коллажик-валентинка

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

Хорошими помощниками в этом деле станут клипарты:

Растровая подборка

Векторная коллекция сердечек

Кистей для Photoshop с ленточками, сердечками и прочим + набор PNG и PSD файлов с различными сердечками

Симпатичная рамочка

Набор иконок из сердечек

Обои ко дню Святого Валентина: пак 1 и пак 2

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

Полет дизайнерской мысли

2009-03-20T12:43:00.005+02:00

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

1. Картина, украшающая интерьер?

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

2. Переводчик нового поколения.

Пользоваться устройством очень просто и удобно:
1. Выберите язык или страну, по которой вы путешествуете.
2. Наведите экран на текст, который нкжно перевести.
3. Выделите на экране текст, который надо перевести.
4. Нажмите кнопочку "T" для перевода, и на экране отобразится перевод.

3. Бутылка будущего

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

4. Полочка в полочке.

5. Вечно не хватает розеток?

Из psd в html за 2 минуты

2008-12-30T19:23:00.004+02:00

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

1. Поместив текст "_text" в начале названия слоя, в полученном коде вы увидите этот слой в виде текста.

2. Поместив текст "_linkt" в начале названия слоя, в полученном коде вы увидите этот слой в виде ссылки.

3. Поместив текст "_bkgnd" в начале названия слоя, в полученном коде вы увидите этот слой в виде беграунда, и т.д.

Более подробную документацию можно почитать здесь.

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

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

С Новым Годом!

2008-12-30T19:06:00.004+02:00

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

Photoshop Express Online

2008-11-20T13:14:00.013+02:00

Многие мои знакомые ставят громозкие приложения типа фотошопа только лишь для того, чтобы вырезать кусочек фотографии или немного облегчить ее по весу. Но зачем, если у вас есть быстрый интернет? Photoshop Express Online значительно облегчит жизнь и вам, и мне (не придется объяснять, как выполнить простую операцию).

Итак, что такое Photoshop Express Online и зачем он вообще нужен?

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

В интуитивно понятном и продуманном интерфейсе разберется даже даже неопытный пользователь.

После регистрации кажый пользователь получает 2 гигабайта для хранения своих файлов с возможностью делиться ими с другими людьми по адресу вашеимя.photoshop.com.

Каждое изображение может быть отредактировано с помощью специальных инструментов, условно разделенных на типы «Базовый», «Тюнинг» и «Эффекты».

Что умеет Photoshop Express Online ?

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

Дополнительный бонус ко всему этому - несколько фильтров, простых в использовании, но дающих интересные ээфекты.

Хороший обзор всех возможностей онлайнового фотошопа предоставлен в блоге tods-blog.com.ua.

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

85 клавиатурных комбинаций для Photoshop'а

2008-11-19T15:14:00.015+02:00

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

H (Hand Tool) — Когда изображение увеличено, этим инструменом можно удобно двигать его, просматривать ту или иную его часть.
B (Brush tool) — Кисточки для рисования.
Sift + B (Cycle through Brush tools) - Комбинация используется для поочередного вызова инструментов из группы "Brush tools".
Z (Zoom Tool) — Инструмент для масштабирования.
Ctrl + 0 (Fit to Screen) — Комбинация позволяет максимально увеличить изображение, вписав его в допустимые размеры рабочей области.
Ctrl + Z (Undo) — Отменить последнюю команду.
[ (Decrease Brush Size) — Уменьшить размер кисточки.
] (Increase Brush Size) — Увеличить размер кисточки.
Shift + [ (Decrease Brush Softness) — Уменьшить мягкость кисточки на 25%.
Shift + ] (Increase Brush Softness) — Увеличить мягкость кисточки на 25%.
Tab (Hide/Show Palettes) — Позволяет скрыть все палитры и быстро увидеть только изображение. Повторное нажатие делает палитры видимыми.
1->0 (Tool Opacity) — При нажатии комбинации меняется прозрачность инструмента с 10% до 100%.
Shift + 1->0 (Tool Flow) — При нажатии цифр меняется значение интенсивности инструмента с 10% до 100%.
Ctrl + Tab (Next Point on Curves Adjustment) — Переход к следующему окну фотошопа. Ctrl + Shift+ Tab — Вернуться к предыдущему окну.
Right click (Brush Presets) — Выбрав инструмент кисточку и нажав правой кнопкой мыши на изображении, вы вызовете окошко с настройками параметров кисточки.
E (Eraser tool) — Ластики, позволяющий стирать все лишнее.
Shift + E (Cycle through other tools in this group) — Комбинация используется для поочередного вызова инструментов из группы "Eraser tools".
R (Blur tool) — Инструменты для размытия.
Shift + R (Cycle through other tools in this group) — Комбинация используется для поочередного вызова инструментов из группы "Blur tools".
O (Dodge tool) — Инструменты для осветления/затемнения области.
Shit + O — Комбинация используется для поочередного вызова инструментов из группы "Dodge tools".
T (Type tool) — Инструменты для создания/редактирования текста.
V (Move tool) — Инструмент предназначен для выбора слоев и манипуляций с ними, например, для перетаскивания.
C (Crop tool) — Инструмент для кадрирования изображения.
N (Notes tools) — Инструменты для создания заметок.
W (Magic wand tool) — Инструмент "магическая палочка" для выделения области одного цвета.
M (Marque tool) — Инструменты для выделения области документа.
D — Сбросить настройкицветов для переднего плана и фона в цвета по умолчанию: черный и белый.
Ctrl + Shift + O - Юбозреватель файлов.
Ctrl + Shift + P - Параметры страницы.
Ctrl + Shift + S - Сохранить как...
Ctrl + Shift + K - Настройка цветов.
Ctrl + Shift + F - Настройка четкости изображения.
Ctrl + Shift + X - "Разжыжение".
Ctrl + Shift + N - Создание нового слоя.
Ctrl + Shift + M - редактирование в ImageReady.
Ctrl + Shift + E - Склеить все видимые слои в один слой.
Ctrl + Alt + Z - Перещение вверх в палитре History для отмены какого-либо действия.
Ctrl + Shift + - (Minus Sign Key) - Уменьшить масштаб изображения.
Ctrl + Shift + + (Plus Sign Key) - Увеличить масштаб изображения.
Ctrl + Shift + Alt + N - Создать новый пустой слой.
Ctrl + Shift + Alt + S - Сохранить для Веб.
Ctrl + Alt (in most Dialogue Boxes) - Изменяет 'Cancel' команду на 'Reset'
Ctrl + Alt (in the 'Save For Web Dialogue') - Изменяет 'Cancel' команду на 'Reset' и 'Done' на 'Remember'.
Ctrl + Alt + ~ (Tild Symbol) - Выделение самой яркой области на выбранном слое.
Ctrl + Shift + I - Инвертировать выделение.
Ctrl + Alt + X - Извлечение нужного фрагмента.
Shift + -/+ signs (on a layer) - Выделение слоя.
Shift + Ctrl + Z - Перемещение вниз в списке палитры History, позволяет отменить отмену.
Ctrl + N - Вызвать диалоговое окно создания нового документа.
Ctrl + M - Вызвать диалоговое окно "Кривые". Используется для цветокоррекции и настройки тональности изображения.
Ctrl + A - Выделить все.
Ctrl + D - Убрать выделение.
Ctrl + J - Создать дупликат вактивного слоя.
Ctrl + K - Вызвать диалоговое окно настроек фотошопа.
Ctrl + L - Вызвать диалоговое окно для редактирования уровней.
Ctrl + F4 - Закрыть выбранный документ.
Ctrl + ' (Single Quote Key) - Показывает/скрывает сетку.
Ctrl + Q - Полностью закрыть фотошоп.
Ctrl + R - Показать/скрыть линейку.
Ctrl + U - Вызвать диалоговое окно для изменения цветового тона/насыщенности.
Ctrl + O - Открыть фаил.
Ctrl + P - Диалоговое окно печати.
Ctrl + Shift + C - Копировать выделенную видимую область.
Ctrl + C - Копировать.
Ctrl + ; - Показать/скрыть направляющие.
Ctrl + X - Вырезать.
Ctrl + Alt + Shift + X - Текстуратор.
Ctrl + V - Вставить
Ctrl + Shift + V - Вставить в выделенную область.
Ctrl + Alt + Shift + V - Вставить вне выделенной области.
Ctrl + T - Произвольная трансформация.
Ctrl + Alt + T - Создать копию объекта и трансформировать ее.
Ctrl + Shift + T - Повторить последнюю произвольную трансформацию.
Shift + F5 / Shift + Backspace (Key) - Диалоговое окно заливки.
f1 - Вызоз полной справки.
f5 - Показать/скрыть палитру настроек для кисти.
f6 - Показать/скрыть палитру цветов, образцов и стилей.
f7 - Показать/скрыть палитру слоев, каналов и контуров.
f8 - Показать/скрыть палитру навигатора, гистограммы и панели информации.
f9 - Показать/скрыть палитру действий и истории.
Shift + Tab (Key) - Скрыть только палитры, панель инструментов останется видимой.
Ctrl + Alt + Shift + E - Объединить копию видимых слоев в один слой.
Ctrl + Alt + Shift + K - показать клавиатурные сокращения.
Caps Lock - Изменить крестик курсора.

Полезные ссылки по теме:

Обзор уроков по созданию wallpapers

2008-10-28T22:15:00.011+02:00

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

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

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

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

Урок 3. Обоина в стиле аля виста-стаил. Идея не нова, но сам принцип может пригодится. Я такой эффект использовала в своем последнем дизайне Deal Finder

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

Новая реклама Volkswagen'а

2008-10-31T11:51:00.008+02:00

Бразильская студия 'Seagulls Fly' предоставила новую концепцию рекламы Фольксвагена.

Идея замечательная. Роботы получились забавные и позитивные. Смотрим и наслаждаемся.

Взято отсюда

У блога новое имя!

2008-10-22T16:03:00.004+03:00

Ура! Наконец-то я блогу дала новое имя! И поменяла шапочку...
Отдельное спасибо IGonza за помощь в покупке/настройке домена и любомому мужу Артему за рецензию хедера и моральную поддержку =)

Скучно? Запрограммируй робота!

2008-09-25T16:44:00.011+03:00

Натолкнулась на интересную логическую игру:

Light Bot

Speel deze game op Gameroo!

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

Level 8

Level 9

Весьма занимательная игрушка :)