Дополнения

Бесплатная рассылка

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

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

174 550 чел. 374 728 работ 3 939 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Марафон по веб-дизайну. 3 этап

Цель марафона:

  • Наполнить ваше портфолио дизайнами
  • Дать вам тестовое задание
     

Замысел марафона: 

  • Подготовить веб-дизайнеров для работы на фрилансе или в студии дизайна.  
     

Даты проведения марафона:

5 заданий будут распределены на 3 недели и будут открываться постепенно:

Задание на марафон. 3 этап

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

  1. Сделать дизайн по ТЗ (выбрать одну тему из трех предложенных):
    Лендинг 1
    Лендинг 2
    Лендинг 3
     
  2. Добавьте все свои работы с марафона в портфолио на сайте «Фотошоп-мастер»

Условия:

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

2. Выполнить задание 3 этапа в определенный срок с 11 по 18 ноября.

3. Загрузить выполненные дизайны в комментарии под этим постом. Если дизайн выполняли в FIGMA, то в комментарии можете оставить ссылку на свой проект.

4. ВАЖНО! В комментариях на загрузку работ установлен лимит — 1 работа от 1 пользователя. В 1 комментарий можно загрузить 1 работу.

5. Все дизайны должны быть загружены в личное портфолио на сайте «Фотошоп-мастер» до 18 ноября (включительно).

6. Информацию о подведении итогов смотрим здесь.

Итоги 3 этапа

Участники 2 этапа

По итогам 3 этапа остались 24 претендента на гонорар 5000 рублей:

  1. MariaCattie23
  2. raitvil
  3. danchenkolyudmyla
  4. Войнова Елена
  5. Yu_lya
  6. Антон Мечев
  7. Kohairy Kimari
  8. ershova_masha
  9. dimex1986
  10. radiol
  11. Oksana Boronenko
  12. oniks-one
  13. ksergey010
  14. Николай
  15. Света Фокус
  16. Micro-star
  17. Aļona Suhačova
  18. Натали
  19. Дмитрий Торжиков
  20. Сергей Семенов
  21. Sergey Spirit что-то с чем-то
  22. Krot003
  23. eva-0912
  24. kristina_1651

20 лучших веб-дизайнеров, которые успешно выполнили все условия, попадут на личный разбор к Даниилу Волосатову.

Подробности смотрите здесь

Понравилось? Поделитесь с друзьями!

Комментарии 195

Внимание! Лимит работ на этой странице: 1
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте,
jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

3 этап
https://www.figma.com/file/An6YDieqMKTxTsHYbS9Njl/%D0%97%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-%D0%BD%D0%B0-%D0%BC%D0%B0%D1%80%D0%B0%D1%84%D0%BE%D0%BD.-3-%D1%8D%D1%82%D0%B0%D0%BF?node-id=8%3A36

Задание третьего этапа: https://www.figma.com/file/0HK8v81zHAM3AnvW7zNBvZ/Wedding?node-id=0%3A1

Приветствую всех. Решила на последнем этапе уж если делать, то порыться в фигме как следует???? поэтому ссылка на прототип, первой страницей идет прелоадер (секунд 10, дальше сам переключится на лендинг). Все кнопки кликабельны. Формы закрываются на крестик, если кликнуть на кнопку, и если просто кликнуть мимо окна формы????. Честно хотела поработать с плагином анимации, но мне хватило анимированной стрелочки на первом экране. Думала, что гиф будет создаваться вечно. Видимо пока этот плагин со мной дружить не хочет. К сожалению, так и не нашла в фигме возможности не просто менять значения в CSS, а писать или экспортировать код. Может просто плохо искала????. Не хватает мне этого, привыкла сайты в блокноте, а потом в webflow ваять, а конкретно с программами для дизайна не сталкивалась. Так что спасибо организаторам марафона, просветили????
https://www.figma.com/proto/eyR18E8w2Th1uY7HCZGvo0/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3?node-id=56%3A214&viewport=1290%2C571%2C0.2062128186225891&scaling=min-zoom

Пусть будет готово
задание третьего этапа.
Немного поигрался с прототипированием
Так, что жмите кнопки на здоровье , Только не все кнопки я сделал рабочими.
Ссылка на фигму:
https://www.figma.com/file/30w9gWSLo46cfoVQIueB5x/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3-%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5?node-id=0%3A1
А это тоже на фигму, но сразу для взаимодействия с кнопками:
https://www.figma.com/proto/30w9gWSLo46cfoVQIueB5x/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3-%D0%BE%D0%B1%D1%83%D1%87%D0%B5%D0%BD%D0%B8%D0%B5?node-id=1%3A2&scaling=min-zoom

Автосервис.https://www.figma.com/file/pG0lDhO1eQV7fVcPBEYm8Q/автосервис?node-id=0%3A1

А у меня свадебный ленд

Благодарю.

Ссылка на превьюку прототипа в фигме https://www.figma.com/proto/9U9h1lW2zavj8YO0G9bKrE/Auto-Service?node-id=1%3A2&viewport=543%2C32%2C0.25&scaling=min-zoom

Ссылка на мой файл в фигме https://www.figma.com/file/9U9h1lW2zavj8YO0G9bKrE/Auto-Service?node-id=0%3A1

