Пятница, 29.03.2024, 00:47
Приветствую Вас Гость | RSS

Главная | Регистрация | Вход

МЕНЮ САЙТА

ДЛЯ АНИМАТОРОВ

НОВОСТИ ФОРУМА
ИСТОРИЯ ЛЮБВИ
ПРОСТО ХОРОШАЯ МУЗЫКА
Авторские клипы Док
-АНИМИРОВАННЫЕ НАДПИСИ -ПРИВЕТ
АНИМИРОВАННЫЕ НАДПИСИ - ИМЕННЫЕ ЖЕНСКИЕ
АНИМИРОВАННЫЕ НАДПИСИ -ДЕКАБРЬ НОЯБРЬ АПРЕЛЬ
АНИМИРОВАННЫЕ НАДПИСИ -ЛЕТО
-АНИМИРОВАННЫЕ НАДПИСИ -ПОЦЕЛУЙ
-АНИМИРОВАННЫЕ НАДПИСИ -ПРИЯТНОГО ОТДЫХА
АНИМИРОВАННЫЕ НАДПИСИ -МЕД

ТОП ПОЛЬЗОВАТЕЛЕЙ


ADMIN
Материалов:2800
Сообщений на форуме: 872
Репутация: 2


Kioka83
Материалов:2084
Сообщений на форуме: 0
Репутация: 0


BagIra
Материалов:1972
Сообщений на форуме: 98
Репутация: 3


frutella63
Материалов:1623
Сообщений на форуме: 6
Репутация: 1


admin3593
Материалов:1225
Сообщений на форуме: 0
Репутация: 0


DiZa
Материалов:1209
Сообщений на форуме: 0
Репутация: 0


Ангел
Материалов:938
Сообщений на форуме: 0
Репутация: 2


lelochka08
Материалов:760
Сообщений на форуме: 0
Репутация: 0


LAVEАВА
Материалов:456
Сообщений на форуме: 74
Репутация: 1


ladyserafima2014
Материалов:419
Сообщений на форуме: 0
Репутация: 0

ОБЛАКО ТЕГОВ

СТАТИСТИКА

Онлайн всего: 1
Гостей: 1
Пользователей: 0


...

Главная » Статьи » Для анимации » Photoshop


Дизайн собственного сайта. Основы веб-дизайна (2017)

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

Подробный план занятий:
№ 1. ВВЕДЕНИЕ В ПРОФЕССИЮ
— Понятие веб-дизайна.
— Необходимые компетенции дизайнера.
— Основные принципы современного дизайна.
— Источники вдохновения и полезные ресурсы.
— Типы сайтов.
— Этапы создания сайта.
ДЗ: Разобрать 5 примеров макетов сайтов по принципам современного дизайна (из презентации) .

№ 2. СОЗДАНИЕ ПРОТОТИПА.
— Прототип и его задачи.
— Виды прототипов и их различия.
— Wireframe и его назначение.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать прототип для своего проекта.

№ 3. РАБОТА С ЦВЕТОМ И ИЗОБРАЖЕНИЕМ.
— Эмоциональная составляющая сайта.
— Цвет и его роль в дизайне.
— Изображения и их роль в дизайне.
— Мудборд и его задачи.
— Ресурсы для скачивания и вдохновения.
ДЗ: Создать 2-3 мудборда для своего проекта.

№ 4. ПОДБОР ШРИФТОВ И ИКОНОК.
— Цели и задачи иконок в оформлении сайта.
— Типы иконок: сервисные, образные, favicon.
— Обзор стилей иконок: outline, solid, flat, realistic.
— Типографика - задачи и функции. Особенности веб-типографики.
— Виды шрифтов.
— Ресурсы для скачивания.
— Практическая часть: подбор шрифтов и иконок для проекта.
ДЗ: Создать блок для своего проекта с подобранными шрифтами и иконками.

№ 5. ДИЗАЙН ИНТЕРФЕЙСА.
— Понятие интерфейса.
— Основные элементы интерфейса.
— Основные принципы хорошего интерфейса.
— Ресурсы для скачивания и вдохновения.
— Практическая часть: отрисовка элементов интерфейса – кнопок и форм заявок
ДЗ: Создать несколько элементов интерфейса для своего проекта

№ 6. СОЗДАНИЕ ГЛАВНОГО ЭКРАНА САЙТА.
— Составляющие компоненты главного экрана сайта.
— Основные принципы создания запоминающегося главного экрана.
— Примеры хорошего дизайна главных страниц.
— Соединение структуры сайта (прототипа) и его эмоциональной начинки (мудборда).
— Ресурсы для вдохновения.
ДЗ: Оформить главный экран своего проекта.

№ 7. СОЗДАНИЕ ДИЗАЙН МАКЕТА.
— Модульные сетки и выравнивание контента.
— Адаптивный дизайн.
— Основы композиции разделов сайта.
— Расположение элементов, акценты и иерархия восприятия.
— Управление вниманием пользователя.
— Разбор композиционных решений на примерах.
— Практическая часть: создание landing page в Adobe Photoshop.
ДЗ: Оформить страницу дипломного проекта.

№ 8. СВОБОДНОЕ ПЛАВАНИЕ
— Рынок труда: дизайн студии, фриланс, бизнес.
— Работа в команде. Как начать работать в дизайн студии.
— Основы оформления портфолио и подачи проектов.
— Инструменты wow effect: анимация, paralax, видео контент, интерактив.
— Как сделать так что бы мир узнал о вас?
ДЗ: Завершить дизайн дипломного проекта и оформить его в мокап.



Название: Дизайн собственного сайта. Основы веб-дизайна
Год выхода: 2017
Жанр: Видеокурс, веб-дизайн, фотошоп
Формат видео: MP4 1152x720 | H.264
Формат аудио: AAC | 196 кбит/с
Язык: Русский
Продолжительность: 17:19:33
Размер: 10.28 Gb

Скачать Дизайн собственного сайта. Основы веб-дизайна (2017)

HTML-код для сайтов:

BB-код для форумов:

Категория: Photoshop | Добавил: Kioka83 (08.02.2018)
Просмотров: 169 | Теги: Видеокурс, фотошоп, Веб-дизайн | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
ПРОФИЛЬ
Пятница
29.03.2024
00:47

[ Управление профилем ]

АНИМАЦИЯ

НАША КНОПКА
 DiVA - Анимация
Мы будем Вам очень признательны, если Вы разместите нашу кнопку на своем сайте

ДРУЗЬЯ САЙТА
 DiZona – все для Photoshop
 
Ultraviolet - анимация, графика, дизайн
 
DALE - анимация, анимированные картинки, открытки
 
SuprGif - Самая лучшая анимация
 
GIF & FLASH - анимация, флеш-открытки для Вас
 
Анимация.GIF - Elza


Copyright MyCorp © 2024
Создать бесплатный сайт с uCoz