С чего начать изучать веб-дизайн?

автор: Dzudi

Тема взята с форума:
http://webstudent.ru/modules/newbb/viewtopic.php?topic_id=554&forum=3

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

D Привет всем!!! Решила с вами посоветоваться)) Выскажите, plizzzz, свое мнение, с каких учебников или прог для изучения, начинать учебу будущему веб-дизайнеру? Очень нужно!!!)))) Заранее всем откликнувшемся благодарна.

I Я в шоке от твоего поста. Как будь-то только , что проснувшийся ламечок написал. Какой вэб-диз? Ни учебников, ни прог по веб-дизу нет в природе (и не смотри на заманчивые названия книг.) Веб-дизами занимаются либо студии, либо один чел. Если студия, то там процесс создания сайта проходит дюжину этапов, у дюжины человеков:
1. художник - Корел, Фотошоп, Фрихенд и еще вагон.
2. верстальщик (кодер) - HTML, Дрим/Хомсайт/Блокнот
3. копирайтер - любая прога для быстого набора грамматных текстов.
4. программист - РНР, Мускуль, АСП, Джава, Актион Скрипт.
5. промоутер (оптимизатор) - всякие лог анализаторы, и спец проги.
Это тока основные, не считаю промежуточных звеньев.
Если один чел, то он знает все по чутку, поэтому и сайты соответсвующего качества. Так с какого боку подойти к созданию сайта ? Сначала научится работать с графикой, потом за HТМL взяться, или может для начала движок написать и протестить его. Чтоб мало- мальски разбираться в некоторых из приведенных специальностей веб-диза, надо потратить несколько лучших лет своей жизни, где-то пол годика -годик (в зависимости от предмета). А можно найти в себе тяготение (талант) к чему-то одному, и отточить мастерство. Выбирай, лучше пойти вчера за большими по 5 рублей, или сегодня, по 3 рубля, но маленькие.

D Насмешил!!!))) Просто, вчера, был разговор И человек, попросил подобрать учебники и проги, для того, что бы самому потихоньку начать изучать, это не легкое ремесло. Поэтому, хотела услышать от друзей умные советы и мысли. Как мне кажется, это вполне нормальная тема. Думаю, она многим интересна. Не думаю, что ты сам сразу и резко стал проффи. Все с чего-то начинали.
Чтобы мало- мальски, разбираться в некоторых из приведенных специальностей веб-диза, надо потратить несколько лучших лет своей жизни)))))- Не пугай народ! Чтоб разбираться мало мальски - времени много не нужно. Нужно просто, желание учиться и мозги А вот, что бы стать проффи, тут уже, нужно и время и желание и хорошие мозги. Лучше бы, написал, что по теме.

Мда! Ух, и любят у нас, из простого вопроса раздуть целую прокламацию. Так ни кто, и не замахивался на грандиозный проект! И на счет учебников по веб-дизайну))) Да писано их уже и переписано... Лишь бы было желание учиться. Во-общем, создатель своей собственной веб-студии ничего путного нам не сказал))) А может, просто не захотел...

И. Я думал, ты не пьешь. Уж от тебя таких вопросов не мог ожидать. Короче, проги такие можешь юзить (я говорю, о прогах для создания простых сайтов чисто на HTML):
- Home Site 5 - HTML-редактор
- Photoshop - no comments ;)
- Macromedia Fireworks - тоже хорошая прога. Редактор векторной графики. Оптимизировать с ним изображения - одно удовольствие (в отличие от фотошопа)
- Ulead Gif Animator - аним. гифы
- Flash - тоже надо есно
- "ИЛ-2 Штурмовик - Забытые Сражения" - для отдыха
Найди какой-нибудь учебник по HTML и дерзай =)
Основы самого дизайна (подбора цветовых схем, композиции) и прочее приходят как-то сами. Книжек на эту тему не видел, но, думаю, есть.

Вот это уже ближе к теме. Спасибо уважаемый и добрый И. Хорошие и целевые рекомендации по софту и главное, про отдых наш не забыл))) Теперь, бежим в поисковик и ищем, где можно поживиться этим софтом...

J Ну...это, я тоже не промолчу пожалуй:

