Dmitriytishanskiy.ru

Онлайн уроки
5 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Уроки по веб дизайну скачать торрент

WebForMySelf | Веб-дизайн + верстка (2019) [unpacked]

WebForMySelf | Веб-дизайн + верстка (2019) [unpacked] Автор (издатель): WebForMySelf, Даниил Волосатов, Денис Булыга
Жанр: Веб-дизайн, HTML, CSS

операционная система Windows 2000/XP/Vista/7/8.1/10
процессор 800 MHz
оперативная память 512 МБ
звуковая карта (можно встроенную в материнскую плату)
видеокарта (можно встроенную в материнскую плату)

Описание:
Основная часть видеокурса разделена на 2 фундаментальных блока и включает в себя 66 уроков общей продолжительностью порядка 13 часов. Вы получите блок по веб-дизайну и блок по верстке. А 11 бонусных видеокурсов, общей продолжительностью 20 часов, дадут новичкам всю необходимую теоретическую и практическую базу для старта с нуля в изучении материалов курса.
В курсе шаг за шагом показан последовательный комплексный процесс создания дизайн-макета в ультрасовременном удобном инструменте для дизайнеров Figma.

Продолжительность: 10:29:03 + 22:04:12 бонусы
Качество видео: PCRec

Видео: AVC/H.264, 1280×720,

General
Complete name : .[WebForMySelf] Веб-дизайн + верстка (2019)videokurspart11.mp4
Format : MPEG-4
Format profile : Base Media / Version 2
Codec ID : mp42 (isom/mp42)
File size : 3.19 MiB
Duration : 1 min 8 s
Overall bit rate mode : Variable
Overall bit rate : 392 kb/s
Encoded date : UTC 2019-08-19 12:30:18
Tagged date : UTC 2019-08-19 12:30:18

Video
ID : 1
Format : AVC
Format/Info : Advanced Video Codec
Format profile : Baseline@L3.1
Format settings : 3 Ref Frames
Format settings, CABAC : No
Format settings, ReFrames : 3 frames
Codec ID : avc1
Codec ID/Info : Advanced Video Coding
Duration : 1 min 8 s
Bit rate : 263 kb/s
Width : 1 280 pixels
Height : 720 pixels
Display aspect ratio : 16:9
Frame rate mode : Constant
Frame rate : 30.000 FPS
Standard : NTSC
Color space : YUV
Chroma subsampling : 4:2:0
Bit depth : 8 bits
Scan type : Progressive
Bits/(Pixel*Frame) : 0.010
Stream size : 2.14 MiB (67%)
Language : English
Encoded date : UTC 2019-08-19 12:30:18
Tagged date : UTC 2019-08-19 12:30:18
Color range : Limited
Codec configuration box : avcC

Audio
ID : 2
Format : AAC LC
Format/Info : Advanced Audio Codec Low Complexity
Codec ID : mp4a-40-2
Duration : 1 min 8 s
Bit rate mode : Variable
Bit rate : 126 kb/s
Maximum bit rate : 253 kb/s
Channel(s) : 2 channels
Channel layout : L R
Sampling rate : 44.1 kHz
Frame rate : 43.066 FPS (1024 SPF)
Compression mode : Lossy
Stream size : 1.02 MiB (32%)
Language : English
Encoded date : UTC 2019-08-19 12:30:18
Tagged date : UTC 2019-08-19 12:30:18

Блок 1. Figma от А до Я
Количество уроков: 19
Продолжительность: более 1 часа

Блок 2. Дизайн. Десктоп версия
Количество уроков: 14
Продолжительность: 3.5 часа

Блок 3. Дизайн. Мобильная версия
Количество уроков: 8
Продолжительность: более 2 часов

Раздел 2. Верстка сайта
Количество уроков: 25
Продолжительность: 6 часов

В данном разделе курса показана верстка макета, который создавали в предыдущем разделе. Макет имеет нестандартную структуру – каждый логический раздел сайта занимает ровно один экран. При его верстке мы будем реализовывать различные интересные эффекты: появления дополнительного контента, калькулятор стоимости работ, галерею изображений, «поэкранную» навигацию с плавным скролом между разделами и т.д. И конечно, верстка данного макета будет адаптивной.

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

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

Время раздачи: 24/7 (до появления первых 3-5 скачавших)

