Все о Fluent Design. Видео-Урок о Современном Веб-Дизайне
ฝัง
- เผยแพร่เมื่อ 22 ก.ย. 2024
- Хотите узнать, что такое Fluent Design? Что же такое современный дизайн? Flat (флэт), material (материал), apple approach. Коротко о главном в веб-дизайне. СКАЧАЙТЕ БЕСПЛАТНО секретное psd-руководство из видео: wayup.in/lm/lo...
Подпишитесь на мой канал: www.youtube.co...
---------------
Посмотрите другие выпуски "Дизайн-Кладовки":
8 Самых Крутых Фишек В Веб-Дизайне Photoshop - • 8 Самых Крутых Фишек В...
Как Общаться С Клиентом На Фрилансе. Откровенно! - • Как Общаться С Клиенто...
[Все О Flexbox CSS] Полный Урок: Верстка На FLEX - • [Все О Flexbox CSS] По...
---------------
Приятного просмотра!
Андрей, очень полезные видео и материалы делаешь. Спасибо. Реально очень заморачиваешся. Для меня как для относительного новичка очень ценны твои PSDхи- можно посмотреть как, что технически делается 👍
После этого видео наконец-то понял, что такое material design. О fluent тоже познавательно, спасибо!
Один из трех самых информативных и полезных канала на тему web-design.
Андрей, спасибо большое за Ваши видео!
Вы вдохновляете меня и заряжаете позитивом!
Жду Ваших видео и дальше!!!
Спасибо, Андрюх за то , что ты делаешь, всегда приятно смотреть и легко воспринимается информация.
Отличная рубрика, она мне очень нравится, все время подхватываю или закрепляю что-то новенькое из неё, просто и от души. Как обычно лайк ;)
Один из немногих! Так держать!
Это не просто размытие! Это глассморфизм)))
Шикарный ролик. Спасибо, очень доходчиво.
Большое спасибо ! Очень полезный ролик и материалы пригодились !
это лучшее видео в мире!!..
Привет, сними пожалуйста видео про виды дизайна вроде флэт,минимал и прочих. И хотелось бы что бы +- с углублением от позиционки до градуса тени, я конечно понимаю что это все субъективно, но есть определенные правила в каждом из видов. И тебе контент (уникальный т.к. в СНГ нет такого) и нам приятно...
узнал о Fluent дизайне
сделал свою windows 10 в стиле fluent
(абалдеть :0)
Очень классный ролик! Большое спасибо за псд'шник!
Все очень по делу. Отлично. Подписываюсь!
Очень интересно и полезно для веб-дизайнера
За отступы
отдельное спасибо :)
Андрей, ты молодец! Спасибо)
Спасибо, Вам, за такие видео.
Здравствуйте, первоначально вы мне не понравились. Но был приятно удивлён такому заботливому подходу к своим зрителям, а также интересным видением работы дизайнера (с которым я почти всегда согласен)) Прошу только быть менее навязчивым с письмами, за сутки с момента регистрации (20 часов) их пришло уже 6 штук. Буду рад вашим новым выпускам!
То чувство, когда ты до сих пор делаешь сайты с дизайном 2010-12-ых годов. Какие там Fluent :D
Спасибо большое за видео. Ставлю +
Супер! Спасибо за инфу и файл =)
яркость глаз нужно прокачать до уровня "просветленный" ;)
Попробуй добавить еще свет на заднюю стенку, будет картинка еще красивее.
Отлично вообще.
Добра)
Спасибо тебе Андрей
спасибо интересно и познавательно
Андрей, все отлично. Но про майкрософт ты зря, не забывай что майкрософт это не только виндоус, а еще море различных корпоративных решений. Которые используются широко в it инфраструктурах любой организации.
Непонятно как сделать размытие из шага 6. В документе просто залита уже сделанная версия (кусочек размытого фона) где нельзя посмотреть никаких характеристик или параметров наложения((
Спасибо!
Спасибо!))
Ок, нарисовать в макете - легко. Но как потом это верстать? Тени и отступы вне вопроса, конечно, но как сделать размытие, геометрические фигуры и все остальное? Нужно отдельное видео по верстке дизайнов в этом стиле.
+ c учетом привязки к моб и десктоп версии - тут автор умалчивает - покажи заказчику и он кишки выймет
Александр Герасимов а кто говорит о верстке? Это урок по веб-дизайну. По началу, подобные новые дизайн-решения верстаются картинками. Потом - приходят новые css-свойства для самых интересных эффектов. Это закономерность)
Документации на официальном сайте и новой версии SDK мало тебе? Про размытие, свет и анимации всё расписано подробно, а такое разнообразие фигур использовать в приложениях никто не собирается. Больше ничего не нужно.
Для размытия уже вполне можно использовать свойство backdrop-filter (пока работает только на движках Webkit) и filter blur для остальных современных браузеров:
webkit.org/blog/3632/introducing-backdrop-filters/
www.w3schools.com/CSSref/css3_pr_filter.asp
Если есть желание, можете посмотреть как это можно реализовать, скачав верстку из этого репозитория (например, на странице index.html): github.com/positivecrash/sm-logic
Для геометрических фигур - svg, к примеру
Конечно, web-дизайн не может существовать отдельно от понимания как это будет верстаться, от понимания технологических возможностей, иначе получается бесполезный дизайн в вакууме для портфолио на Behance, не более
Эм... Это как бы дизайн для сайтов... А что ты им потом сделаешь когда верстальщик скажет "А Internet Explorer поддерживает размытие картинок только с 10 версии" или "Если у человека в браузере будет отключен JavaScript, то увидит он лишь черные квадраты и круги"(поверь мне, у 10% пользователей отключен JS),что ты на это скажешь?))Внимательно ожидаю ответа!)
Андрей , подскажите какой ноутбук у вас(конкретно в видео ASUS) ?
Андрей, Вы мне скажите, стоит ли начинать обучатся веб дизайну у вас на платных уроках? (я в этом сейчас практически полный ноль), сейчас же этих вебдизайнеров полно, но почему то чувствую что я в этом направлении смогу зарабатывать , перспективно ли это?
Такой вопрос, допустим делаем шапку, в ней очень в тему например трансформеры, надоли указывать где-то кому пренадлежит тот или иной торговый знак
Андрей,через сколько лет веб-дизайн будет ждать судьба копирайтеров и юристов(переизбыток)??
И сколько лет веб-дизайн будет актуален как хорошая профессия?
Думаю, этого не произойдет. Уже произошло бы. Времени было вагон)
Люди непостоянны в своих желаниях, поэтому дизайнеры приходят и уходят.
Переизбыток всё же, видимо, есть. Поэтому и уходят, что заказов мало, а жить на что-то нужно. Бегло просмотрев множество online-школ, подсчитаем:
- возьмём штук десять школ, которые обучили за пять лет человек по 500 = 5000 человек
- из них реально будет заниматься процентов 30, 5000 * 30% = 1500 человек.
- каждому из них в месяц нужно иметь, ну хотя бы, тысяч по 50 рублей. Если исключить совсем дешёвые проекты на Fl и взять цену 3-10 тысяч за дизайн одной странички. Итого - по 5 - 10 сайтов на одного.
- таким образом, 1500 человек, 5-10 штук на каждого - примерно 12 тысяч сайтов в месяц.
- добавим несколько тысяч копеечных любителей-самоучек фрилансеров, которые будут клепать за копейки пока не надоест. Ну, предположим, они тоже хотят заработать, но им нужно выполнить гораздо больше заказов. Даже для тех же 1500 человек, которые хотят заработать, ну хотя бы, тысяч 30 и выполняя работу за 1000. Считаем - 1500 * 30 = 45000 сайтов!
В общем, тысяч 60 (!) сайтов в месяц , чтобы все были довольны.
Ну ладно, хватит жути. Допустим, вы стали супер-профи. А супердизайнер должен зарабатывать примерно сотку. И одна страничку будет стоить тысяч 15-20. Ну те же 5 сайтов в месяц. А вокруг эти дешёвые самоучки....
Короче, на мой взгляд, одним дизайном не обойдёшься. Без полного front-end'а никуда...
Совершенно верно. Вообще во всех этих областях переизбыток. Просто для полного front-end'а требуется больше знаний и навыков (т.е., дизайн + всё остальное). Соответственно часть людей отфильтровывается. Хотя народу и в этой области действительно жуть как много...
как раз наоборот, дизайнер это основная профессия будущего, так как практически все автоматизируется, то же программирование будет автоматическим, никаких фронт/бэк эндеров не будет. графические редакторы интерфейсов сразу будут переводить в код, это уже практически случилось.
Покрас же говорит - бросай дизайн) А вообще, если ты умеешь делать свои крутые проекты в дизайне, хотя бы парочку в месяц, не обязательно делать постоянно коммерческие проекты и думать только о заработке, иначе будешь станочником, таким же как многие миллионы дизайнеров. А видео полезное
хорошее видео
Йоу, в Safari 9.1.2 не работает форма скачки файла. :(
*В виндовс семь размытие есть менюшек при настройке интерфейса. Или ты не застал такую ОС?*
он говорит что появилось в Виндовс Виста. Дизайн Аэро.
Не припомню момента, когда Microsoft была отстающей компанией. Почему такая ненависть и неуважение к Microsoft?
Может нашёл неправильную инфу? Или ты просто не помнишь. Позже он наоборот говорит, что благодоря этой компании изменился веб-дизайн и многое другое хорошого.
Автор напоминает мне Юэна Макгрегора)
Андрей, в описании приложен не тот файл, там прикреплена ссылка на архив со шрифтами
Уже исправили:)
Скевоморфизм*
А почему ты не рассказал про metro interface
Anton Noginov он устарел и не вошел в моду так прочно.
Тем не менее Fluent design является развитием концепций modern ui, а никак не material design. И на документе с основными концепциями flat дизайна modern ui должен стоять над всеми тремя ветками, сразу после flat design.
Stanislav Kychanov что, где и у кого должно стоять относится к созданию очередной догмы, что само по своей сути противоречит понятию дизайна. Глаз радует, удобно работать юзеру... И это главное! Пробуйте, сочетайте не сочетаемое, так родиться новое
Вы Metro называете Flat :) а дизайн руководства по матириал дизайн от гугл вообще был адаптирован с руководства по дизайну WP7. Эппл копировала дизайн с сайта Микрософт (как ранее заимствовала шрифты). Так что… весь дизайн принадлежит Микрософт.
Привет!Андрей,а интересно, если совместить эти три дизайна,что нибудь получится?
Собственно, на этом и строятся интересные идеи)
Не уверен, но вполне быть может
Мне интересно какие ' умные ' люди ставят дизлайки ?
Кто контролирует пряность, тот контролирует весь мир!
Удали бандикам) это как сони вегас для монтажа видео
юзай OBS лучше, намного больше возможностей и реально можно настроить качество скринкастов
как взять свой 1ый заказ на фрилансе?
что нужно делать?
Смотря что умеешь.
верстать
для начала нужно открыть браузер, дальше нужно открыть гугл, в гугле пишем такие строки "В пень free-lance.ru! / Хабрахабр", заходишь. Там будет перечень фриланс бирж, выбираешь какая тебе больше понравилась, кликаеш на нее и ищешь свой профиль, ну а дальше смотришь чего хотят заказчики и вот ты фрилансер. Поздравляю
только прикол в том что без опыта ты никому не нужен .
Так может тогда стоит набраться опыта, прежде чем заказ брать? сделать пару выдуманных работ для портфолио)))
Я только не пойму при чем тут это? В веб-Дизайне всегда все было возможным, за исключением возможностей самих языков HTML и CSS. При чем тут "Стало возможным"? Это всегда было возможным и ограничивалось только фантазией дизайнера. Та фигня про что ты говоришь я делал еще лет 5-6 назад. Не было возможно в языках? фотошоп на что?
Лайфак , включайте видео в x2 скорости
Микромягкие поступили очень грамотно, заняв пустующую, но при этом очевидную нишу. Материал мне никогда не правился, ибо цветастость выглядит как комната в детском саду.
В смысле в Windows Vista размытые выглядело очень плохо? Ты ей сам вообще пользовался. Дизайнер блин
Вода... да еще предлагает скачать "бесплатно СЕКРЕТНОЕ руководство"... ну и вода...
ладно подпишусь, только не маши так руками как навальный
ахах
Ахах Майкрософт убогий. Я смотрю ты сделал что-то лучшее чем Майкрософт
Какая гадость! Больше воздуха - это полная фигня.
Спасибо!