Урок Tag: блок-5-дизайн-сайта

Адаптивная вёрстка и дизайн

Присоединяйся в соцсетях Домашнее задание Настроить адаптивность всех блоков сайта под разные разрешения экранов. Сделать скриншоты (2-3) адаптивных блоков на мобильных разрешениях. Можно через браузер в режиме эмуляции мобильных устройств или напрямую со смартфона/планшета. Загрузить скриншоты на странице урока (смотри форму загрузки ниже). Заполнить форму обратной связи по уроку.

Favicon

Присоединяйся в соцсетях Домашнее задание Создать изображение, которое будет использоваться в качестве иконок сайта. Установить favicon сайта. Установить иконки для браузера Safari и плитки Windows 10. Сделать скриншот окна настроек с загруженными favicon и иконками Safari и Windows 10. Загрузить скриншот на странице урока (смотри форму загрузки ниже). Заполнить форму обратной связи по уроку.

Визуальные эффекты и анимация

Присоединяйся в соцсетях Домашнее задание В соответствии с дизайн-концептом сайта подобрать и настроить анимацию блоков и их элементов. Сделать скриншоты настроек анимации 2-3 разных блоков. Загрузить скриншоты страниц сайта на странице урока (смотри форму загрузки ниже). Заполнить форму обратной связи по уроку.

Размеры и отступы

Присоединяйся в соцсетях Домашнее задание В соответствии с дизайн-концептом сайта подобрать размеры блоков и их элементов, а также вертикальных отступов между блоками. Сделать скриншоты (2-3) блоков, где видны вертикальные отступы и размеры относительно вертикальных колонок. Загрузить скриншоты страниц сайта на странице урока (смотри форму загрузки ниже). Заполнить форму обратной связи по уроку.

Шрифты

Присоединяйся в соцсетях Домашнее задание В соответствии с дизайн-концептом сайта подобрать семейство, размер, вес и цвета шрифтов для сайта. При необходимости подобрать шрифт из библиотеки Google Fonts и применить его на сайте. Сделать скриншоты (2-3) с блоками, где есть текст и заголовки. Загрузить скриншоты страниц сайта на странице урока (смотри форму загрузки ниже). Заполнить форму …

Шрифты Читать полностью »

Дизайн кнопок

Присоединяйся в соцсетях Домашнее задание В соответствии с дизайн-концептом сайта подобрать дизайн кнопок для сайта. Изменить настройки всех кнопок на всех страницах сайта в соответствии с подобранным дизайном. Сделать скриншоты (2-3) с блоками, где есть кнопки. Загрузить скриншоты страниц сайта на странице урока (смотри форму загрузки ниже). Заполнить форму обратной связи по уроку.

Цветовая схема

Присоединяйся в соцсетях Домашнее задание В соответствии с дизайн-концептом сайта подобрать цветовую схему с помощью одного из инструментов (можно найти другой, не представленный в уроке). Изменить настройки цветов во всех блоках на всех страницах сайта в соответствии с цветовой схемой. Сделать скриншоты (2-3) с блоками, где есть цвета из схемы. Загрузить файл цветовой схемы и …

Цветовая схема Читать полностью »

Бренд

Присоединяйся в соцсетях Домашнее задание Определить дизайн-концепт сайта. Если есть брендбук, то в соответствии с ним. Если брендбука нет, то собрать материалы, идентифицирующие тематику сайта: логотип, визитки, соцсети, фото продукции и пр. Создать на сайте навигационный блок (меню) и футер (подвал). Использовать материалы бренда (логотип, ссылки на соцсети и пр.). Сделать скриншоты с навигационным блоком …

Бренд Читать полностью »

Заполни форму, мы внимательно смотрим всю обратную связь