Дополнения

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

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

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

207 669 чел. 399 272 работы 4 090 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Марафон по веб-дизайну. 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 лучших веб-дизайнеров, которые успешно выполнили все условия, попадут на личный разбор к Даниилу Волосатову.

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

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

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

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

Пусть будет готово
задание третьего этапа.
Немного поигрался с прототипированием
Так, что жмите кнопки на здоровье , Только не все кнопки я сделал рабочими.
Ссылка на фигму:
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/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/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

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

Видимо самый популярный лендинг 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

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

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

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

Конечно, есть еще блок 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

Доброго времени всем! ТЗ 3 - свадебный лендинг. Я взяла на себя смелость немного дополнить лендинг сверх ТЗ ( сильно не бейте,пожалуйста!) ). И поэтому, он стал очень много весить, и пришлось сильно урезать jpeg по размерам - чтобы влез ,-а это сильно отразилось на качестве картинки ( простите!) . Поэтому,-прошу в мой файл на фигме:
https://www.figma.com/file/Zy6JGZjSMjEvK4GleIE8wg/%D0%A2%D0%97-5?node-id=0%3A1
Оценивать лучше по нему)

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

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

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

Жалоба

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

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

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules