+7(919)219-14-03
Звоните прямо сейчас
Социальные сети
Веб-дизайн начало. Введение в профессию

Веб-дизайн начало. Введение в профессию

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

2 мая 2021 в 9:45

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

В самом конце урока мы дадим Вам список основных ресурсов для вдохновения, и будем надеяться, что эти сайты войдут в список ежедневно открываемых Вами ресурсов. Завершим урок практикой, на которой Антон покажет, как рисовать главный экран сайта (шапку).

Видео-уроки:

https://zen.yandex.ru/media/id/5f5a7a2e186bea34b535fa36/vebdizain-nachalo-vvedenie-v-professiiu-6080579644dc5d3de85b98db

1)Веб-дизайнер и его задачи.
Веб-дизайн одна из отраслей веб-разработки, которая занимается дизайном сайтов и веб-приложений. Вы узнаете какая задача веб-дизайнера, и кто такой веб-дизайнер.

2)Виды сайтов. Классификация сайтов.
В зависимости от количества страниц сайта, из которых он состоит, они делятся на одно- и многостраничные. На этом виды сайтов заканчиваются, и начинается их классификация, в прочем обо всем по порядку.

3)Этапы создания сайтов.
Над разработкой и запуском сайта работают несколько человек. Давайте разберемся, какие этапы создания сайтов и какие специалисты принимают в этом участие.
1.Погружение
2.Эскиз сайта
3.Прототип сайта
4.Концепция дизайна
5.Создание дизайн-макета
6.Техническая реализация

4)Принципы современного веб-дизайна.
В данном видео мы рассмотрим, какие на сегодняшний день существуют основные принципы современного веб-дизайна сайтов.
-Продуманные цветовые решения
-Грамотно подобранные фотографии
-Хорошая типографика
-Продуманная композиция
-Единство стиля
-Простота и лаконичность

5)Сайты для вдохновения веб-дизайнеров.
Каждому человеку, который занимается творческой профессией, нужны источники вдохновения. Мы советуем вам сайты для вдохновения веб-дизайнеров.

6)Создание главного экрана сайта в фотошопе(Adobe Photoshop).
Практическое занятие по созданию главного экрана сайта в Adobe Photoshop

https://zen.yandex.ru/media/id/5f5a7a2e186bea34b535fa36/vebdizain-nachalo-vvedenie-v-professiiu-6080579644dc5d3de85b98db

Всё для работы с фотошопом:

Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию
Веб-дизайн начало. Введение в профессию

Вводный урок по фотошопу для веб-дизайнера.

https://zen.yandex.ru/media/id/5f5a7a2e186bea34b535fa36/vebdizain-nachalo-vvedenie-v-professiiu-6080579644dc5d3de85b98db

Самые часто задаваемые вопросы на уроке №1. Веб-дизайн начало. Введение в профессию

1. Разве веб-дизайнер не создает сайты от начала и до конца?

Нет, веб-дизайнер занимается только разработкой статичного макета сайта, а его "оживлением" и размещением в интернете занимается верстальщик или веб-программист.

2. Должен ли веб-дизайнер знать верстку?

Да, это было бы желательно. Если веб-дизайнер создает макет, не зная того, каким образом затем будет сверстан итоговый сайт, то ему сложно представить общую картинку и понять ограничения, которые имеет верстка (например, веб-дизайнеру не помешает знать, какие шрифты стоит использовать для веб-проектов и что есть такое понятие как веб-шрифты). Без знания ограничений верстки, веб-дизайнер может создать такой макет, который невозможно будет в итоге сверстать.

3. Что такое верстка сайта?

Это превращение статичного макета (картинки) в живой и реагирующий на действия пользователя сайт. Верстка подразумевает в себе знание языка разметки html и сss, а также, к примеры, языка Java Script. Веб-программисты чаще всего "пишут сайты" на языке php.

4. Фотошопа достаточно для работы веб-дизайнером?

Да, на начальных этапах достаточно. Adobe Photoshop - это мощный и универсальный инструмент, который позволяет работать и с векторной, и с растровой графикой. В будущем вам может понадобиться знание таких программ как Adobe Illustrator, Adobe InDesign и Sketch, если вы захотите стать профессиональным веб-дизайнером. Что касается версии Photoshop, то лучше всего пользоваться самой новой версией СС2017, версии СС2014 и СС2015 тоже отлично подойдут. Если у вас cs6 и ниже, то советуем обновиться до более новых версий.

5. В работе веб-дизайнером поможет ли мне умение рисовать от руки?

Да, поможет. Вы сможете быстро рисовать эскизы прототипов и скетчи, а также делать примерный наброски иллюстраций, которые бы хотели разместить в макете. Любой творческий талант пригодится ;)

6. Почему на курсе "Основы веб-дизайна" вы советуете делать именно одностраничники?

Потому что начинать свой путь в какой-то профессии нужно всегда с самого простого. Если вы хотите научиться игре на фортепиано, вы ведь не будете сразу учить сложные произведения, вы начнете с "Собачьего вальса". Как только вы освоите одностраничные сайты, то сможете понять основные принципы создания макетов.

7. Чем сайт-визитка отличается от лендинга?

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

8. Что делать, если клиент не хочет предоставлять информацию для макета?

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

9. Как определить ЦА будущего сайта?

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

10. Обязательно ли рисовать скетч перед создание прототипа?

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

11. Стоит ли в прототип добавлять фотографии и реальные тексты?

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

12. Как объяснить заказчику, что выбранный им стиль для будущего проекта не самый удачный вариант с точки зрения дизайна?

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

13. Что делать, если заказчик предоставляет плохие фотографии для макета?

О поиске и подборе изображений мы будем говорить на уроке №3. Самым удачным решением будет нанять фотографа, который сможет провести уникальную фотосессию для компании.

14. Что делать, если мне нравятся примеры из устаревшего дизайна?

Нужно вырабатывать вкус и повышать насмотренность. Нужно понять важную вещь - все идет вперед, веб-дизайн тоже развивается и имеет свои тренды и модные тенденции, важно их знать и уметь применять. Читайте больше статей и книг о современном веб-дизайне, больше проводите времени на таких сайтах как behance и dribbble.

Мы разобрали модуль №1: "Веб-дизайн начало. Введение в профессию"

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

Веб-дизайн начало. Введение в профессию


Подарок внутри! Подписка на обновление блога по Web-дизайну.
Бесплатный подарок для подписчиков нашего блога->
Курсы по Веб-дизайну!
* Поля, обязательные для заполнения
Нажимая "Подписаться", Вы принимаете условия обработки персональных данных.
Теги: Web-дизайн

Другие статьи блога

Веб-дизайн обучение с нуля. Основные ошибки веб-дизайнера
Веб-дизайн обучение с нуля. Основные ошибки веб-дизайнера
38 денежных страхов
38 денежных страхов
Онлайн курсы веб-дизайна. Свободное плавание
Онлайн курсы веб-дизайна. Свободное плавание

Наверх
array(5) { ["id"]=> int(0) ["ip"]=> string(13) "3.238.228.191" ["language"]=> string(2) "en" ["gmt"]=> int(0) ["guest_id"]=> string(32) "f8774153f6d73a625b96c852be18fdd5" }