Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

1055 ratings | 82239 views


Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

Полезно? Подпишись на канал: Создание интернет-магазина от А до Я: Создание новостного сайта от А до Я: Фриланс для начинающих: Файлы урока и результат: Мастер веб дизайна 1: Сегодня мы научисмя создавать современный и привлекательный дизайн сайта на реальном примере. Создавать дизайн сайта будем в программе Adobe Photoshop. Группа Вконтакте: Реклама на канале:

Comments to the video: Мастер веб-дизайна #1. Создание дизайна сайта "Металлопрокат"

Grim 7 months ago
Отличное видео, будто и все. Спасибо. Но появилось пару касательно верстки, а конкретно: 1) будто сохранить изображение терминатора в шапке, чтоб оно было таким же полупрозрачным (беря во внимание что там прямоугольник снизу, терминатор, полупрозрачный прямоугольник сверху)? Или в СС фотошопе при генерации набора изображений он все сделает сам, и нужно лишь дать имя слою с терминатором? 2) кнопка чуток более красноватая понизу, это можно будет в css задать , либо проще сохранить и при верстке вставлять её будто картину ? Заранее благодарю :)
Михаил Шатрыкин 8 months ago
Не нехорошо) У меня кушать замечание по поводу группировки слоёв: Сначала мы рисуем блоки, а позже уже группируем пласты будто вам необходимо) Потому что основывать поначалу папочки под items а позже в их уже класть пласты - это подольше и труднее. К тому же можно запутаться) Сделали блок, выделили элементы, нажали ctrl+g и вот вам группа)
Владуся 9 months ago
Сетку можно скачать в вебе?
Блинов Алексей 10 months ago
Спасибо за уроки, весьма информативно. Некоторые создатели выкладывают уроки, где показано будто они изучают графический редактор либо усовершенствуют свои способности. (по другому их не назовешь) Здесь видать юноша в теме.
Vlad 10 months ago
Извините, а будто вы сетку отключаете?
WebDesign Master 10 months ago
Ctrl+H
Алексей Савинов 10 months ago
хороший денек. Хорошее видео. А будто Терминатора он уменьшил в начале? включил направляющие и позже както уменьшил. Подскажите нубу. Уже видосы перерыл на ютубе не могу отыскать будто это сделать. благодарю.
Алексей Савинов 10 months ago
благодарю!
WebDesign Master 10 months ago
Владислав Дидковский 1 year ago
Дружище, если для тебя не трудно не мог бы ты оценить мой дизайн ? Занимаюсь вертской, испарина 1-ый один пришлось дизайн мастерить. Если конечно, куда сбросить можно?)
WebDesign Master 1 year ago
В группу под последним постом в комменты. Если увижу что-то увлекательное - прокомментирую, может кто из ребят порекомендует что-то.
soul keeper 1 year ago
а ты вечно в фотошопе делаешь?может в мьюзе уроки еще сделать?
Alexander Romashenko 1 year ago
Спасибо большущее за уроки.
Шалом Jerusalem 1 year ago
благодарю все разобрался не то скачал хых
Vitaliy Kolomiets 1 year ago
у тебя макет привлекательнее, чем мои 1-ые работы ))
Руслан Павлов 1 year ago
Очень нравится глядеть твои уроки. Хорошо объясняешь, отменная дикция, глас. Правда я ещё лишь учусь, однако по твоим урокам всё выходит.
Maximilian Antipenko 1 year ago
По вашим урокам сделал вот таковой веб-сайт:
Сергей Александрович 3 months ago
Тупо передрал дизайн
Ekaterina Valueva 10 months ago
Очень круто! Вы не могли бы дать ссылку на информацию (видео, либо статью) по размерности. Т.е. какие размеры необходимо устанавливать для секций и веб-сайта в целом?
Кристина Плаксин 1 year ago
А откуда у вас в фотошопе Font awesome появился? Шрифт. Просто когда я вставляю - у меня заместо телефончика таковой порожний квадратик
Евгений Кляйн 1 year ago
Шрифт необходимо загрузить с веб-сайта. Нажимашь кнопку get started, позже download и начинает скачиваться архив. В архиве, в папке fonts кушать шрифт font-awesome.
WebDesign Master 1 year ago
Нужно ввести FontAwesome.ttf из пакета FontAwesome.
Xwal Xwal 1 year ago
Ответьте изволь, все текста в секции нам можно верить вам предоставил клиент либо вы их писали стопроцентно сами? Спасибо!
Anti Kate 1 year ago
В чем может быть промах? 1-ый айтом изготовлен до границы будто в уроке, а далее не пошлось
Oleg Shkarpeta 1 year ago
Спасибо за задание!
Художник Настоящий 2 years ago
Круто! Побольше бы уроков конкретно по созданию дизайна. Рождение идеи, рисунок, подбор изображений и их обработка, подбор цветов, шрифты, правильное размещение частей на страничке и т.д. Очень не хватает конкретно такового обучающего материала. Еще были бы неплохи уроки по созданию дизайна html писем)
Victor KD 2 years ago
Интересно было бы поглядеть, будто вы подготавливаете начальные материалы для сотворения дизайна: выбираете цвета, подбираете иконки, шрифты, изображения.
Василий Сенин 2 years ago
Где иконки такие скачать?
Сергей Краснолуцкий 2 years ago
Подскажите, кака сверстать блок Наша продукция ?
Блог фрилансера. Веб-дизайн. 2 years ago
Очень даже отлично вышло)) молорик
studio-fs 2 years ago
Спасибо Вам за то, что Вы делаете. Очень интересует одинешенек проблема, изволь, подскажите. Правда он малость не в тему. Как на вёрстке сделать этак, чтоб при клике страничка разъезжалась и отображался сокрытый блок div? Случай весьма похож на тот, какой у Вас тут в примере
TheSweetLife 2 years ago
grid_boot будто трудиться ???
988Dema 2 years ago
Спасибо огромное за Ваш труд по несению в массы искусства web дизайна и верстки! С наслаждением смотрю и вкушаю сладкую и полезную информацию. Считаю, что было бы не излишним выкладывать задание по созданию дизайна с следующей его вёрсткой. Думаю что многие моменты были бы понятнее в плане задумки всяких плюшек-фишек на шаге дизайна и реализации оных в вёрстке. Не все универсалы - кто-то дизайнер, кто-то верстальщик, однако всем не лишь здорово, однако и нужно осознавать полный процесс разработки. Это благопожелание, а сейчас проблема - будто пишете звук, какой аксессуар пользуете? Хочу для себя таковой поэтому, будто звук на высшем уровне!
Русские Богатыри 2 years ago
Жаль, что дудки архива
Русские Богатыри 2 years ago
Спасибо вашим курсам, я когда-то начал интенсивно глядеть уроки по верстке.И Вы меня заинтриговали и вбили мне собственный IT интерес. Спустя 1,5 года активного каждодневного обучения, я получаю порядка 100 000 рублей в луна и мои доходы оживленно вырастают.
WebDesign Master 2 years ago
+Русские Богатыри Хорошая мысль, благодарю :)
Русские Богатыри 2 years ago
Спасибо. А то находил этих терминаторов в вебе). Если вы сделаете уроки по фотошопу, уверен, что эта рубрика будет очень пользующейся популярностью. У вас дарование объяснять правильно мысли и разжевывать до мелочей
WebDesign Master 2 years ago
Поправил!
Dmitry Andreevich 2 years ago
У создателя неплохой вкус, а у меня дудки вкуса( что мне мастерить ?)))
CeHTuJI 2 years ago
Все большие проекты употребляют только стандартные шрифты и дизайн у их полностью гармоничен.
Рустем Гараев 3 years ago
Спасибо! Урок супер!
Dizert 3 years ago
Подскажите изволь заглавие плагина, с которого брали цвета (томейто)
Доспехи Блоггера 3 years ago
Добрый денек! Самый доступно обьясняемый канал. Очень нравится что Вы в процессе работы сталкиваясь с какими-то трудностями вслух отыскиваете решение трудности. Подскажите, а будет ли задание по вёрстке этого макета? Хотелось бы поглядеть будто при нажатии на фотографию она будет увеличеваться, а нательный рад с фото сьезжать книзу. Огромное благодарю за уроки! Успехов!!!!
WebDesign Master 3 years ago
+Доспехи Блоггера dospehi.blogera@gmail.com Здравствуйте. Спасибо. Не задумывался покамест о верстке этого макета для уроков.
Aibyn Abylkassym 3 years ago
25:00
alex Ti 3 years ago
фига это будто в конце звук он таким был вначале??? оО. чем редактировали на что писали, что этак.очень отменно вышло?
WebDesign Master 3 years ago
+Alexander Titakov Вас не сделает труднее перефразировать проблема?
Стас Нескажу 3 years ago
ТЫ ВОДОЛЕЙ!!! Тратишь немало времени на пустую болтавню!
Kirill Kuts 2 years ago
Да хорошо ? Мне будто , все более чем информативно! Редко когда буржуйский платный курс похвастается большей насыщеностью инфы!
WebDesign Master 3 years ago
+Стас Нескажу Нет, я БЛИЗНЕЦ.
Meirbek Nysanbekov 3 years ago
.от всей души желаю посодействовать нашим ребятам, сбросить информационный барьер в русскоговорящих странах - За это огромное благодарю!
Timofey Sub 3 years ago
Здрасте, что то не могу осознать отчего в фотошопе текст квадратиками указывает хоть в 10 пт хоть 20 пт dpi 300 разреш 1200 на 1600, сглаживание не помогает(толком не оказывает влияние),буду признателен за ответ.
WebDesign Master 3 years ago
+тимофей субычев Приложите скрин, чтоб было понятней?
Михаил Стецюк 3 years ago
весьма нужный материал, благодарю!
Alexander 3 years ago
Много слышал о том что рекомендуется использовать системные (пользующиеся популярностью) шрифты для того что бы убавить кол-во запросов и пора загрузки веб-сайта. Font Avsome можно поменять инлайновыми SVG, и опять минус одинешенек запрос на сервер. За задание благодарю.
just-a-ride 3 years ago
Спасибо за искусник-класс. Подскажите изволь, во 2-ой секции, при клике на фотку  — раздвигающееся место с подробным описанием. Какую библиотеку для такового поведения используете? Или сами на js поведение задаете?
Bogdan2096 3 years ago
Скажите изволь какая у вас операционная система. Очень прекрасно смотрится
WebDesign Master 3 years ago
На тот момент была Elementary OS
Артем Живокоренцев 3 years ago
Спасибо за задание! А верстка по этому макету будет в джедай-верстке?
BFM74 3 years ago
Как верстать научились? Я полагаю вы самоучка? Сколько необходимо времени что бы верстать всё что нарисуешь уверенно?
Ronaldo vieira 3 years ago
PSD в HTML5 исходной загрузки?
Безымянный аноним 3 years ago
Спасибо за задание! Подскажите, при разработке многостраничного веб-сайта каждую страничку основывать на в собственном файле psd либо в 1 файле мастерить все сходу?
WebDesign Master 3 years ago
Смотря какой трудности веб-сайт. Обычно я открываю порожний макет с разлиновкой сетки и дублирую в него общие для всех страничек элементы - шапку, подвал и остальные из уже готового.
Виктор Попов 3 years ago
Когда уроки будут по верстка и натяжке на WP  многостаночного веб-сайта?
Web Design 3 years ago
Так профессионально все изготовлено, а подписчиков не достаточно, меня это даже бесит. Я не знаю подобных каналов. Все блогеры обыкновенно молвят А, а Б и другие буковкы за определенную плату. А здесь А и Б и этак до Я. И все для нас. Все доступно и понятно. Спасибо огромное за ваше пора! Очень вам признателен!
Дмитрий 4 months ago
Психанул, пошёл в разнос, твои видосы глядят все по сей денек.
Михаил 3 years ago
Спасибо огромное!
Никита Андрианов 3 years ago
я этак понимаю это како-то дистрибутивчик линукса, будто фш юзаешь?
Никита Андрианов 3 years ago
благодарю
WebDesign Master 3 years ago
+Никита Андрианов XP+CS6
Никита Андрианов 3 years ago
+WebDesign Master на какой винде и какая гипотиза фш?
WebDesign Master 3 years ago
Elementary OS. Через VBox юзаю.
Igrotouch 3 years ago
Сколько же полезного контента на канале. Жду новых курсов по Web дизайну.