WEB-дизайн и уроки Photoshop

Подписаться на эту рубрику по RSS

Нарисуй меня - День 1. Начало работы

Вторник, 04 июня 2013 года в 15:29      Просмотров: 2043
Нарисуй меня - День 1. Начало работы

Привет дорогие друзья! Рад приветствовать Вас на тренинге "Нарисуй Меня!"

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

Ну а остальные 4 - будет интересная практика, которая продлится уже до конца тренинга.

Внимание! Первый день доступен всем, остальные дни (еще 24 урока) будут доступны только участникам тренинга!

Уроки на сегодня:

  1. Подготовка файлов. Создание документа
  2. Быстрая настройка программы фотошоп
  3. Блоки сайта, линейка и сетка
  4. Призрачный каркас - основные блоки
  5. Призрачный каркас - блоки контента
  6. Рисуем основные блоки
  7. Оформляем блок меню

Нажмите на ссылку ниже что бы скачать уроки:

Скачать день №1 одним RAR-архивом

Подсказка: на следующей странице нажмите большую зеленую кнопку Download

Зеркало для скачивания

Нарисуй Меня

Поддержка оказывается сразу в комментариях. Если возникнут вопросы или трудности - пишите сюда wink

Напоминаю, что остальные 4 дня смогут получить только участники тренинга "Нарисуй Меня".

Будет еще ровно 24 урока.

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

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

При записи новых уроков к тренингам, я ставлю обязательным условием следующее:

продолжительность каждого занятия не превышает 3-ех минут 30 секунд.

Это, как я называю, формат миниуроков.

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

Принять участие в тренинге:

Оплатить участие в тренинге (699 рублей)

Список уроков тренинга:

(первые 7 для Вас открыты)

1. Подготовка файлов. Создание документа

2. Быстрая настройка программы фотошоп

3. Блоки сайта, линейка и сетка

4. Призрачный каркас - основные блоки

5. Призрачный каркас - блоки контента

6. Рисуем основные блоки

7. Оформляем блок меню

8. Оформляем блоки контента

9. Задаем фон для сайта

10. Иконка сайта

11. Создаение логотипа

12. Задаем название и описание сайта

13. Оформляем название и описание

14. Пункты меню

15. Оформление пунктов

16. Картинка для статьи

17. Контент статьи

18. Оформляем контент статьи

19. Добавляем остальные 3 статьи

20. Сайдбар - рисуем виджет и вставляем картинку

21. Сайдбар - заводим поля для формы подписки

22. Сайдбар - оформляем поля

23. Сайдбар - заводим виджет номер 2

24. Сайдбар - заголовок виджета

25. Сайдбар - контент виджета

26. Сайдбар - оформление контента

27. Пагинация - вводим контент

28. Пагинация - оформляем контент

29. Пагинация - оформляем контент при наведении

30. Подвал - линия и контент

31. Подвал - оформляем контент

Принять участие в тренинге:

Оплатить участие в тренинге (699 рублей)

Элегантность и простота - основа хорошего веб-дизайна.

Четверг, 02 мая 2013 года в 07:46      Просмотров: 883
Элегантность и простота - основа хорошего веб-дизайна.

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

С годами я выработал одно хорошее правило:

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

- Ну вот - скажут некоторые - объяснил... Сказал, как вилами по воде smile

Далее...

Вопросы, которые нужно задать себе при выборе шрифтов.

Вторник, 19 марта 2013 года в 13:55      Просмотров: 663
Вопросы, которые нужно задать себе при выборе шрифтов.

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

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

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

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

Далее...

Linerette. Часть 7 – Заголовок, инфопанель и текст.

Понедельник, 19 ноября 2012 года в 20:28      Просмотров: 1342
Linerette. Часть 7 – Заголовок, инфопанель и текст.

Всем привет! Продолжаем молотить шаблон Linerette.

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

Вот такие вот дела.

Главное, что сейчас все хорошо! И мы продолжаем наш цикл занятий.

Далее...

Linerette. Часть 6 – Рисуем сайдбар.

Суббота, 20 октября 2012 года в 14:03      Просмотров: 1783

Рисуем шаблон Linerette

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

Честно говоря, я уже давно пожалел, что именно таким "макаром" начал подавать уроки на эту тему. Слишком долго, вы были правы мои дорогие друзья.

Надо было мне "забацать" сразу все уроки и оформить их бесплатным миникурсом. И себе было бы меньше работы с дополнительными письмами и текстами, и вас бы доставал меньше.

Ну ничего, в следующий раз буду умнее.

Далее...

Linerette. Часть 5 - Блок социальных кнопок.

Понедельник, 15 октября 2012 года в 18:06      Просмотров: 1381

Рисуем шаблон Linerette

Привет! Я продолжаю линейку уроков по рисованию шаблона Linerette.

Если помните, по вашим просьбам я сделал прошлое занятие в два раза длиннее. Но если честно мне эта идея совершенно не пришлась по вкусу.

Поэтому дальше продолжаем в том же духе smile

Уж извиняйте, что так вышло.

В этом уроке мы доработаем шапку, а именно – создадим блок с социальными кнопками.

Далее...

Linerette. Часть 4 - Главное меню, форма поиска, лого и инициалы сайта.

Четверг, 04 октября 2012 года в 17:55      Просмотров: 1757

Рисуем шаблон Linerette

Приветствую мои дорогие друзья! Соскучились по урокам?

Ну что же… Мы продолжаем рисовать шаблон Linerette в фотошопе clap. Это четвертая часть нашего маленького миникурса.

Так как было получено много предложений по увеличению продолжительности урока (оказывается посетителям нашего сайта 10 минут очень мало) – эта часть будет продолжительностью 19 минут. Почти в два раза длиннее. ok

В этом уроке мы:

  1. Создадим пункты главного меню.
  2. Создадим форму поиска.
  3. Встроим логотип сайта.
  4. Создадим оглавление и описание сайта.
  5. А так же в конце доделаем фон шапки. Внесем своего рода изюминку happy

Работы было достаточно много, но вся практическая и интересная, смотрите сами:

Далее...

Linerette. Часть 3 - Фон контента, сайдбара и подвала.

Понедельник, 24 сентября 2012 года в 12:34      Просмотров: 1845

Рисуем шаблон Linerette

И так... ДОБРЫЙ ДЕНЬ!

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

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

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

Что мы и сделаем в следующих занятиях.

А пока… смотрим следующий "видос" smile

Далее...

Linerette. Часть 2 - Общий фон, фон меню и шапки.

Четверг, 20 сентября 2012 года в 17:45      Просмотров: 2405

Рисуем шаблон Linerette

Продолжаем нашу серию уроков по рисованию шаблона.

Уроки буду стараться делать по 10 минут, так как некоторые товарищи - могут перегореть.

ВНИМАНИЕ! Если кто то профессионально занимается рисованием шаблонов в фотошопе - просьба прислать мне на почту примеры своих работ (в png). Возможно, будем сотрудничать wink

Ну а если вы сами записываете уроки и хотели бы вести рубрику на сайте по фотошопу - будет вообще супер ok

Так, что-то я отвлекся от темы... cool hmm

Короче - вот вам урок:

Далее...

Рисуем шаблон Linerette. Часть 1 - Подготовка.

Среда, 19 сентября 2012 года в 15:55      Просмотров: 2736

Рисуем шаблон Linerette

И так, в ходе опроса - я узнал, что многим будет интересно создание шаблона.

Поэтому, как и было обещано - уроки начинаются прямо сейчас cool smirk

Страшно стало?

И так, начнем мы рисование шаблона с самого простого шага - подготовки.

    В этом уроке:

  • Настроим сетку, направляющие и единицы измерения.
  • Включим линейку.
  • Создадим полотно для сайта.
  • Расскажу откуда берутся шаблоны. smile
  • Сохраним свой проект.

Далее...