74 лучших ресурса о веб-дизайне. Дизайн веб журнал

особенности и где этому учат

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

Дизайн электронных и веб-изданий хоть и основываются на оффлайновых версиях, но имеют ряд особенностей. И теперь, это не просто старая истина, а целое направление, которому учат в ВУЗах нашей страны. Удивительно, не правда ли?

Потребность человека в получении информации стала не просто исполняться. Она подчиняется особым законам: сведения должны излагаться коротко, источник обязан удерживать внимание читателя. И это далеко не все.

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

Три особенности электронных СМИ

Вот три основных компонента, которыми обладают электронные СМИ. Они убеждают в важности обучения этому непростому делу.

• Логичная структура, которая отражается визуально.

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

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

• Адаптивность.

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

• Интерактивность.

Читателю нужно обеспечить возможность управлять контентом. Разбить на категории информацию, дать возможность грамотного поиска, направлять его на схожие публикации. Если речь идет о телевидении, то вы максимум что можете переключить канал, то есть полностью отказаться от него.

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

Кроме умений эстетически все выставить нужно использовать логику и технические навыки.

Веб-дизайн возможен без знания языков программирования, но все равно лучше, когда специалист их понимает и умеет пользоваться. А это еще три элемента: html, управляющий содержанием; CSS, помогающий с оформлением и JavaScript, отвечающий за поведение. Многие дизайнеры занимаются еще и версткой. А если не занимаются, то хотя бы умеют с ней работать.

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

Я прекрасно понимаю и очень рад, что такая специальность уже появилась в ВУЗах. Однако давайте задумаемся, кто будет обучать студентов? Не думаю, что все популярные и модные дизайнеры побросают сейчас все дела и отправятся сначала в педагогический, а затем ломанутся преподавать. Нет, в МГУ быть может они и отправятся, но Россия большая, а МГУ на всю страну один.

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

Схожие черты веб-изданий и других СМИ

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

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

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

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

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

• Цветовые схемы.

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

• Типографика или умение визуально оформить текст.

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

• Декоративные элементы.

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

Кстати, даже подписи к картинкам мы позаимствовали из журналистики старого образца.

Куда пойти учиться

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

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

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

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

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

start-luck.ru

74 лучших ресурса о веб-дизайне

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

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

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

Что читать, смотреть и слушать о веб-дизайне

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

Для вашего удобства мы свели все ресурсы в таблицы, разбитые по категориям.

Сайты и блоги

Alistapart.comИздание о дизайне и разработке.

AwwwardsПодборка лучших работ агентств и веб-студий со всего мира.

BehanceКаталог портфолио дизайнеров.

COLOURloversГотовые палитры и примеры сочетания цветов.

CreativeLiveОбучающая платформа с курсами для дизайнеров.

CSS WinnerПодборка лучших сайтов.

DeadsignПеревод статей о дизайне и диджитал с английского.

Design ShackИздание о веб-дизайне: статьи, вдохновление, галереи.

Developer.apple.com/designГайдлайны Apple для дизайнеров.

Digest MBLTdevДайджет статей для разработчиков.

DribbbleСообщество и портфолио хороших дизайнеров.

Getpocket команды CreativePeopleКоманда CreativePeople сохраняет интересные материалы и делится ими.

Graphiclovedesign.tumblr.comЛучшие образцы графического дизайна.

Great Apps TimelineРетроспектива дизайна самых популярных приложений.

Growth SupplyПодборка бесплатных ресурсов для дизайнера.

Jvetrau.comДайджет об интефейсах Юры Ветрова.

Infogra.ruПодборки кейсов, полезных инструментов и фильмов для дизайнеров.

InvisionО том, как добиваться эффективности в проектах, когда требуется коллаборация разных специалистов.

Land-bookПодборка лучших лэндингов.

MarvelСтатьи о дизайне.

Material.ioРесурс Google для дизайнеров: теория, источники и инструменты для создания диджитал-продуктов.

MediascunkБлог Михаила Калашникова о медиа и технологиях.

MuzliБлог о дизайне.

Nathan CurtisБлог Натана Кёртиса, основателя UX компании EightShapes.

Osasto.tumblr.comЛучшие образцы графического дизайна.

