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

хотелось бы узнать с чего приступать к обучению?( что читать, что осваивать )

и какой софт ставить для обучения!

Есть куча курсов, а так же есть возможность поступить в ВУЗ по данному направлению. 

Могу предложить посетить сайт Национального Открытого Университета «ИНТУИТ», там есть как платные, так и бесплатные курсы.

Интуит классная вещь  

сначала изучи верстку, затем дизайн. иначе будет каламбур а не дизайн.

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

АХАХАХХАХАХАХ

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

Дизайны рисуются по моделям\прототипам. Заказчик выражает свои пожелания. Дизайнер либо использует корпоративные цвета компании заказчика, либо слушает пожелания и предлагает на выбор шаблоны расцветок https://kuler.adobe.com.

Утвердив цвета и разобравшись с плагинами и виджетами на страницах, он уже приступает к стилизации.

Как можно сделать пару работ в домашних условиях без входных данных?!

Это глупость.

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

Самое первое и простое правило:

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

Пофапать на самые топовые дизайны можно тут https://dribbble.com/shots

Иногда там проскакивают дизайны от топовых веб проектов. Недавно видел новые дизайны на Вконтакте и новую версию Mac OS Yosemite. Тут же, можно ежедневно разбирать по 5-10 дизайнов и составлять свое понимание. Определять какие эффекты чаще всего используются в самых апнутых лайками дизайнах. Научится делать эти эффекты и понять в каких случаях и на каких элементах их используют. Вот тогда дизайны будут крутые. 

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

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

так почему же гильдия "Железная маска" на свободе до сих пор?!!

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

К дизайну нужно относиться, как к инструменту, а не картинке — это ремесло, а не искусство. Поэтому начни с теории: Норман, Раскин, Чихольд, Тафти, Альтшуллер, конкретные книги могу посоветовать в личку, если интересно.

Кроме вышеупомянутого Dribbble, стоит мониторить Behance/Revision, там много по вебу и не только.

Есть один курс, который я по глупости купил, поведясь на лендингпейдж, но для начинающего он может быть чем-то полезен, держи: http://designlife.justclick.ru/doping_ready

Прикладные навыки я набивал на разных уроках, типа Tuts, очень хвалят уроки от Lynda.com, сам не пробовал, можно скачать на торрентах.

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

Немного арт-хаус и дизайна тоже и девок голых ахах на сайте http://ffffound.com/

Еще бы посоветовал odesk :)

п.с. дриббл очень выгоден как портфолио

Без вёрстки не вижу смысла заниматся дизайном. Если только на короткий срок.

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

какой софт использовать для верстки ? и что изучать?

html5+css3, jquerry

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

верстают кто чем хочет. хоть в блокноте.

Dreamweaver будет не плох для верстки? 

это дефолтный бесплатный скин на phpbb3 как и на пг

это вообще школьная информатика какбе...

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

Неплохо было бы разобратся в том, что такое 960grid и фиксированная верстка.

Затем, взять какие то известные сайты и попробовать сделать рестайлинг, редизайн.

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

http://imapoz.axshare.com

инфу о заказчике я скрыл из соображений конфиденциальности.

желающие могут сделать дизайн этой страницы но без кардинальной смены положений и логики блоков.

дизайн можно показывать мне и я скажу насколько ок\не ок и можете ли вы пойти на junior дизайнера.

основные требования к этой странице:

1. Цветовой шаблон должен быть голубоватый\синеватый (подбирать на https://kuler.adobe.com/ru/explore/most-popular/?time=month)

2. Все ссылки должны иметь 2 варианта обычный и при наведении мыши. Минимум на одной ссылке или кнопке нужно показать курсор\палец с примененным стилем.

3. Не больше 4 шрифтов, не меньше 2. Шрифты смотреть тут http://www.google.com/fonts/, шрифты офк, должны поддерживать кириллицу

4. Сделать рестайлинг селектора. Вот он

за основу можно брать функционал селектора Select2 http://ivaynberg.github.io/select2/ (скролбар рестайлить ненадо, у каждого браузера он свой)

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

6. Для сдачи дизайна обязательно привести .psd к вменяемой архитектуре

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

- header
- slider

- filter
- news
- popular_paint
- popular_staff
- color_catalogs
- footer

Странно, не в одном посте в этой теме у маршала нет историй про его друзей и успешность D: