web-дизайн от А до Я

привет smile.gif

Я составил для себя курс (из ссылок, советов и инструментов), чтобы научиться выполнять дизайн сайта на заказ. Думаю, он будет полезен не только мне.
Но, подчеркиваю, что все это мое личное мнение!

Уровень: для начинающих wink.gif
Цель: негениальные, а грамотные дизайн-макеты.

Огромное спасибо всем авторам!

Поиск информации не был слишком трудоемким во многом благодаря форуму Demiart. Спасибо авторам тем со ссылками и авторскими статьями, и создателям ресурса!

Ваши отзывы, дополнения и исправления приветствуются.

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

Мои советы тем, кто начинает заниматься дизайном (немного испытал все это на себе):

Вот и сам курс:
(советую именно данную последовательность изучения)

1. Основы веб-дизайна.

2. Список инструментов. 3. Организация рабочего пространства на компьютере (см. ниже в теме).

4. Источники новостей мира веб. 5. Форумы дизайнеров (получение помощи и общение). 6. Основы работы с инструментами. 7. Типографика. 8. Работа с цветом. 9. Приемы работы с инструментами, применяемые для создания сайтов. Часть1. Вот, какие примеры у меня получились, когда я работал над этими приемами.
Цель была лишь техническое выполнение, а не художественное wink.gif

(щелкайте картинки для увеличения)

Курс веб-дизайна для начинающих * ... Курс веб-дизайна для начинающих * ... Курс веб-дизайна для начинающих * ... Курс веб-дизайна для начинающих *

10. Основы композиции. 11. Юзабилити. 12. Список исходных ресурсов для макета. 13. Алгоритм создания макета. 14. Элементы сайта. 15. Источники фантазии, современности и вкуса. 16. Приемы работы с инструментами, применяемые для создания сайтов. Часть 2. 17. Список дополнительных источников ресурсов для макета. 18. Разбор 10 хороших сайтов. 19. Публикация работ и информации о себе, поиск заказов (см. ниже в теме).


3 Организация рабочего пространства на компьютере

Предлагаю такую иерархию папок на компьютере для дизайна сайтов:
Цитирую

дизайн
     install
     учебные материалы
     ресурсы
          кисти
          паттерны
          текстуры
          шрифты
          фотосток
          стили
          формы
          градиенты
     работы
          *год*
               *месяц*
                    *№_название*
                         *ресурсы*
                    *№_название*
                         *ресурсы*
               *месяц*
                    *№_название*
                         *ресурсы*

Также советую использовать Adobe Bridge CS4 для просмотра изображений, создания коллекций (панель Collections) для получения портфолио или временного сбора изображений для просмотра.

В быстром доступе у вас должно быть 2 онлайн-инструмента: На панели задач разместите следующие значки:
Свернуть все окна | Ярлык папки «дизайн» | калькулятор | браузер | ICQ | Photoshop CS3 | Photoshop CS4 | Fluid Mask 3 | FontExpert | Adobe Bridge


6_6 Работа со шрифтами

1. Запускаем программу (можно и после Photoshop'а).
2. Внизу слева выбираем вкладку Группы
3. Щелкаем правой кнопкой мыши на левой панели и выбираем пункт Создать группу
4. Щелкаем на созданной группе правой кнопкой мыши и из контекстного меню выбираем пункт Добавить шрифты…
5. Находим необходимую папку со шрифтами, открываем ее, выделяем все шрифты (Ctrl+A) и щелкаем на кнопке Открыть
6. Выбираем способ добавления: Связанные ярлыки
7. Далее в панели Образец текста в раскрывающемся списке выбираем Мой пример текста 1 (теперь будет возможность изменять текст примера и он будет автоматически сохраняться при выборе другого шрифта)
8. Если вы хотите подключить какую-либо группу шрифтов, выделяем эту группу и щелкаем по иконке Временно активировать (шрифты сразу станут доступны в Photoshop'е). После перезагрузки компьютера все активированные шрифты перестанут быть доступны, что мне лично очень удобно. Если вы хотите вручную деактивировать группу, выделите ее и нажмите на иконке Деинсталлировать.


19 Публикация работ и информации о себе, поиск заказов

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

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

Также хороший форум для получения заказов на дизайн (особенно для начала):
Дизайн - Форум о поисковых системах


Вот и всё. Желаю всем удачи smile.gif
Хостинг от uCoz