Пускай себе задачу ставит,
Чего он хочет поверстать,
Пусть нарисует, всё представит
Какую тему заваять.
****
Потом пускай читает книжки
Эйчтиэмэл и сиэсэс
И в Фотошопе лепит фишки,
Глядишь, появится прогресс.
****
Затем он сам решит, что надо,
С какою прогой замутить,
Вот будет жизнь его отрада,
По вечерам по клаве бить!

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

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

D А цель у чела- проста, как Net. Хочет, он попробовать сделать свой первый проект И по-моему мы, можем помочь ему советом, ведь мы же web-studenti, а это звучит гордо!!! Вспомните, свои первые и робкие шаги, на пути к профессионализму! Поделитесь!!!! Не жадничайте!!!

I К сожалению, тут ни одного профа нету. Я уже всем чем мог поделился и уже давно. Джуди, ты этого не знаешь, что ли? А может ты не Джуди вовсе, может ты Мурило Бениссио в сериале "Клон"? Ну нет, четких руководств для создания сайтов, нету. Откуда мы знаем, что этот чел знает и умеет. Скорее всего ничего, тогда пусть научится рисовать , нарисует макет сайта. Через пару месяцев (ты думаешь хватит ?) вернемся и скажем как сверстать или что изучить для этого.

Да, броня крепка и танки наши быстры)))))

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

I Да что ж вы из меня изверга делаете. Я и обидится могу. Гуманнее можно было вообще не отвечать ? Джуди, на что обиделась не пойму ? И еще вопросец - почему, этот чел сам не спросит более конкретно, что ему нужно, чтоб начать? Джуди, ты не первый день тут, и сама знаешь, что на неконкретные (пространные) вопросы, ответ в флейме. На конкретный вопрос, конкретный ответ. Пример: "Я хочу сделать сайт посвященный голым женщинам. Скажите какая цветовая гамма лучше подойдет для сайта такой тематики ?" Ответ: "Бежевый, розовый, немного черного, постельные тона, в общем.

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

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

J Между прочим, I. мог бы и ссылку порекомендовать. http://www.it4all.h10.ru/int.php?cat=intro&num=4 И нечего, тут стесняться, очень даже понятно и доходчиво там все объясняется, имхо, по теме данного топика.

Да, что-то я не поняла. Человек, пишет прекрасный опус, о Практике веб-дизайна. Но вот нам( вам) дудки ...

S Думаю, что вопрос затоптали... Ответ потерян в рассказнях, о трудностях, вздохах и музомечтах, осознании собственной значимости в ряде "обыкновенных", каких-то там человечков, которые даже html не знают !!! Представляете, идиоты какие... При этом надо, важно надуть щеки и вздохнуть страдальчески подняв глаза к потолку не забывая посматривать вокруг, вдруг надо погромче вздыхать).. Многие забыли, что исторически совсем недавно, интернет технологии пришли в нашу жизнь. И то, что люди хотят знать, из первых уст - совершенно НЕ ПРОТИВОРЕЧИТ ПОЛИТИКЕ САЙТА! Друзья мои, Вы совершенно в возвеличивании звания "веб-мастер" (читай себя...:), позабыли о пользователях, тех самых ДЛЯ и РАДИ кого эти вот мастера и являются мастерами.. А пользователи, являются мастерами в другом деле, ну-ка кто тут из "мастерков" похвалится, что он может отрегулировать к примеру ... ммм... дамские часики, что бы они НЕ ОТСТАВАЛИ.., или выставит зазор в полмикрона на юсте у микроскопа (если меня вообще понимают конечно), или математически правильным языком, обьяснить процессы проистекающие в Солнечной короне, или обьяснить процесс формирования землетрясений в земной коре, да много чего можно назвать.. Вот обьясните ПОЧЕМУ? Из одинаковых продуктов, с соблюдением одинаковых до десятых долей градуса и точностью до секунды, одно и тоже блюдо у РАЗНЫХ поваров получается РАЗНЫМ? Жюри поваров не видит, психологические аспекты исключаются.. Не знаете? И я тоже.. Не надо уж так уж сильно топтать землю!! Вздыхать и выдыхать о лучших годах жизни у монитора!!! Надо было ПРОСТО ОТВЕТИТЬ НА ВОПРОС.. В меру грамотности в указанной теме, и изученности вопроса.. Прямо беда какая-то .. Чуть только, надо поделиться или потрудиться "зарегистрированный мастеровитый народ" - прыг в сторону и оттуда вздыхать измученно!!.. Странно. Вопрос был задан не кем-нибудь посторонним, а скажем постоянным обитателем данного форума.. И другим обитателям данной "местности" не ответить на него я считаю нельзя, тем более что ответить то совсем просто.

Ответ.
Для начала изучения веб-дизайна, т.е. "...технически грамотных и эстетически привлекательных электронных страниц текстово\графического наполнения.. " (всего то..!..:) необходимо: 1.Осознать в себе внутреннюю необходимость донести людям что либо, т.е. иметь какую то цель, обладать какой либо информацией. (В противном случае, это путь В НИКУДА.. МАЗНЯ НА СТЕНКАХ..)
2.Изучить как минимум "на хорошо" язык гипертекстовой разметки так называемый "HTML", основной базовый язык обмена текстовой и другой инф. в "Интернете". Сейчас это основной язык разметки документов в Сети.
3.Изучить как "Отче наш" программу "броузер", программу обработчик, просмотровщик данного языка. Этих программ много, изучить необходимо хотя бы основных лидеров NN и IE, (остальные работают достаточно похоже)
4.Освоение языка html потянет за собой изучение CSS, т.н. каскадные таблицы стилей, без знания их сейчас веб-мастеру не обойтись никак.
5.CSS-HTML изучено, вот теперь пора за Java, а именно ветку от этого машинного языка Java-script, это чрезвычайно высокоразвивающаяся "ветка"...:)
6.Параллельно осваивать графику. Начать с основ. Что такое цвет, основы свето и цветоиспукания, цветоделения, из чего и как состоит.. и прочее, литературы просто масса. История рисунка, почитать (хотя бы иметь представление) о художниках, как писались вообще картины и рисунки, ... да и почему две сходящиеся линии на листе бумаги являют собой воображаемое пространство и обьем.. :) ...
7.Flash - это спорный вопрос, но знать его уже становится не просто модно, но и необходимо... Хороший дизайн (читай оформление) сейчас без флэш не сделать, будет добротно но статично..
8.Основы знаний по Perl или C++, языки программирования, хотя бы должны быть, т.е. имею ввиду необходимо хотя бы знать что из чего проистекает, куда "атаковать" что бы что то получить, но дизайнеру одиночке связываться с Perl/C++ в "одиночку" не советую... Необходимы глубокие знания которые наедине с книжкой не выучишь.. 8.Знание основ серверного программирования на сей момент НЕ приветствуется, оно уже просто НЕОБХОДИМО!
Совсем скоро это будет уже обыденностью. Я имею ввиду знание основ PHP, т.е гипертекст препроцессор, обработчик языка html на стороне сервера..
9.Вот когда эта куча мала в голове сядет куда надо, вполне можно пытаться что то рисовать на экране ... Программ для этого множество, но основных лидеров несколько -
=Линейка продуктов Adobe, куда ни плюнь у них все интересно.. :)
=Macromedia, без нее никуда..
=Корпорация Corel, тут сказать нечего... любой продукт как говорится в самую дырочку..
10.Ну и естественно знать чего там в компьютере работает, жужжит и тарахтит.. Можно и без этого, но наш российский менталитет этого требует.. Т.е иметь представление о основных узлах компьютера, уметь грамотно излагать свои мысли уметь бегло печатать на клавиатуре, уметь заменить или обновить программы, пользоваться просмотровщиками, менеджерами закачки, ftp программами, архиваторами, фильтрами, уметь записать в необходимом формате любой файл и донести его до пользователя по Сети (т.е понимать КАК он это сделает).. Вот и все! ... (не считая более мелких скажем проблем..)
Масса сказанного изучается параллельно, взаимо-проникающе как бы, на часть проблем как уже говорилось придется потратить достаточно много времени... НО... САМОЕ ГЛАВНОЕ!! ВСЕ ЭТО ВОЗМОЖНО ИЗУЧИТЬ, и без вздохов, выдохов и прочих девчачьих глупостей... Надо просто упереться лбом и поставить себе задачу.. мало-мальский художественный вкус имеется - ГУТ, не вебмастер-дизайнер, так хотя бы HTML верстальщик выйдет..

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