Скачать видеокурс Web-дизайн. От новичка до профи (2013) PCRec

Курс предназначен для новичков в веб-дизайне, желающих научится рисовать красивые, удобные, современные сайты. В курсе подробно разобраны и отработаны на практике основные правила, техники и приемы создания качественных дизайнов сайтов в программе Photoshop, верстка и программирование в курсе не рассматриваются.

Для тех, кто знаком с основами работы в программе Photoshop. Глубоких знаний не требуется, так как на каждом уроке подробно объясняются все шаги, но вы должны иметь представление об основных инструментах и работе со слоями в этой программе.

Автор (режиссер): Школа Программирования
Название: Web-дизайн. От новичка до профи
Год выпуска: 2013
Жанр: Веб-дизайн
Продолжительность: 15:02:38
Качество видео: PCRec
Видеокодек: AVC
Битрейт видео:

255 kb/s, 15,000 FPS
Размер кадра: 1280×1024
Аудиокодек: AAC
Битрейт аудио: 53,5 kb/s (CBR), 2 Ch, 44100 Hz

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

Читать еще:  Видео уроки компас 3 д

Программа курса
Урок 1. Теория веб-дизайна
• Введение. Что такое веб-дизайн
• Основы хорошего дизайна
• Цвет
• Форма
• Типографика
• Основы гармоничной композиции. Единство. Пропорции. Баланс
• Масштабируемость в веб-дизайне
• Подготовка к работе. Необходимые программы. Настройка Photoshop для удобной работы
• С чего начинать дизайн.
• Чит-коды облегчающие жизнь дизайнеру.

Урок 2. Элементы современного веб-дизайна
• Размерная сетка
• Структура сайта
• Фон
• Логотип
• Шапка сайта
• Визуальное разделение контента
• Навигация
• Иконки
• Ярлычки и лейблы
• 3D эффекты
• Градиенты
• Отражения
• Блики
• Тени
• Качественная графика
• Чит-коды облегчающие жизнь дизайнеру.

Урок 3. Дизайн лаконичного информационного сайта
Разработка дизайна информационного сайта с 0 в течении занятия, с полным пояснением всех используемых принципов и методик, примененных при создании проекта такого типа. Также по ходу занятия будут освещаться все нюансы работы в Photosop при создании сайта.

Урок 4. Дизайн Крупного интернет магазина часть 1
Детальный разбор и анализ дизайна главной страницы интернет-магазина. По ходу занятия по мимо графической составляющей также, будет рассматриваться принципы восприятия сайта такого типа потенциальными покупателями с точки зрения дизайна и техники увеличивающие продажи.

Урок 5. Дизайн Крупного интернет магазина часть 2
Детальный разбор и анализ дизайна остальных страницы интернет-магазина, с углубленным изучением приципов и правл реализации дизайна корзины как одного из самых главных элементов отвечающих за успешность проекта.

Урок 6. Дизайн импровизация
По одной из тем домашнего задания или какой либо другой выбранной вами, я в месте с вами разработаю без подготовки дизайн сата, причем основной акцент будет сделан на методику подбора и поиска информации, а также принципов реализации задуманных идей.

Урок 7. Дизайн художественного сайта
Дизайн сайта, со сложной художественной шапкой, разбор основных приципов сложных композиционных проектов, методы их формирования, с учетом современных требований к дизайну.

Урок 8. Дизайн брендового продающего сайта и немного волшебства
Главные особенности создани продающих проектов орентированных на один продук, или определенню категорию. Несколько техник по «волшебному» созданию ряда нужных и высококачественных элементов. Обобщение материала с разбором основых интересующих Вас проблем и вопросов.

Веб-дизайн (Обучение основам с нуля)

Видеокурс по изучению «Основ веб-дизайна» подойдет для новичков, которые хотят овладеть азами профессии веб-дизайнера, чтобы в дальнейшем применять полученные знания в практической сфере для создания уникального дизайна сайтов. Дабы изучить тонкости веб-дизайна вам нужно пройти специализированный видеокурс. Но не только новички смогут почерпнуть тут массу полезного, он поможет и тем, кто хочет узнать об этой области дизайна больше и мечтает повысить качество своих работ. Курс предлагает массу практических заданий, помогающих отточить полученные навыки. Выполняя свои домашние задания, по окончанию обучающего курса вы сможете создать собственный дизайн сайта. Сегодня очень востребована профессия веб-дизайнера и если вы решили изучить ее, то самоучитель Основы веб-дизайна скачать видеокурс бесплатно вы можете уже сегодня.

