СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Разработка и создание графического дизайна Web сайта для дизайниндустрии

Категория: Информатика

Нажмите, чтобы узнать подробности

В 1994 году началась революция - World Wide Web. Всемирная паутина World Wide Web (WWW) соткана из Web-страниц, которые содержат в себе разную информацию в зависимости от тематики Web сайта. Полезность Internet повышалась вместе с развитием вычислительной техники с запаздыванием примерно в 10 лет. В конце 80-х годов появление персональных компьютеров перенесло информатику из царства знатоков к широкой публике. Internet в ходе своего развития и повсеместного распространения занимается именно таким переносом.

Просмотр содержимого документа
«Разработка и создание графического дизайна Web сайта для дизайниндустрии»

Разработка и создание графического дизайна Web сайта для дизайн индустрии Глава I. Веб-сайты

Разработка и создание графического дизайна Web сайта для дизайн индустрии

Глава I. Веб-сайты

Что такое сайт, Веб - сайт, интернет - сайт Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.

Что такое сайт, Веб - сайт, интернет - сайт

  • Сайт (от англ. site – место, местоположение, позиция) – совокупность страниц, объединенных одной общей темой, дизайном, имеющих взаимосвязанную систему ссылок, расположенных в сети Интернет.
Виды сайтов и ссылки Сайт-визитка - узкая информация о компании Корпоративный сайт – расширенная информация о компании ее контакты, новости, перечень услуг, сотрудники, и т.д. Часто такие сайты создаются в рекламных целях, рекламируют товары и услуги компаний. Личный сайт – сайт об одном человеке, его увлечениях, его личные данные, о таком сайте можно сказать: «Зайдя на мою страничку» Интернет - магазины. Это особый вид сайтов, через которые Вы можете покупать или продавать товары online, т.е. не отходя от Вашего компьютера.

Виды сайтов и ссылки

  • Сайт-визитка - узкая информация о компании
  • Корпоративный сайт – расширенная информация о компании ее контакты, новости, перечень услуг, сотрудники, и т.д. Часто такие сайты создаются в рекламных целях, рекламируют товары и услуги компаний.
  • Личный сайт – сайт об одном человеке, его увлечениях, его личные данные, о таком сайте можно сказать: «Зайдя на мою страничку»
  • Интернет - магазины. Это особый вид сайтов, через которые Вы можете покупать или продавать товары online, т.е. не отходя от Вашего компьютера.
Широко распространены сайты другого назначения – веб-ресурсы. Сюда можно отнести: поисковые сиcтемы (google.com, yandex.ru); почтовые ресурсы (mail.ru); доски объявлений; форумы; файлообменники; хранилища видео или фото;

Широко распространены сайты другого назначения – веб-ресурсы. Сюда можно отнести:

  • поисковые сиcтемы (google.com, yandex.ru);
  • почтовые ресурсы (mail.ru);
  • доски объявлений;
  • форумы;
  • файлообменники;
  • хранилища видео или фото;
По доступности сайты бывают Открытые - открыта для всех посетителей Полуоткрытые – часть информации открыта для всех, а часть скрыта. Чтобы просмотреть информацию на сайте необходимо зарегистрироваться. Регистрация может быть как бесплатной, так и платной. Закрытые

По доступности сайты бывают

  • Открытые - открыта для всех посетителей
  • Полуоткрытые – часть информации открыта для всех, а часть скрыта. Чтобы просмотреть информацию на сайте необходимо зарегистрироваться. Регистрация может быть как бесплатной, так и платной.
  • Закрытые
Сайты по величине и по уровню решаемых ими задач делятся на Простые сайты, содержащие немного информации и состоящие из нескольких страничек. Тематические, узконаправленные сайты – представляют пользователю информацию по узкой теме. Многофункциональные сайты (порталы) – помимо массы информации, они содержат средства для общения пользователей, чаты, форумы и т.д. (mail.ru, Яндекс, Рамблер и др.)

Сайты по величине и по уровню решаемых ими задач делятся на

  • Простые сайты, содержащие немного информации и состоящие из нескольких страничек.
  • Тематические, узконаправленные сайты – представляют пользователю информацию по узкой теме.
  • Многофункциональные сайты (порталы) – помимо массы информации, они содержат средства для общения пользователей, чаты, форумы и т.д. (mail.ru, Яндекс, Рамблер и др.)
Глава II. Этапы разработки сайта

Глава II. Этапы разработки сайта

Разработка сайта — это процесс, состоящий из нескольких последовательных этапов. Заказчик может выбрать любого исполнителя для определенных этапов создания сайта.
  • Разработка сайта — это процесс, состоящий из нескольких последовательных этапов. Заказчик может выбрать любого исполнителя для определенных этапов создания сайта.
