Создаем дизайн окна Авторизация для сайта Фотошоп-мастер
Создаем дизайн окна Авторизация для сайта Фотошоп-мастер
Представляем вашему вниманию нового автора Даниила Волосатова, который покажет как разработать дизайн всплывающей формы окна авторизации на примере нашего сайта.Сложность урока: Средний
Здравствуйте!
Представляем вашему вниманию Даниила Волосатова – нового автора по видеоурокам, которые посвящены web-дизайну.
В своём первом уроке Даниил покажет как создать дизайн всплывающей формы окна авторизации на примере нашего сайта.
В процессе урока автор расскажет:
- об основных этапах работы при создании web-дизайна;
- почему важно структурировать слои и группы на панели слоёв;
- как выполнить дизайн формы в едином стиле;
- как сделать точное выравнивание всех элементов;
- как улучшить их визуальное восприятие.
Скачать архив с материалами к уроку
Предложить тему для нового урока
Источник: creativo.one
Комментарии 82
Спасибо!
спасибо!!!
Хороший результат!
Форма регистрации при действии и в неактивном состоянии
Хорошая работа!
1. Форма-действие (нажатие на кнопки, галочки, наведение курсора)
2. Дизайн формы авторизации по уроку
Отличный результат!
На свежую голову посмотрела, как можно улучшить эту форму авторизации:
1. Фотошоп мастер написать также, как на лого.
2. Вместо Email или имя написать Логин
3. Логин, Пароль и Запомнить пароль выставить непрозрачность текста на 70%
4. Забыли? сделать подчеркнутым, это же ссылка.
5. К Или дописать войти через соцсети (а то можно подумать, что это переход в сообщества ФМ в соцсетях)
6. Соответственно отпадет необходимость в прямых линиях по сторонам от Или
7. Иконки соцсетей уменьшить.
Вот такой вот апгрейд этой формы. Как вам?
Урок изучен и отработан на практике. Моя форма авторизации на сайте.
Моя работа. Спасибо за урок!
Спасибо за урок!
Здорово!
Спасибо!) Вроде получилось)
Спасибо за урок
Хорошо!
Спасибо за урок)
Отлично!
спасибо
Спасибо за урок!
Спасибо за урок!
спасибо за урок , Ждем следующих
Уважаемый, Даниил, огромное спасибо, за очень полезный урок, у Вас отлично получается. Жду новых уроков.
Спасибо за урок.
Вот что у меня получилось
Спасибо за урок.
И еще один недостаток и шушэственнай: вы забываетесь, что живете в РФ, а не в Англии! Все ПО нужно давно бы перевести на РЦССКИЙ язык. Не все сегодня переродились в англичан...
а по каким критериям высталялись размеры при выравнивании? есть какие то четкие правила или это ваше личное, основанное на опыте?
Опираясь на критерии, указанные в видео, сделал окно регистрации.
Домашнее задание, так сказать :з
Опираясь на указанные в видео критерии, сделал окно регистрации на сайте.
Домашнее задание, так сказать :з
По сути вопроса автора:
ДА, тема нужна. Это база для планирующих работать в сфере дизайна, а остальным пользователям ФШ - полезно для эрудиции и опыта.
Недостатки (ИМХО):
Концепция данного проекта - показывая любой материал, мягко пояснять новичкам, а опытным напоминать функционал программы. То бишь, хотя бы единожды в каждом ролике озвучить каждую исполняемую команду (грубо говоря - "на что нажимать?"). Для продвинутых пользователей ролик хорош, но для общего контингента не совсем познавательно, например, следить за "самостоятельно" выстраивающимися в гармоничный ряд заготовками, и появляющимися из ниоткуда показателями расстояний. Более того, самому автору важно помнить, какие новшества появлялись в ФШ после шестёрки, так как многие пользователи сидят ещё на ней, и соответственно упоминать в своих повествованиях, что какая-либо функция появилась в "такой-то" версии ФШ и у пользователей с более ранними версиями будет недоступна, или отображаться "так то".
Спасибо автору за работу и позитивного опыта в новой сфере преподавания!)
Мне все понравилось!
Спасибо! =)
Спасибо за классный урок :) Урок очень понравился, всё очень четко и ясно! С нетерпением жду следующих уроков от Даниила!