Понятие веб-дизайн – очень обширно и многогранно. Чтобы создать веб-ресурс сначала необходимо спроектировать интерфейс – удобный, понятный, позволяющий осуществлять задачи, которые поставлены перед вашим сайтом. Немаловажно, чтобы интерфейс выглядел эстетично, хотя это уходит на второстепенную роль. Изучив основы веб-дизайна, вы научитесь практическим путем создавать удобный интерфейс и оформлять его со вкусом.

Обучение основам веб-дизайна происходит с нуля, но лучше всего, если пользователь обладает навыками взаимодействия с редакторами графики, разбирается в кодах CSS, HTML, не чужд креативным идеям и способен грамотно и терпеливо общаться с заказчиком. Для всех кто желается обучится предлагаем обучение веб-дизайну видео уроки для начинающих скачать бесплатно и сразу приступить к изучению основ.

Что входит в учебный план курса?

— Вводное занятие, где раскрывается понятие «веб-дизайн», его основные принципы, необходимые при работе ресурсы, рассказывается о типах сайтов и этапах их создания. В домашнем задание пользователь должен рассмотреть несколько макетов сайтов, которые созданы согласно канонов современного дизайна.

— Следующее занятие рассказывает, что такое прототип, какие виды их бывают и чем они отличны друг от друга, каковы у них задачи. Домашнее задание требует создать собственный прототип к будущему проекту.

— Урок по работе с цветом, изображениями. Основная информацию по цвету и его важной роли в дизайне сайта. Раскрывается понятие «Мудборд», какими он обладает задачами. В домашнем задании нужно создать пару-тройку мудбордов к проекту.

— Урок раскрывает понятия «иконка», рассказывает об их типах, видах, стилях, роли в дизайнерском оформлении сайта. Знакомство с понятием «типографика», изучение ее задач, функций, а также знакомство с веб-типографикой, шрифтами. В практическом занятии вам нужно будет подобрать для своего проекта шрифты, иконки. В домашнем задании нужно сделать блок для проекта, где разместятся с выбранные шрифты, иконки.

Читать еще:  Подготовка к егэ по математике видео уроки

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

— Урок по созданию основного экрана сайты, изучение его компонентов. Секрет по созданию запоминающегося и аутентичного главного экрана. Как соединять структуру сайта – прототип и его эмоциональную часть – мудборд. В домашнем задании нужно произвести оформление главного экрана для проекта.

— Урок по созданию дизайн-макета: как делать сетки модулей, выравнивать контент. Что такое адаптивный дизайн, композиции разделов изготавливаемого сайта, как должны располагаться его элементы, на что делать акцент. В практическом задании нужно создать лендинг-пэйдж в Адоб Фотошоп. В домашнем задании нужно оформить страницу своего проекта.

— Свободное занятие: рассказ, что лежит в основе оформления портфолио, составления проектов, советы о трудоустройстве в дизайн-студии и так далее. В домашнем задании нужно закончить дизайн проекта диплома, оформив его в мокап.

HTML5 и CSS3 с нуля до профи (2016) Видеокурс скачать торрент

283 — 681 Kbps
Аудио: AAC, 2 ch, 106 Kbps

Описание:
Без преувеличения на сегодняшний день это самый полный и актуальный курс в Рунете. Вдумайтесь сами: только лишь основной раздел курса (без учета бонусов) состоит из 47 подробнейших видеоуроков, образующих собой пошаговую практическую систему.

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

В нашем новом курсе ВСЕ макеты верстаются сразу АДАПТИВНЫМИ и КРОССБРАУЗЕРНЫМИ.

Изучение курса построено по принципу «от простого к сложному» и от «теории к практике».

Я не просто научу вас верстать простейшие веб-страницы, мы с вами очень подробно (вплоть до малейших деталей) проработаем верстку на примере трех различных по своей сложности наиболее популярных видов веб-сайтов в современном Интернете:

• сайта-визитки
• блога и.
• интернет-магазина

ПЕРВАЯ ЧАСТЬ
Верстка макета сайта-визитки

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки для страницы
Урок 3. Описание стилей шапки сайта
Урок 4. Описание стилей основного блока сайта. Часть1
Урок 5. Описание стилей основного блока сайта. Часть2. Заключение

