Что делает обычного веб-дизайнера крутым веб-дизайнером?
Инструменты и ресуры…. ну и немножечко таланта.

в общем займусь раздачей инструментов. Ресурсы раздавал уже.

В общем у настоящего дизайнера несколько врагов, с которыми он всячески борется:

• нехватка (отсутствие) вдохновения… ну бывает депресняки у людей;
• Безвкусные ресурсы… ну по-типу невекторных логотипов;
• низкокачественные картинки для исходников;
• вредные беспомощные но доставучие клиенты;

Продолжаем?

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

Картинки

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

Теперь ты еще до 4 утра будешь картинки разглядывать

• www.sxc.hu

 
Это тот сайт, которым я часто пользуюсь.

Еще хорошие сайты :

• www.morguefile.com
• www.imageafter.com
• www.dreamstime.com

• flickr.com/creativecommons/

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

• commons.wikimedia.org

 
Викимедия содержит 64 категории… + бла-бла про лицензию

Metasearch (искалка по картинкосайтам): удобная, но надо регистрироваться.

• picfindr.com
  

В общем конечно сначала этот сайт может и не понравится…. но осторожно - можно втянуться и начать им часто пользоваться

• yotophoto.com

 
Этот смотрится симпатичнее пиктфайндера, но вот изобилует флеш интерефсом

• vecteezy.com

 
А тут подборка лучших бесплатных векторных картинок от ведущих дизайнеров мира! Юз ит!

• brusheezy.com

Фотошопные кисточки! Пользуйтесь!!!

Pixel patterns

Pixel patterns вошли в моду (ага, опять ), Но не просто какая-то белиберда, прыгаюая на фоне страницы, а скорее викторианского типа цветы на бекграунде. Смотреть на следующих сайтах:

• kollermedia.at
• squidfingers.com
• k10k.net

Логотипы

Ага, знакомая ситуация… Работаете над проектом, а заказчик сообщил, что неплохо бы добавить несколько логотипов парнтеров, в итоге сканируете визитки и пытаетесь векторизировать полученный мусор. .

Отвратительно, да?

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

• brandsoftheworld.com

Не могу передать сколько времени этот сайт мне съекономил

• logotypes.ru

 

Хочется замутить лого в модном стиле web2.0, а мыслей с чего начать нет? тогда стоит начать с этого сайта - оно может очень плодотворно сказаться на творческом процессе.

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

• modernlifeisrubbish.co.uk

И сравнение экранных шрифтов.

• typetester.maratz.com

В общем дальше надо будет обзавестись шрифтами для логотипа! - искать там

• dafont.com
• typenow.net
• smashingmagazine.com

Иконки

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

• iconbase.com

 
Любимое иконкохранилище.

• iconfinder.net

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

• famfamfam.com

Маленькие иконки, но очень приятные - очень много кто их растащил в свои проекты.

• ndesign-studio.com

И еще немного иконок под раздачу.

More icon resources:

• sweetie.sublink.ca
• converticon.com
• iconfactory.com
• tango.freedesktop.org
• maxpower.ca
• websiteicons.net

Цвета

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

• iosart.com

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

• kuler.adobe.com

Несколько заранее сделаных цветовых тем. И суперское цветовое колесо. Просто не верится, на сколько полезной и нужной оказывается подобная утилита. You won’t believe how inspirational and useful this could be. And how this will be a excellent opportunity to try your newly added colorzilla tool

аналог можно поискать и оффлайновый, называется Color Schemer Studio. Подробнее о программе и где взять дальше… [protect]

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

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

Скачать архив - 2.24 Мб
allday.ifolder.ru | rapidshare.com

[/protect]

• colorschemes.org

Много традиционных ресурсов по цвету для дизайнеров

• wellstyled.com
• gmazzocato.altervista.org
• colorblender.com

Educational Material

Несколько больше чем просто инструкции, это скорее пошагвые рукводства DIY (Do It Yourself) для стиля WEB 2.0. Ресурс постоянно обновляется.

• w3schools.com

 
Бесплатные on-line курсы по дизайну (англ).

Учебные курсы.

