Advertisement
  1. Design & Illustration
  2. Graphic Design
Design

50 совершенно бесплатных уроков по теории графического дизайна

by
Length:LongLanguages:

Russian (Pусский) translation by Lexie Bykova (you can also view the original English article)

Хотя многие из нас могут создать то, что будет хорошо выглядеть в Photoshop или привлекательно в CSS, действительно ли мы разбираемся в теории дизайна, когда творим? Теория - это то недостающее звено для многих непрофессионально обученных, но при этом чрезвычайно одаренных дизайнеров. Мы предлагаем 50 отличных уроков по теории дизайна, которые помогут вам разобраться во всех "почему", а не только "как".

Примечание: эта статья была обновлена, и все недействующие ссылки были удалены.

    Типографика

  • 2. Пять простых шагов к лучшей типографике

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

    Перейти к уроку

  • 3. Советы по типографике для студентов графического дизайна

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

    Перейти к уроку

  • 4. Терминология по гарнитуре

    "Подробная коллекция терминов и определений, относящихся к типографике"

    Перейти к уроку

  • 5. Как выбирать шрифт-компаньон?

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

    Перейти к уроку

  • 6. Узнаем о шрифтах

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

    Перейти к уроку

  • 7. Гид по типографике для веба

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

    Перейти к уроку

  • 8. Как выбрать шрифт

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

    Перейти к уроку

  • 9. Кто засек засечку?

    "Вы увидите, что даже небольшое знание терминологии поможет вам иметь большее уважение к шрифтам; оно также поможет вам определять разные типы гарнитуры и шрифтов. А это, в свою очередь, поможет вам выбирать шрифты со знанием дела".

    Перейти к уроку

  • 10. Освойте типографику для веба: 8 детальных советов по веб-типографике

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

    Перейти к уроку

Верстка дизайна по сетке

  • 11. Дизайн по сетке

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

    Перейти к уроку

  • 12. Колонки и сетки

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

    Перейти к уроку

  • 15. Раскладки, основанные на сетке

    "Сетка - это техника, взятая из печатного дизайна, но она легко применяется и в вебдизайне. В самой строгой форме сетка - это буквально сетка из X и Y пикселей".

    Перейти к уроку

  • 16. Пять простых шагов к созданию сеток

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

    Перейти к уроку

  • 17. Сетки: порядок из хаоса

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

    Перейти к уроку

  • 18. Основы дизайна по сетке

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

    Перейти к уроку

  • 19. Дизайн по сетке: 6 методов креативных колонок

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

    Перейти к уроку

Теория цвета

  • 1. Теория цвета

    "Теория цвета объемлет массу определений, концепций и применений в дизайне. Если собрать всю информацию, она заполнит несколько энциклопедий. В качестве введения мы поделимся базовыми концепциями".

    Перейти к уроку

  • 22. Обзор теории цвета

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

    Перейти к уроку

  • 24. Базовые цветовые схемы - введение в теорию цвета

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

    Перейти к уроку

  • 25. Профессионал цветового круга - теория цвета в действии

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

    Перейти к уроку

  • 26. Психология цвета

    "Зачастую цвета имеют разное значение в разных культурах. Даже в западных странах значения, придаваемые тому или иному цвету, менялись на протяжении веков. На сегодняшний день исследователи США обнаружили, что существуют следующие ассоциации".

    Перейти к уроку

  • 27. Как цвет влияет на настроение, чувства и поведение

    "Восприятие цвета - субьективная вещь, однако некоторые цвета оказывают универсальное влияние".

    Перейти к уроку

  • 28. Психология цвета в применении к графическому дизайну

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

    Перейти к уроку

  • 29. Как на нас влияет цвет?

    "Цвет - это свет. А свет - это энергия. Ученые обнаружили, что когда человеку показывают определенные цвета, есть ощутимые психологические изменения". Цвет может стимулировать, возбуждать, угнетать, успокаивать, повышать аппетит и заставлять человека чувствовать тепло или прохладу".

    Перейти к уроку

  • 30. Психология цвета в маркетинге

    "Цвет не только подчеркивает вид предмета, но и влияет на наше поведение. Когда вы поймете, как цвет влияет на вашу целевую аудиторию, вы сможете извлечь из этого выгоду."

    Перейти к уроку

Теория дизайна

  • 31. Принципы дизайна

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

    Перейти к уроку

  • 32. Основы графического дизайна

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

    Перейти к уроку

  • 34. Хотите обучиться дизайну? Усвойте основы.

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

    Перейти к уроку

  • 38. Основы графики 1. Нокаут.

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

    Перейти к уроку

  • 39. История графического дизайна и его аудитории

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

    Перейти к уроку

  • 40. Поиск этики в графическом дизайне

    "Я думаю, этот текст дополнит существующую публикацию AIGA по этике, в которой есть разделы о нашей ответственности в нашей профессии и перед нашими клиентами"

    Перейти к уроку

UI и юзабилити

  • 41. Кнопки призыва к действию

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

    Перейти к уроку

  • 42. Гид по информационной архитектуре для совершенного новичка

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

    Перейти к уроку

  • 43. Несколько уроков юзабилити из реальной жизни

    "В течение дня мы взаимодействуем с таким количеством объектов, что даже не замечаем того, что кто-то на самом деле остановился и задумался о том, как мы взаимодействуем с этими объектами".

    Перейти к уроку

  • 44. 12 полезных методов для хорошего дизайна пользовательского интерфейса

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

    Перейти к уроку

  • 45. 10 полезных методов улучшить ваши дизайны с пользовательским интерфейсом

    "Веб-дизайн по большей части состоит из дизайна интерфейса. Существует много методов создания красивого и функционального интерфейса".

    Перейти к уроку

  • 48. UX-евангелизация во всей организации

    "В этом издании "Ask UXmatters" мы обсуждаем, как поделиться и распространить суть UX  на всех уровнях организации. Наши эксперты поделятся, какие стратегии и тактики распространения UX они нашли наиболее эффективными".

    Перейти к уроку

  • 49. Как использовать юзабилити для разных возрастных групп

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

    Перейти к уроку

  • 50. Повышение юзабилити с помощью обратной связи с пользователями

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

    Перейти к уроку

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.