https://www.figma.com/proto/ipsVJy0JY7q0w4M9JFUNv6/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3?node-id=2%3A2&viewport=1582%2C380%2C0.605770468711853&scaling=min-zoom

Доброе утро!
подбор цветов очень ответственно.

https://www.figma.com/file/rELfVNZsXw1whZshi3lPIM/%D0%AD%D1%82%D0%B0%D0%BF-3?node-id=0%3A1

Видимо самый популярный лендинг 2 =)
https://www.figma.com/file/iF8gS8FmrAUFtP0FtxRkNb/%D0%9B%D0%B5%D0%BD%D0%B4%D0%B8%D0%BD%D0%B3?node-id=1%3A2

я как обычно, в последний вагон уходящего поезда
Мой вариант свадебного лэндинга.

https://www.figma.com/file/9KiKvOqNc2JcjOSvmyGLJ1/Untitled?node-id=20%3A0

3 этап. Свадебное агенство
https://www.figma.com/file/NhzIDzhtQj1h1Aa3RdkZ5U/Untitled?node-id=1%3A3

Выбрал лендинг 2:https://www.figma.com/file/bGJNz1xQ8Z15SRobDd7OUV/%D0%9C%D0%B0%D1%80%D0%B0%D1%84%D0%BE%D0%BD-3-%D1%8D%D1%82%D0%B0%D0%BF?node-id=0%3A1

Лучшее, враг хорошего, надо заканчивать и выставлять.
https://www.figma.com/file/kNE58yGwAqVXso7aUlhzha/%D0%97%D0%B0%D0%B4%D0%B0%D0%BD%D0%B8%D0%B5-5-%D0%BC%D0%B0%D1%80%D0%B0%D1%84%D0%BE%D0%BD%D0%B0?node-id=0%3A1
Отдельное спасибо Света-Фокус, за правильное прочтение задания. ;)

Долго курил, что же ТАКОГО наваять, работа то финальная. В итоге решил, что пора разбавить скуку и добавить немного юмора и оригинальности, по моему получилось )) . Делал в фотошопе с полной подготовкой к вёрстке. Подвал рисовать не стал, вроде как нет его в ТЗ, хотя место под него оставил.

Прикольно и весело:):):)! ОООЧЕНЬ понравилось всё, (кроме растянутой рамки в последнем блоке:))

Добрый день. Хочу сказать всем спасибо, кто посмотрел мою работу и поставил лайк. Последняя работа - свадебный лендинг выполнен в Adobe Photoshop CC 2017

Здравствуйте. Вот моя работа.
https://www.figma.com/file/VIpuN3ZSLbYH09qqg7Dpec/Untitled?node-id=0%3A1

Конечно, есть еще блок 3, блок 4 и даже блок 5, но мне пока нужно их обдумать

Работу выполнил в Photoshop. Идею не удалось полностью реализовать, поэтому вышло вот это

3 этап
Работу выполнял в Фотошопе

Добрый день!
Спасибо за стимул!

2 Лендинг
https://www.figma.com/file/Fbt0Cv3r509BMBiIxwgtip/3-%D1%8D%D1%82%D0%B0%D0%BF-%D0%BC%D0%B0%D1%80%D0%B0%D1%84%D0%BE%D0%BD%D0%B0?node-id=11%3A337

Приключение слона в посудной лавке продолжается, третья серия. В главных ролях - я и фигма))))))))
Лендинг я делала один раз в конструкторе! и в этом самом конструкторе у меня анимировалось всё, что мне хотелось анимировать, с фигмой сложнее, поэтому опишу словами (интересно с программистом бы такое прокатило?)
1 блок. Анимированное облако из фото репетиторов, должны были приближаться и удаляться. Курсор мыши в виде лупы.
2 блок. Опять облако из слов и картинок вокруг мальчика, тоже двигаться должно и приближаться что-то, как будто это симпатичные ему предметы, ну по типу горячо-холодно))))
3 блок. Тут всё просто - цифры запрыгивают в кружочки при прокрутке страницы.
4 блок. Тоже немного всё мигать должно, и лента с отзывами пролистываться влево-вправо.
Всё это как будто я сделала)))))))
С выпадающими окошками оказалось проще (подсмотрела в файле Дмитрия Торжикова (спасибо!)).
Также можно нажимать на верхние книжки сбоку - это моя стрелка вверх)))), правда иногда не срабатывает с первого раза (жмём второй), и я не знаю как сделать, чтобы вторая книжка перелистывала ко второму блоку, третья - к третьему, ну в общем вот, пока так.
Прототип: https://www.figma.com/proto/WDCbpzdY7r2QFPoVHrImyn/%D0%9D%D0%B0%D0%B9%D1%82%D0%B8-%D1%80%D0%B5%D0%BF%D0%B5%D1%82%D0%B8%D1%82%D0%BE%D1%80%D0%B0?node-id=48%3A1612&viewport=528%2C126%2C0.1667499989271164&scaling=min-zoom

Еще 11
Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

GIF{{work.bite}} МбЗагрузить
18+
Работа имеет содержимое для 18+ лет
Пожаловаться Удалить

Оставить комментарий

(до 5 шт jpg, png, gif)
Ссылки внутри комментариев могут вести только на эти сайты
ВойтиАвторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс{{work.rel.title}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.