ВТОРАЯ ЧАСТЬ
Верстка макета блога

Урок 1. Введение. Настройка страницы
Урок 2. Определение разметки шапки сайта
Урок 3. Подключение нестандартных шрифтов
Урок 4. Описание стилей шапки сайта
Урок 5. Описание разметки основного блока сайта
Урок 6. Описание разметки блока постов
Урок 7. Назначение стилей для блока постов
Урок 8. Описание разметки боковой колонки
Урок 9. Назначение стилей для боковой колонки
Урок 10. Описание разметки постраничной навигации
Урок 11. Назначение стилей для постраничной навигации
Урок 12. Верстка footer’а сайта
Урок 13. Доработка верстки макета
Урок 14. Адаптация верстки под мобильные устройства. Часть 1
Урок 15. Адаптация верстки под мобильные устройства. Часть 2
Урок 16. Добавление эффектов CSS3 на страницу. Часть 1
Урок 17. Добавление эффектов CSS3 на страницу. Часть 2

ТРЕТЬЯ ЧАСТЬ
Верстка макета интернет-магазина

Урок 1. Введение
Урок 2. Подключение нестандартного шрифта к странице
Урок 3. Определение разметки шапки сайта
Урок 4. Описание стилей шапки сайта. Часть 1
Урок 5. Описание стилей шапки сайта. Часть 2
Урок 6. Подключение слайдера к странице
Урок 7. Назначение стилей и настройка слайдера
Урок 8. Описание разметки блока новостей
Урок 9. Назначение стилей для блока новостей
Урок 10. Описание разметки блока «Популярные продукты»
Урок 11. Назначение стилей для блока «Популярные продукты». Часть 1
Урок 12. Назначение стилей для блока «Популярные продукты». Часть 2
Урок 13. Улучшение блока «Популярные продукты»
Урок 14. Описание разметки блока «О магазине»
Урок 15. Назначение стилей для блока «О магазине»
Урок 16. Описание разметки блока «Подписка»
Урок 17. Назначение стилей для блока «Подписка»
Урок 18. Описание разметки для footer’a
Урок 19. Назначение стилей для блока «footer»
Урок 20. Делаем макет адаптивным. Часть 1
Урок 21. Делаем макет адаптивным. Часть 2
Урок 22. Делаем макет адаптивным. Часть 3
Урок 23. Делаем макет адаптивным. Часть 4
Урок 24. Делаем макет адаптивным. Часть 5
Урок 25. Заключение

БОНУС 1
Премиум курс. Учебник по основам HTML

Урок 1. Введение. Основы HTML
Урок 2. Структура HTML документа
Урок 3. Теги форматирования текста
Урок 4. Изображения
Урок 5. Ссылки. Ссылки-изображения
Урок 6. Списки
Урок 7. Таблицы
Урок 8. Формы

Читать еще:  Узор косичка спицами для начинающих видео уроки

БОНУС 2
Премиум курс. Учебник по основам CSS

Урок 1. Способы подключения
Урок 2. Назначения классов и id
Урок 3. Свойства шрифта
Урок 4. Свойства текста
Урок 5. Фон
Урок 6. Ширина, высота. Тег Div и Span
Урок 7. Рамка
Урок 8. Отступы
Урок 9. Основы CSS. Float, Clear, Display
Урок 10. Основы CSS. Свойство position

БОНУС 3
Премиум курс. Верстка сайтов для начинающих

Урок 1. Определение разметки
Урок 2. Описание разметки
Урок 3. CSS шапки сайта
Урок 4. CSS области контента
Урок 5. Доработка верстки

БОНУС 4
Премиум курс. HTML 5: основы

Урок 1. Структура документа HTML 5
Урок 2. Обзор тегов header и footer
Урок 3. Тег article
Урок 4. Тег section
Урок 5. Теги nav, main и aside
Урок 6. Теги figure и figcaption
Урок 7. Кроссбраузерное оформление
HTML 5 тегов
Урок 8. Тег input. Новые типы тега в html 5.
Часть 1
Урок 9. Тег input. Новые типы тега в html 5. Часть 2
Урок 10. HTML 5 video. Вставка видео на сайт
Урок 11. HTML 5 audio. Вставка аудио на сайт
Урок 12. HTML 5 canvas. Рисование в HTML 5
Урок 13. HTML 5 geolocation. Определение местоположения в HTML 5

