digitaltutors
Площадка онлайн обучения, теперь уже переименованная в pluralsight. Содержит много видеокурсов по разным направлениям в мире IT разработке.
Продолжительность
4 ч 23 мин
Категория
PhotoshopКоличество уроков
31 Видео
Дата добавления
26 мая 2016 г., 00:00
Язык
Английский
Дата выхода
1 янв. 2016 г., 00:00
Дата обновления
14 нояб. 2017 г., 20:04
В этом видеокурсе ты узнаешь, как эффективно использовать Adobe Photoshop для задач веб-дизайна и фронтенд-разработки. Это поможет тебе создавать уникальные и профессиональные дизайны для веб-проектов.
Преимущества использования Photoshop для веб-дизайна
Adobe Photoshop — это мощный инструмент не только для фотографов, но и для веб-дизайнеров. Он позволяет создавать макеты сайтов, редактировать изображения и работать с графикой на высоком уровне. С его помощью ты сможешь создавать адаптивные дизайны и работать с различными графическими элементами.
Ключевые возможности
- Создание макетов сайтов с учетом адаптивности.
- Редактирование и улучшение качества изображений.
- Использование слоев и масок для более гибкой работы.
- Интеграция с другими программами Adobe.
Как получить максимальную выгоду от курса
Наш курс рассчитан на то, чтобы ты смог овладеть всеми необходимыми навыками работы с Photoshop в контексте веб-дизайна. Мы предлагаем практические задания и проекты, которые помогут закрепить полученные знания.
Дополнительные ресурсы
На сайте также доступен курс Photoshop для фотографов, однако для нужд веб-дизайна представляемый видеокурс более подходящий.
- Урок 1.00:01:24Introduction and project overview
- Урок 2.00:05:39Setting up the file structure
- Урок 3.00:08:24Creating our base files
- Урок 4.00:09:42Grids
- Урок 5.00:10:53Placing the logo and creating the primary navigation
- Урок 6.00:12:03Making the typographic selection for your primary navigation
- Урок 7.00:10:57Accessibility basics and dropping text in the main content well
- Урок 8.00:11:20Typography of paragraph and header styles
- Урок 9.00:12:21Continuing typography on the intro copy and unordered list
- Урок 10.00:10:56Continuing typogrphy on the image caption and pull quote
- Урок 11.00:10:31Thinking through padding and margin with variable content
- Урок 12.00:06:52Designing interactions
- Урок 13.00:08:33Continuing interactions with link styles
- Урок 14.00:05:52Color considerations when using brand color palettes on the web
- Урок 15.00:09:36Designing white space for the context of the web
- Урок 16.00:09:36Beginning design of the right sidebar elements with the related block
- Урок 17.00:11:00Finishing our right sidebar design elements
- Урок 18.00:10:39Designing the footer and adding in a final design element to the mockup
- Урок 19.00:05:05Responsive design principles
- Урок 20.00:07:29Beginning to implement responsive design on our first mockup
- Урок 21.00:11:37Continuing mobile implementation...
- Урок 21.00:11:37Continuing mobile implementation...
- Урок 22.00:10:35Adjusting the right sidebar
- Урок 22.00:10:35Adjusting the right sidebar
- Урок 23.00:05:36Visual design - the supporting character?
- Урок 24.00:01:39Getting into our second mockup
- Урок 25.00:04:13Why use a conventional layout for your page
- Урок 26.00:07:41Distinct esthetic choices that separate
- Урок 27.00:05:14Color palettes and the web
- Урок 28.00:08:20Navigation interaction in responsive design
- Урок 29.00:07:32Creating design specs
Автор - digitaltutors
Комментарии