Работу по созданию можно разделить на такие этапы Подготовительный; Разработка макета; Верстка; Программирование; Наполнение контентом; Раскрутка сайта; Администрирование (поддержка) сайта.

Работу по созданию можно разделить на такие этапы

  • Подготовительный;
  • Разработка макета;
  • Верстка;
  • Программирование;
  • Наполнение контентом;
  • Раскрутка сайта;
  • Администрирование (поддержка) сайта.
Глава III. Современный графический дизайн

Глава III. Современный графический дизайн

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

Графический дизайн

  • Современный графический дизайн – сфера деятельности, объединяющая в себе методы и принципы множества различных профессиональных дисциплин.
  • Объекты графического дизайна –  логотипы , знаки или  шрифты  – предназначены одновременно и для художественной подачи материала, и для формирования визуально-коммуникативной среды.
Они должны выполнять одну или сразу несколько функций Привлекать внимание целевой аудитории Позиционировать компанию, выделять ее среди конкурентов Информировать и разъяснять, иллюстрировать смысловую часть Стимулировать продажи Категории задач, для решения которых требуется графический дизайн: Фирменный стиль. Дизайн  логотипов ,  товарных знаков ,   фирменной одежды ,  выставочных стендов , представительских материалов ( визиток ,  бланков ,  бизнес - сувениров ) Веб-дизайн Типографика, шрифты и каллиграфия. В том числе – дизайн  буклетов ,  брошюр ,  каталогов , книг, журналов Визуальные коммуникации. Дизайн пиктограмм и навигационных систем Визуальный стиль телевизионных программ, видеороликов, анимации Реклама. В том числе дизайн элементов   наружной рекламы ,  плакатов ,  листовок , флаеров Визуальные решения для упаковки продукции

Они должны выполнять одну или сразу несколько функций

  • Привлекать внимание целевой аудитории
  • Позиционировать компанию, выделять ее среди конкурентов
  • Информировать и разъяснять, иллюстрировать смысловую часть
  • Стимулировать продажи
  • Категории задач, для решения которых требуется графический дизайн:
  • Фирменный стиль. Дизайн  логотиповтоварных знаков ,   фирменной одеждывыставочных стендов , представительских материалов ( визитокбланковбизнес - сувениров )
  • Веб-дизайн
  • Типографика, шрифты и каллиграфия. В том числе – дизайн  буклетовброшюркаталогов , книг, журналов
  • Визуальные коммуникации. Дизайн пиктограмм и навигационных систем
  • Визуальный стиль телевизионных программ, видеороликов, анимации
  • Реклама. В том числе дизайн элементов   наружной рекламыплакатовлистовок , флаеров
  • Визуальные решения для упаковки продукции
Тренды графического дизайна в 2017 году Дизайн  — это всегда совокупность двух частей: визуальной составляющей и функционального решения задачи. Есть хорошее с точки зрения поставленной задачи дизайн-решение, но не красивое, а есть красивый, но бесполезный дизайн. Обычно качественный продукт скрывается где-то на стыке красоты и функционала. Чтобы дизайн был качественным, стоить следить за тем, как решают поставленные перед ними задачи другие дизайнеры.

Тренды графического дизайна в 2017 году

  • Дизайн  — это всегда совокупность двух частей: визуальной составляющей и функционального решения задачи. Есть хорошее с точки зрения поставленной задачи дизайн-решение, но не красивое, а есть красивый, но бесполезный дизайн. Обычно качественный продукт скрывается где-то на стыке красоты и функционала. Чтобы дизайн был качественным, стоить следить за тем, как решают поставленные перед ними задачи другие дизайнеры.
Вкратце о тенденциях зимы 2017 года. В сети популярны разные подборки трендов графического дизайна, почти все они в той или иной мере справедливы Плоский дизайн Минимализм Лайн-арт Шрифтовая графика Негативное пространство Винтаж Мини-микро интерактив Приглушенные цветовые палитры Нестандартная сетка

Вкратце о тенденциях зимы 2017 года. В сети популярны разные подборки трендов графического дизайна, почти все они в той или иной мере справедливы

  • Плоский дизайн
  • Минимализм
  • Лайн-арт
  • Шрифтовая графика
  • Негативное пространство
  • Винтаж
  • Мини-микро интерактив
  • Приглушенные цветовые палитры
  • Нестандартная сетка


Скачать

Рекомендуем курсы ПК и ППК для учителей

Вебинар для учителей

Свидетельство об участии БЕСПЛАТНО!