БОНУС 5
Премиум курс по CSS3

Урок 1. Работа с фоном в CSS3
Урок 2. Тени и закругленные углы
Урок 3. Прозрачность фона, картинки, текста и цвета в CSS
Урок 4. Линейные градиенты CSS
Урок 5. Колонки
Урок 6. Радиальные градиенты
Урок 7. Шрифт
Урок 8. Работа с текстом в css 3
Урок 9. Псевдоклассы
Урок 10. Селекторы
Урок 11. Трансформация

БОНУС 6
Анатомия прибыльного лендинг пейдж

Урок 1. Анатомия прибыльного лендинг пейдж

БОНУС 7
Создание лендинг пейдж за один вечер

Урок 1. Введение
Урок 2. Подключаем нестандартный шрифт к странице
Урок 3. Определяем разметку шапки сайта
Урок 4. Описываем стили шапки сайта
Урок 5. Определяем разметку слайдера
Урок 6. Назначаем стили для слайдера
Урок 7. Верстаем блок «Особенности»
Урок 8. Верстаем блок «Галерея»
Урок 9. Определяем разметку блока видео
Урок 10. Описываем стили блока видео
Урок 11. Верстаем блок «Скачать приложение»
Урок 12. Просматриваем макет. Устраняем недочеты
Урок 13. Определяем разметку блока контактов
Урок 14. Описываем стили блока контактов
Урок 15. Верстаем футер
Урок 16. Адаптируем слайдер
Урок 17. Заключение

Графика и дизайн [Саня Кво] Курс по веб-дизайну 3.0

Domix

Автор: Саня Кво
Название: Курс по веб-дизайну 3.0

Новая версия курса «ДИЗАЙН ВЗЛЁТ» с большим упором на Figma для самостоятельного изучения.

Курс в записи находится в отдельной группе с удобной навигацией.

Основная программа курса:

— Модуль по работе и инструментам Figma

— Дизайн-мышление, правильных подход к задаче
— Эмпатия к пользователям
— Психофизиология и акценты в дизайне
— Тренды в веб-дизайне

— Контрасты для акцентирования
— Группировка элементов. Правило внутреннего и внешнего
— Дизайн-исследование и сбор информации
— Сбор референсов: способ 1
— Сбор референсов: способ 2

— Шрифты. Работа с текстом
— Беспроигрышное сочетание шрифтов
— Работа с выключкой текста
— Шпаргалка по типографике

— Цвет в веб-дизайне: Сервисы и круг Иттена
— Психология восприятия цвета

— Якорные объекты в элементах и экранах
— Модульные сетки. Правила и принципы

— Заблуждения. Продающие факторы в дизайне
— Практические эксперименты

— Быстрый wireframe. Макет низкой детализации
— Отклик на задания. Конкурентная разведка

— Глобальные сетки в Figma
— Растровые и векторные иконки в Figma

. Модуль из 8 видео по структуре landing page
— Полезные расширения для дизайнера

— Брифинг заказчика
— Компоненты и Constrains в Фигме

— Работа на русскоязычных биржах
— Русскоязычные биржи, группы, каналы
— Англоязычные биржи: особенности. Доход 2х-3х

— Маска для обтравленных объектов
— Выгодная покупка на стоках
— Fontawesome. Использование в Figma

. Модуль из 8 видео по UI-элементам

— Адаптивный дизайн для tablet-версии
— Адаптивный дизайн для mobile-версии
— Создание динамического прототипа с анимацией

— Дизайн 1-экранного промо-лендинга (+работа в портфолио)
— Дизайн полного лендинга (+работа в портфолио)
— Дизайн QUIZ-лендинга (+работа в портфолио)
— Дизайн интернет-магазина (+работа в портфолио)

— Количество работ в портфолио можно увеличить в 4 раза, т.к. заданий по 4 на каждое ДЗ

— Как узнать параметры дизайна на уже созданном сайте
— Верстка и подготовка макета для верстальщика
— Стратегии партнерства и развития
— Подготовка UI-kit
— Упаковка работ для портфолио

Дополнительные модули:
— Большой модуль по совместной работе Photoshop+Figma

Ссылка на основную публикацию
Adblock
detector