Product HuntВитрина новых IT продуктов.

Re:VisionПортфолио дизайнеров. Много хороших работ от дизайнеров из стран СНГ.

SiteInspireКаталог лучших образцов веб-дизайна.

Sketchapp.meСтатьи о том, как эффективно использовать Sketch.

Tilda EducationБиблиотека знаний о веб-дизайне и интернет-маркетинге.

Vc.ruИздание о о стартапах, растущих бизнесах, новых моделях заработка, неординарных героях со всего мира и технологиях роста.

UnderconsiderationБлог о дизайне.

Waitbutwhy.comПопулярные иллюстрированные лонгриды практически обо всем на свете.

Zeldman.comНовости веб-дизайна.

Блог о дизайне и интерфейсахБлог Максима Шайхалова, проектировщика интерфейсов.

Дизайн-кабакКоллективный блог дизайнеров.

Журнал Type.todayЖурнал проекта Ильи Рудермана и Юрия Остроменцкого.

Журнал «Шрифт»Онлайн-издание о шрифте и типографике.

Ководство Артемия ЛебедеваЗаметки о дизайне, истории важных изобретений, интерфейсах, семиотике и т. д.

Рейтинг РунетаКонкурс сайтов российского интернета.

Сайт Людвига БыстроновскогоСайт дизайнера и арт-директора: ссылки на публикации и анонсы выступлений.

Советы. Дизайн-бюро Артема ГорбуноваСоветы о дизайне, верстке, редактировании текста и переговорах с клиентами.

ХабрхабрКрупнейшее российское IT-сообщество.

Рассылки

Speckyboy Design MagazineРассылка статей для дизайнеров— о создании интерфейсов, об инструментах, о маркетинге и работе с клиентами. Рекомендует Роман Квартальнов.

ГлавредРассылка о том, как писать полезный текст в информационном стиле. Рекомендует: Максим Смирнов и Дарья Прокуда.

Дизайн-мышлениеЕженедельная рассылка-дайджест от проектировщика интерфейсов Лёши Ревы. Рекомендует: Ольга Павлова.

Дизайнерский дайджестПлатная рассылка-дайджест о графическом дизайне от создателя Awdee. Рекомендует: Ольга Павлова.

Интерфейсы без шелухиЕженедельная рассылка-дайджест Антона Жиянова. Рекомендует: Ольга Павлова.

Дизайн-сообщества

CreativeRussiaСообщество в Slack про дизайн.

Design Thinking Russian GroupРоссийское сообщество о дизайн-мышлении в фейсбуке.

Russian Prototyping ClubГруппа в фейсбуке, где дизайнеры со всей России и делятся полезными ссылками и опытом.

UX clubГруппа UX-специалистов в фейсбуке.

UX&UI IntensiveОткрытая группа, посвященная интенсиву по UX/UI в Британке. Материалы, статьи, курсы и вакансии для дизайнеров.

UX НоунеймоваяОбзоры, дайджесты, трансляции по тематике UX-дизайна.

Заметки UX-проектировщикаПолезные статьи, видео, наблюдения по теме дизайна интерфейсов.

Сообщество дизайн-менеджеров в фейсбукеГруппа в фейсбуке, выросла из курса «Дизайн-менеджмент» в Британской Высшей Школе Дизайна.

Подкасты и видео

Casey NeistatКанал Кейси Нейстата, очень популярной личности на YouTube, создателя фильмов, влоггера и сооснователя компании социальных медиа Beme.

Don’t Fear The InternetБесплатные видеолекции по азам HTML и CSS.

Google DevelopersКанал Google для разработчиков.

Inside IntercomПодкасты от команды Intercom, в которых эксперты-практики рассказывают о дизайне, стартапах и маркетинге.

Photoshop Tutorials by PHLEARNВидео-уроки фотошопа для дизайнеров, иллюстраторов и фотографов.

TechCrunchКанал крупнейшего издания о технологических новинках.

UX PodcastГрамотный подкаст на узкие темы в сфере UX.

Y CombinatorКанал крупнейшего акселератора стартапов. Эксперты делятся историями становлений компаний.

ZephyrLabКанал студии ZephyrLab. Истории о дизайне и доклады с конференций — Dribbble, Дизайн-выходные, LeanKanban.