• developer.yahoo.com
• good-tutorials.com
• totaltutorial.com
• kirupa.com
• cameronolthuis.com
• tutorialized.com
• dailyblogtips.com
• stud.cmd.hro.nl
• webpagesthatsuck.com

Вдохновение

Тут главное без паники! Вдохновение, это достояние не только Давинчи или Микелянджело. Нужно не так много что бы оно посетило. Несколько возможных мотиваторов к этому собраны ниже. Главное прекратить постоянно изобретать каждый раз колесо. Главное подобрать хороший источник вдохновения, изучить что его вызывает, применить изученное - и вуаля: готов дизайн.

• fuzzyfuture.com

50+5 источников вдохновения в одном посте.

• logopond.com

 

• smashingmagazine.com

Еще вдохновение-генераторы:

• flickr.com
• cssbeauty.com
• cssinsert.com
• webcreme.com
• webdesigngalleries.wordpress.com
• dynamicdrive.com
• styleboost.com

Набор гаечных ключей (инструментарий)

• karmatics.com

Еще одно расширение для Firefox. Показывает как страничка собрана из блоков. Так же демонстрирует исходный код блоков.

• lipsum.com

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Видели такое? Конечно видели. Обычно попадается под руку, когда надо "симулировать" тект, что бы страничка выглядела более приятно, чем заполненная “text text text text” или “Link 1 Link 2 Link 3”.

• activecollab.com

Клон Basecamp, за то opensourse. Система упрвления проектами, клиентами, файлами, планами, итп.

• tester.jonasjohn.de

CSS и HTML validators, SEO инструментарии, социальные сервисы, Web proxies, сетевые утилиты, текстовые инструментарии, картинки и все на одном сайте.

• lab.rails2u.com/bgmaker/

Online background generator.

• cssdev.com

 
Оттюнингуйте CSS. Бекграунды, Рамки, Щрифты.

• miniajax.com

 
Более чем 50 ajax и dhmtl скрипты.

• Browsershots.org

 
Хех, бывала ситуация, когда сообщают - "чувак, твоя раскладка тотально *****ня в моем ИЕ 6!"? С помощью этого сайта можно сделать скриншоты с множества различных браузоров и посмотреть, как оно будет выглядеть.

Б
логи и форумы

просто список сайтов, в которых стоит искать идеи, ресурсы и ОЧЕНЬ полезные ссылки.

• deviantart.com

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

• sitepoint.com/

 

• bittbox.com

 

Еще сайты в тему:

• ndesign-studio.com
• smashingmagazine.com
• earsonified.com
• designerstalk.com/forums

CSS

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

• smashingmagazine.com/category/css

Раздел на Smashing Magazine, посвященная целиком CSS.

• oswd.org

Нет времени дизайнерить самому? Можно попробовать собрать сайт используя более чем 2000 бесплатных CSS дизайнов.

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

• blog.html.it/layoutgala
• blankcss.com
• layouts.ironmyers.com

• highdots.com/css-tab-designer

Тут можно скачать более 60 типов навигационных меню созданых с использованием CSS.

Еще CSS ресурсы

• quazen.com/Computers/Programming/How-To-Create-a-Tableless-Layout-with-Dropdown-Menus.24213/1
• developer.yahoo.com/yui/grids/
• cssfly.net

Продуктивность

Даже стараетесь больше работать, купили Гель для душа с кофеином все равно надо есть, купаться , С П А Т Ь!, заниматься любовью со своей подругой (или другом) и при этом пытаться остаться продуктивным. Есть нексколько советов и техник, которые могут в этом помочь:

• webdesignfromscratch.com/ten-productivity-tips.cfm
• health24.com/dietnfood/DietDocs_articles/15-1871,27044.asp
• baptistonline.org/health/healthieryou/health/ergonomics.asp

ЗЫЖ: А еще сетевой маньяк огласил предварительные итоги голосования конкурса "Подруга Блоггера". Я с Машей на втором месте! С минимальным разрывом! Не жадничайте - поделитесь голосами на правое дело тут - если что - мы 28-е

ЗЫЖ: Я играю в Blogowar.ru, не корысти ради, а токмо волею покойной супруги. Хотя как-то оно странно-бесполезно.