Работа с композицией в веб-дизайне. Основные принципы применения сетки.

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ค. 2018
  • Положи начало профессии мечты с курсом ⇒ bit.ly/iamdesskillbox
    В этом мастер-классе дизайнер Сергей Гуров расскажет про правила и методы композиции и сеток, что такое ритм, форма и контраст. Вы узнаете, в чем реальная цель композиции в рамках коммерческого дизайна, и как ее грамотно использовать. Также поговорим о том, что такое силовые линии, масса, напряжение и сетка. Вы поработаете с напряжением и рифмами, а также посмотрите реальные примеры работ.
    #skillbox #дизайн #композиция

ความคิดเห็น • 93

  • @emyagkikh
    @emyagkikh 6 ปีที่แล้ว +148

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

    • @VtShabanoff
      @VtShabanoff 4 ปีที่แล้ว

      абсолютно совершенно верно

  • @Zennix1
    @Zennix1 6 ปีที่แล้ว +37

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

  • @ds12ification
    @ds12ification 2 ปีที่แล้ว +13

    Таймкоды
    4:35 начало вводного слова
    9:55 базовые термины (форма контраст ритм)
    10:40 форма (форма внешняя и форма взаимодействия)
    13:45 контраст (масштаб иерархия)
    14:45 ритм (объединять направлять выделять)
    17:50 зачем нужна композиция (управлять вниманием, восприятием настроением атмосфера темп скорость плотность)
    20:00 цепочка внимания
    21:45 линия, силовые линии (привлекает внимание)
    25:25 горизонтальные вертикальные диагональные, примеры
    27:35 сайт это несущийся на скорости баннер
    36:00 вектор (направляет внимание)
    47:30 баланс
    50:53 Напряжение (любопытство побуждение к действию)
    53:08 открытая и закрытая композиции
    1:00:20 рифма
    1:10:44 что такое сетка (простые двойные диагональные)
    1:14:07 свободное (негативное) пространство
    1:17:38 пример разработки концепта
    1:31:26 сетка, четные нечетные числа колонок (нужно ли подчеркивать по центру или по краю)
    1:40:00 ответы на вопросы

  • @user-jq8ns6kk9v
    @user-jq8ns6kk9v 5 ปีที่แล้ว +87

    2:23 видео о skillbox
    3:38 продолжение саморекламы
    4:35 слово передано спикеру

    • @MeantoMadness
      @MeantoMadness 5 ปีที่แล้ว +12

      Дай бог вам здоровья

    • @abykyshbaev
      @abykyshbaev 4 ปีที่แล้ว +1

      Спасибо)

  • @user-yr2tf4wp6f
    @user-yr2tf4wp6f 5 ปีที่แล้ว +9

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

  • @zloy0cracken
    @zloy0cracken 6 ปีที่แล้ว +56

    Лучший выпуск скиллбокс

  • @tianta_
    @tianta_ 5 ปีที่แล้ว +14

    Это круто неимоверно! Информация ценнейшая, спасибо Сергей! Спасибо скилбокс за труд!!! Нужны срочно реквизиты для донатов за такой контент

  • @basedsuntzu1163
    @basedsuntzu1163 5 ปีที่แล้ว +3

    Самое исчерпывающее руководство по теме из всех. Хвала и низкий поклон Сергею Гурову :)

  • @lamborgean
    @lamborgean 5 ปีที่แล้ว +3

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

  • @user-yh9cj4tg9f
    @user-yh9cj4tg9f 3 ปีที่แล้ว

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

  • @trifanastasia
    @trifanastasia 5 ปีที่แล้ว +5

    Очень классная подборка. Я бы даже сказала не только полезный контент, но и вдохновляющий!

  • @konstantinavramchenko
    @konstantinavramchenko 5 ปีที่แล้ว +4

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

  • @victoriamilko783
    @victoriamilko783 2 ปีที่แล้ว +1

    Одна из лучших лецкий по композиции, спасибо огромное!

  • @receptoris7316
    @receptoris7316 3 ปีที่แล้ว

    Спасибо Гуров, вы открыли мне целый мир...

  • @guggygigov7466
    @guggygigov7466 4 ปีที่แล้ว

    Спасибо ОГРОМНЕЙШЕЕ! Два часа видео смотрел несколько дней. 40 фото, страница текста!

  • @nilafedneva2625
    @nilafedneva2625 3 ปีที่แล้ว

    Объяснения и примеры очень доступны и наглядны. Если вслушиваться в каждое слово Сергея то открываешь для себя массу нового.

  • @googlechel
    @googlechel 5 ปีที่แล้ว +27

    Супер материал, спасибо Сергей)
    PS
    главное -
    направлять
    внимание
    56:50

  • @ruby6216
    @ruby6216 5 ปีที่แล้ว +1

    просто шикарнейшее сочнейшее видео. спасибо спикеру. огнище. 3 раза пересмотрела, и буду еще много раз пересматривать.

  • @mikbrazh
    @mikbrazh 4 ปีที่แล้ว

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

  • @yanalintu2692
    @yanalintu2692 4 ปีที่แล้ว

    Самый полезный русскоязычный видос о сетках. Спасибо!

  • @user-zi5ix7rs9s
    @user-zi5ix7rs9s 4 ปีที่แล้ว

    Живой спикер, с живой презентацией про живой дизайн! Очень круто! Спасибо!

  • @user-qs6ug2vx6k
    @user-qs6ug2vx6k 5 ปีที่แล้ว

    лучшее, что я смотрел на этом канале.

  • @luneko1771
    @luneko1771 3 ปีที่แล้ว

    полезный урок, то, что я искала! безумно благодарна!!!🙂👍

  • @ilovelifeqqq
    @ilovelifeqqq 2 ปีที่แล้ว

    Спасибо спикеру, емко и лаконично )

  • @artemasoap
    @artemasoap 5 ปีที่แล้ว

    Оч крутая лекция. Спасибо автор!

  • @user-dy8ys8ky6z
    @user-dy8ys8ky6z 5 ปีที่แล้ว

    Уровень полезности этого видео зашкаливает

  • @museadvertsdmitryharper4902
    @museadvertsdmitryharper4902 5 ปีที่แล้ว +8

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

  • @user-tx5fm6uf3p
    @user-tx5fm6uf3p 2 ปีที่แล้ว

    спасибо. реально крутая лекция, с точными примерами и хорошим разъяснением.

  • @user-ym4yl6nw3y
    @user-ym4yl6nw3y 3 ปีที่แล้ว +1

    Сергей прелестный. Спасибо большое! Было очень приятно и интересно слушать. Начал с азов и пришел к реализации на практике - так всегда понятнее. Круто! Было несколько обидно видеть, как засыпал интервьюер, конечно... Это такое себе... А Сергею и Скиллбокс еще раз спасибо.

  • @mariiakyselova
    @mariiakyselova 4 ปีที่แล้ว

    Шикарно! Благодарю!

  • @lim
    @lim 6 ปีที่แล้ว +6

    Этот дяденька действительно шарит

  • @konstantinvolkov2629
    @konstantinvolkov2629 3 ปีที่แล้ว

    Отличный спикер, спасибо

  • @andreyubeyvolk397
    @andreyubeyvolk397 5 ปีที่แล้ว +1

    Блин с 1:30 вот самый сок. Вот прям настоящий конкретный прием который берешь и используешь. Такой типа авторский подход.

  • @LANDADU
    @LANDADU ปีที่แล้ว

    Оч круто! Спасибо за спикера

  • @mayahedgehog2326
    @mayahedgehog2326 4 ปีที่แล้ว

    полезный материал, спасибо

  • @ustadine2489
    @ustadine2489 4 ปีที่แล้ว

    Не часто оцениваю видео, но СПАСИБО, хорошая лекция!

  • @user-wi4tn1yd6z
    @user-wi4tn1yd6z 4 ปีที่แล้ว

    Спасибо! Супер! за Anton Pikhorovych Отдельное!!!

  • @sashasky561
    @sashasky561 4 ปีที่แล้ว

    это было невероятно

  • @user-uy7tn3pn8b
    @user-uy7tn3pn8b 4 ปีที่แล้ว

    Не многое поняла, но Сергей понравился 🥰

  • @NoseNose65
    @NoseNose65 5 ปีที่แล้ว

    Очень интересная и полезная лекция! Рекомендую всем! втч опытным дизам!

  • @ehhoya
    @ehhoya 5 ปีที่แล้ว

    Гениально!

  • @SpykeoO
    @SpykeoO 6 ปีที่แล้ว +8

    Спасибо за полезный видос, всё по полочкам, с примерами. А исходника нет?

  • @seymoncrash
    @seymoncrash 3 ปีที่แล้ว +3

    Как обычно все свелось к субъективности и магических пассах, чтобы обьяснить свой концептуальный дизайн. Вот тут у меня логика в моих работах, а тут у кого-то логики нету. Когда он показывает свои макеты продуктовые, я вижу лютый UX кринж, да это канает для полотна и полиграфии, где у юзера много времени, чтобы рассматривать детали и знакомится по долгу с мыслями автора (и то уже не так все), но камон если я, как и многие, захожу на сайт, где какой-то лютый перегруз деталями, где какие-то недорисованные линии, необоснованные смещения и прочие концептуально сложные решения, я сразу ухожу, т.к мозг ломается вместе с юзабилити. Автор начал за здравие, закончил за вкусовщину с уклоном в искусство. Это все весело, до тех пор пока не заглянешь в аналитику и не прочекаешь конверсию 😁

  • @waysearcher
    @waysearcher 6 ปีที่แล้ว +6

    Очень полезно. Спасибо. А есть ли у него еще лекции?

  • @user-fz9sl9jt3n
    @user-fz9sl9jt3n 3 ปีที่แล้ว

    Все по делу!

  • @andreyevanton
    @andreyevanton 3 ปีที่แล้ว

    Согласен, выпуск - супер!
    Но не согласен с теми, кто говорит, что этот ролик первый. До сих пор пересматриваю ролик по типографике с Инессой Шило - вообще огонь.

  • @alexfry1107
    @alexfry1107 3 ปีที่แล้ว +1

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

  • @user-tm9yi7ne6o
    @user-tm9yi7ne6o 5 ปีที่แล้ว

    Хороший випуск, ТОПчик. Не помешала б легкая бодрая музика на заднем фоне.

  • @farkhodsayd
    @farkhodsayd 6 ปีที่แล้ว +6

    Хочется чтобы это лекция не закончился!

  • @user-tn9vb9nw4o
    @user-tn9vb9nw4o 4 ปีที่แล้ว

    Скиньте пожалуйста ссылочку на презентацию Сергея Гурова про которую он говорит вначале видео. Спасибо)

  • @landingsru9433
    @landingsru9433 4 ปีที่แล้ว

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

  • @artemasoap
    @artemasoap 5 ปีที่แล้ว

    раскрыл все секреты, теперь переделываю диплом после этого выпуска

  • @alexandergoodman7
    @alexandergoodman7 5 ปีที่แล้ว +20

    Мне хотелось прибить того, кто стучит на фоне. Вы в гараже снимали?)

    • @user-ug3iw2cv4z
      @user-ug3iw2cv4z 4 ปีที่แล้ว +6

      На бесплатной версии помимо оратора присутствует стучальщик))

  • @JordanPesex
    @JordanPesex 2 ปีที่แล้ว

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

  • @valyavalio
    @valyavalio 5 ปีที่แล้ว +9

    Кто эти люди, которые поставили дислайк???

  • @johnkonan501
    @johnkonan501 3 ปีที่แล้ว

    1:10:35 - Что такое сетка?

  • @user-xx8rb6fq5r
    @user-xx8rb6fq5r 4 ปีที่แล้ว

    😮

  • @OlhaRybalka
    @OlhaRybalka 3 ปีที่แล้ว +1

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

  • @valeriyalozko4764
    @valeriyalozko4764 3 ปีที่แล้ว

    напишите авторов крутых сайтов , которые вы показывали))плиииииз)))

  • @andreyklimkin6774
    @andreyklimkin6774 5 ปีที่แล้ว +2

    кто-то пытался ворваться на мастер-класс оффлайн)

  • @user-jf8by7th5d
    @user-jf8by7th5d 3 ปีที่แล้ว +1

    1

  • @Anzhela.Koshevarova
    @Anzhela.Koshevarova 3 ปีที่แล้ว

    Скорость плотность тема восприятия

  • @basitkhantashmukhamedov2199
    @basitkhantashmukhamedov2199 4 ปีที่แล้ว

    А где ссылка на биханс?

  • @user-ek1cd8pu8d
    @user-ek1cd8pu8d 4 ปีที่แล้ว

    Исходник бы прикрепили

    • @user-sx9iz2ne6o
      @user-sx9iz2ne6o 4 ปีที่แล้ว

      @@skillboxdesign презентация сергея плз

  • @o.kiryukhin
    @o.kiryukhin 2 ปีที่แล้ว

    смотрел на скорости x1.25

  • @Uhero_figs
    @Uhero_figs 3 ปีที่แล้ว +1

    Интересная инфа! Но Сергей как то монотонно рассказывает. Хочется спать, после 30 мин вебинара. Впрочем вижу что ведущему тоже))

  • @user-dd2xo7oj6r
    @user-dd2xo7oj6r 6 ปีที่แล้ว +2

    Это не журнал Труд, это афиша выступления группы Труд)

  • @argamakovo58
    @argamakovo58 4 ปีที่แล้ว

    Какой на Навальный человек разносторонний. И дизайне разбирается, и ютубом занимается. Сразу видно что очень умный

  • @sloboda9
    @sloboda9 5 ปีที่แล้ว +2

    Термин [рифма] - лишний, т.к. он, по сути своей, дублирует термин [ритм].

    • @seymoncrash
      @seymoncrash 3 ปีที่แล้ว

      Да там вообще многое субъективно и нелогично.

  • @vladimirzhadov2838
    @vladimirzhadov2838 3 ปีที่แล้ว

    SEO просто будет рыдать

  • @jenyakarakay4167
    @jenyakarakay4167 3 ปีที่แล้ว

    Как вы уговорили Навального принять участие в видео?;)

  • @K1llThemA11
    @K1llThemA11 5 ปีที่แล้ว

    а
    аа
    аааа - спикера страшно злили весь просмотр.
    А контент годный

  • @MrCloobok
    @MrCloobok 5 ปีที่แล้ว

    Человек должен погружаться в урок, а не смотреть на спикера !

  • @donbotdonbot2522
    @donbotdonbot2522 3 ปีที่แล้ว +1

    Сергей молодец, а skill box надоел со своей рекламой......и все(большинство) лекции, что есть минимум 50% состоит из воды + продажа или информации что можно найти в первой статье + реклама........буквально зря потраченное время в 99% всех лекций

  • @dna4306
    @dna4306 6 ปีที่แล้ว +24

    не знал что Навальный ещё и дизайнер

    • @alexandergoodman7
      @alexandergoodman7 5 ปีที่แล้ว +1

      Ещё есть Кларк Кент)) th-cam.com/video/auvPcUhtZ1w/w-d-xo.html

  • @maximvoltov
    @maximvoltov 4 ปีที่แล้ว +9

    Лол, Навальный

  • @olharubtsova3529
    @olharubtsova3529 ปีที่แล้ว

    Ребятя, найдите тренинги для своих спикеров, чтоб воду отжали и не а-кали через каждое слово/фразу. Его же больно слушать, а ещё и какой-то ремонт на фоне постукивает

  • @aleqandr6249
    @aleqandr6249 5 ปีที่แล้ว +4

    Вроде и полезно, но скучно и нудно. Спикер много запинается, "Э-кает", по-долгу ищет подходящее слово, видно, что лекция не подготовлена, материал не прописан и не проговорен, отчего восприятие затрудняется и информация не задерживается.

    • @hitpau
      @hitpau 5 ปีที่แล้ว +1

      Aleqandr значит у тебя полизвилины в мозгу, если восприятие затрудняется...
      а лекция - отличная !

    • @aleqandr6249
      @aleqandr6249 5 ปีที่แล้ว +3

      @@hitpau значит у тебя полизвилины в мозгу, если считаешь, что лекция отличная...