Академия ЯндексаДоклады от дизайнеров Яндекса.

Телеграм-каналы

Being Danil KrivoruchkoКанал Данилы Криворучко, дизайнера визуальных эффектов из Нью-Йорка.

Internet9000Канал Сергея Сурганова, арт-директора «Медузы».

Now How ChannelСсылки на сайты с хорошим дизайном со всего света.

R.G.B.Ссылки на дизайн тематику, обычно без пояснений.

TechSparksАннотированные ссылки на интересные, полезные и удивительные новости хайтека.

UX-notesЗаметки UX-проектировщика Антона Григорьева.

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

Источник: tilda.education

infogra.ru

Журнал web дизайна

* Промышленный дизайн* Графический дизайн* Дизайн упаковки* Стайлинг-дизайн* Web-дизайн* Фито-дизайн* Эргодизайн* Дизайн костюма* Проектирование интерьеров, мебели, художественный текстиль* Рекламный дизайн* Психо-дизайн

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

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

Это понятие наиболее универсальное. Под него можно подвести множество совершенно различных областей дизайн-индустрии. Предметом специалиста станет проектирование символов-знаков, логотипов, полиграфия, стайлинг (создание фирменного стиля для бренда) и, как подраздел, веб-дизайн. Не стоит думать, что это просто создание красивых картинок, это очень обширная область со своей, если хотите, философией, и даже не одной! Так, например, полиграфия и веб-дизайн на первый взгляд очень близки, но на деле, учитывая совершенно разную техническую реализацию продуктов, оказывается, что между ними целая пропасть!

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

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

Эта дисциплина как раз на стыке области маркетинга и рекламы и сферы графического дизайна. Дизайн в рекламе - открытки, листовки, буклеты, плакаты, растяжки. Творчество на заказ. В жестких рамках: тему и задачу диктует маркетолог, сроки - клиент. А ты - весь из себя такой креативный-креативный - должен создать гениальный изобразительный ряд! Чтобы выделиться, привлечь внимание и продать товар. На самом деле, интересная специальность, востребованная и популярная.Эко-дизайн

Эко-дизайн это экологический дизайн жилища человека (квартиры, дома , дачи, офиса и т.д.) Современный дом должен быть красивым и удобным, а еще иметь душу.

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

Ландшафтный дизайн - особый вид деятельности, направленный на создание искусственной среды для жизнедеятельности человека путем активного использования природных компонентов (рельеф, вода, растительность и т. д.) Иначе говоря, работа с парками, садами, клумбами… В общем, "Растительная жизнь" во всей красе.

Фито-дизайн - работа с зеленым материалым. Нет, не с долларами :) Специалисты работают с зелеными растениями, которые помогают сделать помещение уютнее, скрыть недостатки и вцелом улучшить настроение работников. Ну что за дом без фиалок на подоконнике и где найти офис без пальмы в коридоре? Вот он - фито-дизайн :)

Аква-дизайн - оформление интерьеров c использованием маленьких фонтанов, водоёмчиков очень благоприятно влияет на психику людей, их здоровье и настроение. Вода обладает особенной притягательной силой.

Участок жилого пространства без декоративного водоёма (пруда, фонтана, ручья, водопада) обычно выглядит сухо и скучно. Фантазии при устройстве водоёма нет предела, поэтому окончательный облик таких композиций зависит от дизайнерских предложений, пожеланий заказчика и определяется проектом...

Эргодизайн - дизайн вещей с которыми удобно работать. Основной лозунг: "Все для человека!" Наука создавать вещи удобными, понятными и красивыми.

Ну и еще много других областей, например дизайн мебели или дизайн одежды. Я думаю, если захотите, вам уже будет не сложно и самим разобраться.

1webdesign.blogspot.ru

Смотрите также

• 
  Бронхиальная астма журнал
• 
  Сфера услуг журнал
• 
  Транспортная стратегия журнал
• 
  Биологический научный журнал
• 
  Журнал измерения давления
• 
  Ресурсы образования журнал
• 
  Журнал милитари крым
• 
  Фестиваль журнала seasons
• 
  Журнал gq обложки
• 
  Архивный журнал образец
• 
  Журнал для сухожара