Модульные Сетки В Веб-Дизайне. Photoshop & Bootstrap 6+

2145 ratings | 54068 views


Модульные Сетки В Веб-Дизайне. Photoshop & Bootstrap 6+

Как правильно веб-дизайнеру выбрать модульную сетку в Photoshop (и при верстке) для сайта? Использовать ли Bootstrap (Бутстрап)? Какие выбрать разрешения? 320, 480, 768, 992, 1170? СКАЧАТЬ БЕСПЛАТНО модульные сетки из видео: Ответы на все вопросы! Подпишитесь на мой канал: --------------- Посмотрите другие выпуски Дизайн-Кладовки : 8 Самых Крутых Фишек В Веб-Дизайне Photoshop - Как Общаться С Клиентом На Фрилансе. Откровенно! - Как Сверстать Сайт Адаптивно? HTML/CSS - --------------- Приятного просмотра!

Comments to the video: Модульные Сетки В Веб-Дизайне. Photoshop & Bootstrap 6+

Kratikus 39 2 months ago
ты круууут)
Макс ррр 2 months ago
Бляяяяяяяяя благодарю большущее, этак длительно не осознавал что такое эти модульные сетки. Огромный респект
Artur Konandoil 3 months ago
Спасибо за видео!!
Георгий Когитовски 4 months ago
благодарю все отлично, истина веб-сайт Bootstrap уже имеет иной дизайн и малость другие данные в Grid options
Cherry Blossom 4 months ago
Самое наилучшее видео про сетки! Большое благодарю!
Nikolay Petrov 5 months ago
День хороший. а меж колонок промежуток для всех сеток однообразный? 15 пикселей?
Сергей Кондулуков 5 months ago
Я попросту очарован таковой подачей материала. И хотя Бутстрап уже устарел, на данный момент кушать таковой сервис будто figma всё равно задание мне весьма приглянулся. Особенно про точки слома. С меня лайк и подписка.
Happy Ppeppi 5 months ago
Андрей, я не сообразила сетка на 1170 в с отступами 1230 выходит, она не по бустрапу выходит? И для мобильных на 320 тоже не бутстрап?
iAmed73 6 months ago
Зачем мастерить британский ударение в российском языке? тем более не верный.. хм
Roman Barov 6 months ago
скажите пж можно ли соединить все эти модульный сетки в отдельных псд в одинешенек файл псд чтобы были их артборды, этак удобнее трудиться а то)
Neo 6 months ago
Все это естественно отлично. Но для чего устанавливать музыку при разговоре? Люди же в первую очередность желают услышать информацию, а не музыку. Логика у тебя кушать вообщем? Вообщем порожний трёп. Так что получай перст книзу!
Алёна Г. 6 months ago
Большое благодарю! было немало вопросов, этак будто лишь начинаю собственный линия в интернет-дизайне, однако все стало еще понятнее))
Евгений s 7 months ago
Спасибо! Поставил два лайка!
Кровопуск Ян 7 months ago
Видео норм, однако для чего музыка? Вы на лекции педагога тоже врубаете музыку? Зачем излишний поток инфы?
DarkMan 7 months ago
Привет Андрей, УЖЕ 1700 ЛАЙКОВ, Ты увидел ? нам нравиться :))
roma ok 7 months ago
лайк. подписка.
Михаил Оклистый 7 months ago
Андрея знают многие издавна, это специалист и Человечище с большенный буковкы! Рекомендую всем своим знакомым!
Мои Увлечения 7 months ago
Здравствуй Андрей , скажи что за гипотиза фотошоп СС - она древняя , ведь у меня SC6 , однако для учёбы требуют от вас конкретно СС ?
Екатерина Козуб 7 months ago
Ну вот отчего, я точно этак всё и делала, будто видео, я конкретно ровняла по краям колонок, всё чётко, будто в аптеке, была уверена, что всё супер, а верстальщик-программер, меня замучил, произнес, что я будто то не этак пользуюсь сетью, что её функционал не завершается на выравнивании по колонкам, а кушать ещё целая пучина способностей, которыми я не пользуюсь, а нужно. Я до сих пор не могу осознать, что он имел ввиду и мне не отыскать уч видео.
Анастасия Глушкова 8 months ago
Клаасс, будто же все понятно)))
застрелить или застрелиться 8 months ago
У тебя extra small и small стопроцентно схожи
ThenX Forhumans 8 months ago
и животрепещущ ли на данный момент бутсрап? я слышал что он типо устаревает, типо уходит в небытие. Я начинающий. Только начал избирать фреймворки. Стоит ли его обучать? Типо Цсс Грид лучше чем бутстрап и далает заключительный уже не необходимым
Adelina Heart 8 months ago
на 13:12 минутке. НО ЕСЛИ СЛОВО не такое длинноватое либо не такое короткео что б ровно две колонки занимать???? что тогда.
WAYUP & Андрей Гаврилов 8 months ago
Пусть занимает столько, сколько требуется)
Руслан Ангел 8 months ago
Это чувак из Иванушек?
WAYUP & Андрей Гаврилов 8 months ago
Да, это я!
Виктория Сорокина 8 months ago
Андрей, благодарю огромное, за то что ты делаешь, неописуемо здорово! твои видео по теме интернет дизайна для меня самый топ со итого руинтернета!
Софья Ковалева 8 months ago
Отличное видео) Есть проблема: на данный момент этак выходит, что в основном у мобильных и планшетных устройств позволение больше (к примеру, у планшетов бывает позволение 2560 px в ширину), то кушать в данном случае наименьшее конструкция (по сопоставлению с ноутбуком) имеет огромное позволение, чем сам ноутбук (у меня, к примеру, позволение 1920 на 1080). В случае с планшетом либо мобильном конструкция, будто в таком случае отрисовывается сетка? Ведь физиологический размер мобильного устройства либо планшета меньше, а позволение больше, и эти разрешения уже не попадают в спектр меньше либо равно 768. Какая сетка в таком случае нужна и какого ширина рабочей области?
Volodymyr Repetiy 8 months ago
Уберу музыку, изволь. Очень отвлекает.
застрелить или застрелиться 9 months ago
Музыку потише
Denis Nagorniy 9 months ago
Добрый денек, Андрей! У тебя весьма крутые видео. Хотелось бы узреть какие сетки использовать в 2018 году, этак будто все употребляют уже bootstrap 4. Жду ответа)
sdatser 9 months ago
Привет Андрей. Думаю что будет не корректно начинающему осуждать профи, однако все же. В Твоем курсе Быстрый старт в одном из домашних заданий необходимо перерисовать твой макет. В шапке этого макета ты отходишь от правил которые показал в этом видео. П.С Написал не для того что бы добавить каки в комменты, попросту попалось на очи. А вообщем благодарю за твои видео и искусник-классы. Продолжай в том же духе. Ты неплохой преподаватель.
Oli She 10 months ago
А будто же тогда экраны Retina?
Riri MA 10 months ago
Андрей, с наслаждением учусь у тебя, благодарю за доступные уроки! У меня проблема: кушать ли похожие горизонтальные сетки? Дело в том, что при разработке лендингов я столкнулась с тем, что мне тяжело сглаживать элементы по горизонтали, когда это нужно, а это тоже весьма принципиально. Что посоветуешь?
Dmitry Goritsyn 10 months ago
Где же ты был ранее?) Столько средств слито на различные курсы, а ты этак доступно и задаром познания доносишь. Ты большенный молодчина, браво! И канал к тебя потрясающий!!
Пётр Филимонов 11 months ago
Очень мастерски, доходчиво, - будто детям в школе! Просто супер! Андрей, респект и уважуха!
Stas Morokov 11 months ago
Сразу видать- Человек умеет торговать! неясно лишь отчего начинать меж колонками непрофессионально?
Happy Ppeppi 11 months ago
Спасибо огромнейшее, красивое разъяснение, непомерная признательность!
Евгений Астахов 11 months ago
Спасибо, толково!
Doroshenko 11 months ago
Как расположить ровно 5 частей, если колонок 12 ?
Max Shanaev 9 months ago
Doroshenko брать сетку на 10 колонок
Anastasia Smith 11 months ago
зелёный поле потрясающий, для тебя респект
Алесандр Чиркин 1 year ago
Лично мое мировоззрение такое: Круто, что начал таковой формат. Круто, что провёл такую работу. Но потом «В общем, не заморачивайтесь» захотелось отписаться. Все-таки ты учишь в этом видео. И, судя по контенту, новичков. Им будто один и необходимо заморачиваться и разжевывать. Не делай этак больше) А вообщем, красавчик! Спасибо
Slow Pok 1 year ago
Класс!
Юлия Ломакина 1 year ago
Очень информативно! Большое благодарю :) Жду последующие выпуски. Надеюсь, их будет по способности немало)
Elijah Corwin 1 year ago
Спасибо, пять растолковал! Палец ввысь. То будто вы все верно и доступно рассказываете заслуживает не одинешенек лайк, а еще и подписку)
Никита Широбоков 1 year ago
Знаю, что видео снято год вспять, однако огромное благодарю за формат и доступное изложение.
Anna Naumova 1 year ago
Спасибо!
В гостях у схавать. 1 year ago
Круто
Admin A. 1 year ago
Андрей, будто обыкновенно - все по высокому классу! Доходчиво. Наглядно. Понятно. Спасибо неоднократно!
Crazy Kvitka 1 year ago
а можно музыку погромче? из за твоего голоса не разобрал резон музыки.
Yli Timoshenko 1 year ago
Видео весьма доступные и интерестные, однако мне будто что фоновую музыку необходимо сделать тише, отвлекает. Спасибо1
Vasily Argos 1 year ago
Спасибо для тебя огромное за всё. Подписался. Смотрю. Искренне лайкаю! Всяческих фурроров, Андрей!
Николай Лебедев 1 year ago
Держи 960 лайк. Лайк по сетке ))
Александр Чеботарев 1 year ago
Когда скачал эти сетки,то не могу перетаскивать рисунки.Почему этак?
Mamin Dolbaeb 1 year ago
Довольно странноватый у меня будет комент,однако я попробую. Заинтересовался интернет-дизайном,решил приступить учиться,однако.в вебе столько итого и я даже не знаю,с чего приступить.Буду рад хоть какой помощи.Готово стажироваться безвозмездно в мена на ваш эксперимент.
m&a fan 1 year ago
Спасибо вам огромное!
sasha sasha 1 year ago
Андрей, благодарю за видео! на ютьюбе не этак попросту отыскать понятное разъяснение этой темы конкретно для дизайнеров, а не верстальщиков) у меня таковой проблема: если веб-сайт содержит порядка 15-20 страничек - макет каждой из их необходимо адаптировать для различных экранов? выходит, число макетов возрастает в среднем в три раза?
LLIO?!_OI79ITЬ?! 1 year ago
смартгрид сетка на флекс боксах НАМНОГО КРУЧЕ, чем бутстрап!!!
Дарья Афонина 1 year ago
благодарю, полезное видео! вечно колебалась насчет жесткой привязки к сетке и переживала :))) однако сейчас сомнения развеяны! ура!)
Елена Викторовна 1 year ago
Просто превосходный канал! Спасибо за ясно изложенный материал и позитивную энергию. Успехов Вам!
Ярослав Каппушев 1 year ago
Благодарю Андрей))
Lana Ge 1 year ago
Не выходит скачать сетки((( Кнопка не работает((
Даша Кругляк 1 year ago
Cntrl+H ?На сколько я знаю и у меня этак Cntrl+;
Dmitry Galanov 1 year ago
по CTRL+ - это сетка, а направляющие CTRL+H
Lazar Play 1 year ago
Дикция создателя попросту кайф
Юрий Журавлев 11 months ago
Дикция в порядке, однако вот с фоновой музыкой попросту БЕДА!!! Убрать ее совершенно нужно, а то мозг взрывается не понимая, что внимать - музыку либо выговор?
Ваня Петров 1 year ago
а вот эта херь подпишитесь и возьмите сетки это ваще жопа с длинноватым минусом, чтобы позже меня задалбывали купи конечно купи
Ваня Петров 1 year ago
Длинное лирическое вступление это минус, готовые файлы сеток это плюс, нужно гласить очень коротко и точно по сущности без лирики
Галина Саква 1 year ago
Класно)) все больше убеждаюсь, что конкретно у вас мне обучаться на курсе стоит! Благодарю за полезную, четкую информацию!
Kirill Segal 1 year ago
Самое доступное и понятное видео о модульных сетках. Спасибо!
Olga Klieschova 1 year ago
потрясающее видео, я уже практически 2 года в этой сфере, однако освежить познания приятно! благодарю! единственное, что не весьма понравилось, что иногда музыка заглушала глас
Alexandra Sukhova 1 year ago
Все здорово и по делу!
TheViPRO 1 year ago
проблема: для онлайн журналов, какую лучше использовать сетку?
WAYUP & Андрей Гаврилов 1 year ago
Журналы различные бывают, потому здесь трудно что-то рекомендовать. Желательно ту, что поширше )
Мирон К 1 year ago
Супер!
Denis 1 year ago
Спасибо за инфу. и сетки
WAYUP & Андрей Гаврилов 1 year ago
На здоровье!
Toha Dale 1 year ago
а горизонтальные сетки? и всеобщий размер колонок можно ввести иной?
WAYUP & Андрей Гаврилов 1 year ago
Размер колонок - в теории конечно, можно, однако обыкновенно большая часть работает под стандартные размеры Bootstrap. А горизонтальные сетки я не использую, полагаюсь на видение попросту)
Owkez Wog 1 year ago
Так и не растолковал что будет если оставлять доля контента вне колонки. Говоришь, что будто-бы будет неувязка и на этом пояснения завершаются. Стоило показать образец с кодом на страничке.
Andreas Andreas 10 months ago
Спасибо. Очень не плохое видео. Ждём продолжения с привязкой к вёрстке; я этак и не сообразил отчего невозможно начинать с промежутка (с основы белоснежной колонки). Это неувязка для верстки либо нарушение правил неплохого тона?
WAYUP & Андрей Гаврилов 1 year ago
Owkez Wog трудно разъяснить этот момент, не объясняя верстку. Можно произнести, эта тема заслуживает отдельного видео.
Князь Мира 1 year ago
Спасибо за видео! Ты излучаешь хорошее расположение ) А ширина отступов и колонок является эталоном у всех модульных сеток? либо можно какую угодно для себя сетку придумать?
WAYUP & Андрей Гаврилов 1 year ago
Ион Крянгович благодарю :) На самом деле, сетка - это воображение дизайнера. Для огромных уникальных проектов она будто правило делается персонально-уникальной. А вот для большинства проектов приняты за эталон сетки фреймворка Бутстрап. Поэтому, они встречаются почаще итого)
Sophia Paschenko 1 year ago
Спасибо за видео)) для меня остался непонятным одинешенек проблема. Вы даете образец сетки для гаджетов наименее 768px одну - 480px. Каким образом будет отображаться в 320 то же самое, что и в 768? (по факту мы там две версии 320 можем пристроить).
Olga Coşkun 1 year ago
в конце концов то! я отыскала ответы на мои вопросы в этом видео! Парень благодарю!!!
Влад Пашковский 1 year ago
респект и почтение. хороший контент!
Наташа Навроцкая 1 year ago
Блин, благодарю!!! Как вот ранее не отыскала, тупила две недели! СПАСИБО!!!
Сергей Рекун 1 year ago
Спасибо! Нужная инфа!
Aim Vortex 1 year ago
Андрей, благодарю огромное за обычное и понятное объяснение :) Все вопросы, которые меня тревожили, Вы раскрыли и легкодоступным языком растолковали. Продолжу учиться совместно с Вами, ещё один благодарю :)
Иваницкая Наталья 1 year ago
Все пять, однако музыку тише делайте, плиз.
WAYUP & Андрей Гаврилов 1 year ago
Уже сделали в последующих выпусках) В этом уже не поправить, как досадно бы это не звучало. Спасибо!
Tommy cCult. 1 year ago
Тоесть макет может кончаться за.. Эммм. Синей колонкой? :D
WAYUP & Андрей Гаврилов 1 year ago
не совершенно сообразил проблема :)
Сергей Леухин 1 year ago
Здравствуйте.все пять..лишь не сообразил адаптивный дизайн---какую сетку хватать?
WAYUP & Андрей Гаврилов 1 year ago
Сергей Леухин Вы берете все сетки и проектируете состояние страничек под каждую из их)
Елена Павлова 1 year ago
Спасибо, хороший задание. Всё понятно, всё по делу. :)
Cingiz Eyvazov 1 year ago
Dobriy Den Andrey. Kak podklyuchit zagrujennie setki v Photoshop? Zaranee blagodaryu!
Cingiz Eyvazov 1 year ago
Spasibo ogromnoe :) Rad chto nashel vash kanal. Day Boq vam udachi v delax!
WAYUP & Андрей Гаврилов 1 year ago
Привет! Вы попросту открываете мои файлики и нажимаете CTRL+H в Photoshop)
alla volkikoshka 1 year ago
Очень отлично объясняешь, приятно внимать) благодарю. и. на заметку: Слово вылазит в любом контексте не является литературным, глагол вылазить является просторечным аналогом глагола вылезать. Употреблять его не рекомендуется.
WAYUP & Андрей Гаврилов 1 year ago
Спасибо огромное :) Буду смотреть за речью, дельное замечание!
Ника Бурлакова 1 year ago
Огромное благодарю за видео! Очень-весьма посодействовало:)
WAYUP & Андрей Гаврилов 1 year ago
Благодарю и вас за просмотр)
Надежда Ковбасюк 1 year ago
Когда приближаешь гистограмму, сотые пиксели могут вылезать , либо напротив. Допустимо ли это для супер професиональнного макета.?
Надежда Ковбасюк 1 year ago
Спасибо! Исправила.
alla volkikoshka 1 year ago
не могу не поправить, простите. глаз разрезает не ВЫЛАЗИТЬ, а ВЫЛЕЗАТЬ Слово вылазит в любом контексте не является литературным, глагол вылазить является просторечным аналогом глагола вылезать. Употреблять его не рекомендуется.
WAYUP & Андрей Гаврилов 1 year ago
Нежелательно. Но допустимо)
Сергей WahaWaher 1 year ago
любопытно было бы узреть живой образец кастомизации бутстрап-сетки для верстки с нарисованного макета, в котором применена, этак произнести, необычная сетка. а этак за видео благодарю.
Сергей Хошимов 1 year ago
Пол ютуба перерыл ища подходящую инфу. А здесь за 14 минут все лаконически, понятно и на обычном языке. Да еще и сетка прилагается! Огромное благодарю! С меня лайк и подписка. Один момент, фоновую музыку чуток тише, время от времени приходилось внимать )))
WAYUP & Андрей Гаврилов 1 year ago
Спасибо огромное, приятно слышать :) В последующих выпусках уже сделали тише)
Виктор Коретный 1 year ago
Здравствуйте. Что та я не сообразил. Если мне необходимо макет сделать для сотового, планшета, и монитора это мне необходимо 3 макета мастерить? Я имею в виду макет сделать что бы он позже растягивался под различные размеры экрана.
Виктор Коретный 1 year ago
+WAYUP.IN Спасибо всё понятно. Что та я тупанул жёстко. Спасибо за уроки!
WAYUP & Андрей Гаврилов 1 year ago
Они все верстаются в одну страничку) Остальные 2 макета необходимы, скажем этак, будто ориентир того, будто обязан водить себя веб-сайт на мобильных. А по сущности, верстается лишь основная гипотиза веб-сайта.
Виктор Коретный 1 year ago
+WAYUP.IN Привет. А будто позже мне эти три макета сверстать в одинешенек готовый веб-сайт? А при вёрстки макета 1-го из трёх видов куда другие два девать необходимо?
WAYUP & Андрей Гаврилов 1 year ago
Привет! Верно, 3 состояния 1-го и того же макета)
Masha Petrova 1 year ago
не знаю будто нашлось ваше видео, однако это супер!!! Спасибо!)
WAYUP & Андрей Гаврилов 1 year ago
А вот лишь сейчас выпустили, а вы его отыскали) Это судьбина!
something more 1 year ago
Делай музыку тише, отвлекает очень
WAYUP & Андрей Гаврилов 1 year ago
Спасибо, в последующем выпуске мы уже поправили эту проблемку)
MrRAMZES1927 2 years ago
Спасибо, это видео отвечает на немало вопросов, которые тревожут новичков. Я сам пришёл к осознанию принципов модульной сетки методом перерывания кучи иногда неприемлимой инфы. Выпустил бы ты его ранее)) Успехов, не плохое дело делаешь, пускай женщина поправляется!
WAYUP & Андрей Гаврилов 2 years ago
Спасибо огромное :) Буду усердствовать веселить животрепещущей информацией дальше)
Kseniya Cheprasova 2 years ago
Спасибо, твои видео пять мотивируют и вдохновляют приступить не попросту внимать и учить, а что-то реально мастерить!!! Понятно, что у каждого опытнейшего интернет-дизайнера свои подходы и виденье, будто что лучше и удобнее, в особенности, наверное с модульными сетками, однако главное приступить с чего-то грамотного и нарабатывать собственный эксперимент.
WAYUP & Андрей Гаврилов 2 years ago
Благодарю! Спасибо за просмотр)
Ilia Komolov 2 years ago
А будто быть, если нужен веб-сайт 1050 пикселей, можно под этот размер сетку сделать и по ней размер сделать к примеру 60 колонка, 30 просвет?
WAYUP & Андрей Гаврилов 2 years ago
Проще брать сетку 924 пикселя и всё) Я же говорил об этом. Сетка на 924-960 пикселей может обслужить веб-сайт в 1050 пикселей, в 1049, в 1048. ну-ка вы сообразили :)
Kseniya Cheprasova 2 years ago
Мне запомнилось одно правило уже и не помню, где я его слышала либо прочитала - что модульная сетка для макета, а не макет для сетки. Особенно, если веб-сайт многоколоночный, от 4 и более колонок, то можно совсем мастерить свои колонки, главное гармоничность и читабельность, такое у меня сложилось осознание.
Karina Sotskaya 2 years ago
Спасибо, будем глядеть выпуски! Интересно ещё про типографику слушать)
WAYUP & Андрей Гаврилов 2 years ago
Спасибо! Договорились :)
Гэрри Ли 2 years ago
блин заместо того чтоб произнести девтулс раскрывается кнопкой f12, произнес в 100 один больше слов оправдывающих то отчего ты это не произнес.
WAYUP & Андрей Гаврилов 2 years ago
Спасибо за наблюдательность! Обязательно учтем в последующем выпуске)
Dmitriy Zhe 2 years ago
круто! побольше бы такового. кратко и по делу.Благодарю вас;)
WAYUP & Андрей Гаврилов 2 years ago
Будем усердствовать мастерить почаще)
Roma Romanov 2 years ago
Очень здорово и информативно, благодарю Вам Андрей!
Roma Romanov 2 years ago
этак и делаем)
WAYUP & Андрей Гаврилов 2 years ago
Спасибо за приятные слова) Следите за новыми видео!