J Я думаю, вы сможете найти достаточное количество полезной информации по этой ссылке:
http://postroika.ru/inter.html
Если требуется конкретно, то пусть устанавливает Dreamweaver, чтоб страницы верстать (а лучше Homesite, там редактор стилей TopStyle есть) и Photoshop (кому-то лучше Corel photo-paint) из справочных пособий всегда есть хелп к программе и интернет под рукой (посоветоваться в форуме, код чужого сайта посмотреть, посмотреть как сайты по данной тематике вообще делают, какова тенденция и т.д)
И еще, то по какой последовательности вы предлагаете изучить вэб-дизайн результата не принесет. Потому что предлагается изучить ОГРОМНЫЙ объем информации, перед тем как приступать к изготовлению сайта. Столько не нужно, вы сами это знаете. Человеку всегда нужно получить какой либо результат, причем чем быстрее, тем лучше, такова уж природа. Поэтому на мой взгляд, основываясь, как вы правильно сказали, на ЗАДАЧЕ (определенной цели), нужно приступать к изготовлению сайта сразу как есть средства (производства) самостоятельно его сделать, другое дело выпускать его в сеть. Клоню к тому, что нужна практика и огромная параллельная работа со всем тем контентом по пунктам, который вы перечислили. В любом случае, минимум - язык гипертекстовой разметки HTML (вот чтиво на ночь).
Наверное, пока все.

D Sergey- Большое спасибо, все очень понятно и доходчиво. Думаю, это будет крайне полезная информация, для начинающих и желающих учиться. Рада, что ты понял всю простоту вопроса. Еще раз, спасибо!))
J_curious- и тебе большое спасибо. За ссылки и за совет все испытывать сразу и на практике. Очень ценное замечание. Теория, это хорошо, но без практики - это просто информация.
Вот так, мы и дали совет жаждущим учиться)) Все вместе!!! Net нас не забудет!!!

S Я в общем так и думал, что воспримется, как неуклюжая попытка надавать кучу малу советов.. Увы и ах! Я сам постоянно учусь, именно поэтому, так болезненно воспринял отсутствие готовности друг другу выдать какую-то информацию. А по поводу большого обьема изучаемого материала, я не согласен!! Прежде чем написать что либо, хоть тривиальное письмо на деревню дедушке, необходимо как минимум изучить не только буковки, но и то как они вяжутся в слова..
И потом, в самом конце я приписал, что обучение как правило идет взаимо проникающе, т.е запоминается и осваивается параллельно даже больше чем дается (при желании обучаться). В общем я прав!

J Еще одну ссылку неплохую нарыл, рекомендую ему почитать: http://www.web.ptvs.net/

D Смотрю на вас мужчины и прямо, гордость распирает. Что, не смотря на все усилия, развалить науку и превратить образованных людей в ничто, в России этот подвид ЖИВ, ЗДОРОВ И продолжает победное шествие к светлому будущему))Это на полном серьезе!

Вот так и был получен ответ на вопрос.
От себя лично. Обязательно зайдите по этим ссылкам, прочтите описания и скачайте кучу полезных программ и учебников.
http://webstudent.net.ru/modules/mydownloads/viewcat.php?op=&cid=33
http://ymt.pp.ru/katalog/index.php
Особенно рекомендую:
Кирсанов Д. - Веб-дизайн
Иоханес Иттен.`` Основы цвета``
HTML. Первые шаги
Учебник по Веб-дизайну и HTML.
Учебник по FrontPage
Web Page Teacher v.1.0
Энциклопедия создания сайтов v.1.0
И еще одно, маленькое замечание. Если вы, не знакомы с HTML (на первых порах), поставьте обязательно программу FrontPage. И основательно познакомьтесь с ее работой. Это поможет вам, в самом начале, вашего учебного процесса, ощутить себя продвинутым веб-дизайнером(только это не так, на самом деле))) и даст стимул к дальнейшему вашему совершенствованию...

Желаю вам успехов в изучении веб-дизайна!!! Заходите к нам на сайты, задавайте вопросы, мы всегда, вам ответим и подскажем.( Даже, если кого-то, придется прижать к стене и заломить ему руки...)))))
http://webstudent.ru
http://ymt.pp.ru