Итоги года
Также, кроме срочного погашения ипотеки. Окончил курсы пикабу и уже второй месяц работаю по специальности. В свои 37 лет.
Также, кроме срочного погашения ипотеки. Окончил курсы пикабу и уже второй месяц работаю по специальности. В свои 37 лет.
Верховный Суд Российской Федерации опубликовал Определение по делу № 72-КГ23-1-К8 о возврате денежных средств за образовательные услуги гражданину, который отказался от договора в одностороннем порядке до окончания программы обучения:
https://vsrf.ru/stor_pdf.php?id=2275040
В возврате денег за онлайн курсы которые вы еще не проходили или не прошли до конца - забрезжил свет.
Верховный Суд Российской Федерации разрешил возвращать деньги покупателям онлайн-курсов, если покупатель передумал их проходить, даже в том случае если в договоре таких условий нет. Так сказано в определении коллегии по гражданским делам.
Суд рассмотрел жалобу жителя Читы, который за 250 тыс. рублей купил годовой онлайн-курс у компании "Лайк центр". По его словам, сотрудники компании обещали полностью вернуть деньги, если "обучение не приведет бизнес к результатам". Он прошел два блока "Скорость" и "Наставничество", но решил отказаться от дальнейшего обучения. Покупатель направил компании требование вернуть деньги и лишь тогда получил договор публичной оферты, согласно которому при отказе от курса возвращается 8% его стоимости.
Мужчина обратился в суд, но там согласились с условиями оферты и присудили ему 20 тыс. рублей, а апелляционная инстанция добавила еще 10 тыс. рублей в качестве потребительского штрафа.
Позднее Верховный суд РФ, рассмотрев жалобу истца, отменил решения апелляционной и кассационной инстанций. Суд напомнил, что недопустимые условия договора, ущемляющие права потребителя, ничтожны (п. 1 ст. 16 закона о защите прав потребителей), поэтому, несмотря на ограничение в публичной оферте возврата оплаты услуг, нижестоящим судам следовало определить ряд юридически значимых обстоятельств, а именно, какие услуги были оказаны истцу и в каком объеме, какие фактические расходы понес ответчик к моменту отказа истца от договора оказания образовательных услуг. "Отказ заказчика от исполнения договора может последовать как до начала оказания услуги, так и в процессе ее оказания. В случае отказа от исполнения договора в процессе оказания услуги заказчик возмещает исполнителю его фактические расходы, которые он понес до этого момента в целях исполнения той части договора, от которой заказчик отказался. Недопустимые условия договора, ущемляющие права потребителя, ничтожны", - сказано в определении. В итоге Верховный суд направил дело на пересмотр.
Ссылки на источники данной информации:
https://tass.ru/obschestvo/18742839
https://vsrf.ru/press_center/mass_media/32925
Вот они слева направо:
На очередной уходящей волне недовольства дизайном\ работой\ обновлениями нашего любимого сайта, хочется пожелать всего самого наилучшего простым трудягам, делающим с каждым днём наш любимый сайт немножечко лучше! Терпения, вдохновения, здоровья, удачи, счастья и любви вам, дорогие наши друзья!
С наилучшими пожеланиями для преподавателей (а заодно и сотрудников Пикабу) замечательной платформы https://study.pikabu.ru/
Как же всё-таки хорошо, что целый день меня преследует одна-единственная контекстная реклама на всех сайтах, на которые я ни загляну:
Ведь именно благодаря ей я смог увидеть лица всех этих замечательных людей...
И поздравить их от всего сердца в этот замечательный для всех нас вечер.
Ура!
Несмотря на капризы погоды, лето неумолимо приближается. Значит, занятия в спортивном зале или домашние тренировки получится заменить на активности под открытым небом. Собрали для вас товары, которые сделают уличные воркауты интереснее, увлекательнее и полезнее.
Мегамаркет дарит пикабушникам промокод килобайт. Он дает скидку 2 000 рублей на первую покупку от 4 000 рублей и действует до 31 мая. Полные правила здесь.
В компактную поясную сумку поместятся телефон, ключи, кошелек или другие нужные мелочи. Во время тренировки все это не гремит и не мешает, но всегда находится под рукой. Материал сумки прочный и влагонепроницаемый, вещи в ней защищены от повреждений, царапин или пота.
С фитнес-резинкой можно тренировать все группы мышц: руки, ноги, кор, ягодицы. А еще она облегчает подтягивания и помогает мягко растягиваться. В сети можно найти огромное количество роликов с упражнениями разной степени сложности. Нагрузка легко дозируется: новичкам подойдет резинка с сопротивлением до 23 кг, опытным атлетам — до 57 кг. При этом оборудование максимально компактно и поместится даже в небольшую сумку.
Для тех, кому надоели обычные тренировки. Слэклайн — это стропа шириной 50 мм, с помощью которой осваивают хождение по канату. Тренажер учит сохранять баланс, прокачивает координацию и концентрацию, а еще дает отличную нагрузку на спину, руки и ноги.
Настольный теннис — простой в освоении вид спорта, который отлично помогает размяться и тренирует скорость реакции. В комплект входят две ракетки, три мяча, сетка, накладка и чехол — все, что нужно, чтобы поиграть вечером во дворе с другом или устроить небольшие соревнования. Этот недорогой набор подойдет именно для развлечения и веселья, устанавливается почти на любой стол.
Еще один вид спорта, которым можно заниматься, даже не имея серьезной подготовки — бадминтон. С набором от Wish Steeltec вы сможете потренировать силу удара, побегать и просто хорошо провести время. Детали яркие, так что их трудно потерять даже на природе. Леска натянута прочно, ресурса ракеток должно хватить не на один сезон.
Фрисби воспринимается как простое пляжное развлечение. Тем не менее перекидывание друг другу тарелки задействует все группы мышц и развивает скорость реакции. Эта тарелка летит далеко и по понятной траектории — отличный снаряд для начала. Кстати, фрисби — это еще и ряд спортивных дисциплин со своими правилами и техническими сложностями, так что игра с друзьями может перерасти в серьезное увлечение.
Стильный мяч из износостойкой резины отлично подходит для уличных тренировок. Вы сможете поиграть компанией в баскетбол или стритбол или просто отработать броски. При производстве используется технология сбалансированного сцепления: это значит, что снаряд не сбежит от вас и будет двигаться по стабильной траектории.
Футбол — один из самых популярных в России видов спорта. Играя, можно отлично побегать, потренировать меткость и отработать взаимодействие в команде. Футбольный мяч Torres Striker выполнен из качественного полиуретана и резины и выдержит не один десяток матчей, не потеряв упругости. Отличная балансировка и оптимальный размер делают его подходящим как для взрослых, так и для подростков. Он достаточно тяжелый, почти как в профессиональном спорте, так что совсем малышам не понравится.
Пляжный или обычный волейбол? А может быть, пионербол, как в детском лагере? Мяч TORRES SIMPLE COLOR подойдет для любой из этих игр. Камера отлично держит давление, поэтому вам не придется постоянно подкачивать его, а качественные материалы (полиуретан и бутил) сохраняют все характеристики даже при интенсивном использовании.
Многоскоростной велосипед с рамой 19-го размера подойдет как мужчинам, так и женщинам. Это отличный вариант для новичков: модель доступная, удобная. Поможет понять, нравится ли вам велоспорт. Конструкция велосипеда позволяет ездить по дорогам разных типов, поэтому вы сможете перемещаться по городу или отправиться в поход. Есть складной механизм — велосипед с ним легко возить в машине, на электричке и просто хранить в кладовке.
Более продвинутая модель для тех, кто уже оценил прелесть движения на двух колесах. Геометрия велосипеда предполагает вертикальную посадку. Это обеспечивает более удобное положение тела, чем на других байках. В конструкции предусмотрены детали для комфорта и безопасности: пружинная вилка с ходом 100 мм, сервисная подводка тросов и дисковые гидравлические тормоза.
Если вы не фанат велоспорта, но хотите получить свою дозу физической нагрузки, перемещаясь по городу, выбирайте самокат. В модели PLANK Magic 200 есть регулировка руля по высоте, надежные тормоза и прочная увеличенная дека из алюминия. Когда вы катаетесь на самокате, работают мышцы ног, ягодиц, спины и живота, а заодно добираетесь, куда нужно. Если вы решите сделать паузу в тренировках, самокат легко складывается для хранения.
Любая активность на свежем воздухе требует хорошей обуви, специально сделанной для занятий спортом. Яркие кроссовки Hoka RINCON 3 с облегченным весом амортизируют, снижают нагрузку на суставы. Выраженный рельеф подошвы обеспечивает сцепление с поверхностью вне зависимости от того, где проходит тренировка: на специальной площадке, асфальте или грунте.
Легкие женские кроссовки из линейки Clifton подходят для занятий на твердых покрытиях. Дышащий сетчатый верх поддерживает вентиляцию стоп, чтобы можно было тренироваться даже в жару. Подошва из легкой пены EVA гасит силу ударов. Кроссовки беговые, подходят для тренировок на длинных дистанциях.
Во время занятий на свежем воздухе важно защитить голову от перегрева. С этим отлично справится легкая и светлая бейсболка — например, от GLHF. Она удобно сидит на голове, не сваливается и не отвлекает от занятий, благодаря сетке голова меньше потеет. Козырек жесткий и не мнется.
Не забудьте защитить кожу от солнца — чтобы не было мучительно больно на следующий день после тренировки под открытым небом. В этом поможет крем против пигментных пятен с сильной защитой от ультрафиолета SPF50. Водостойкая текстура легко наносится и быстро впитывается, действует два часа — потом крем нужно обновить.
Удобные и стильные солнцезащитные очки защищают глаза благодаря фильтру UV400, который поглощает до 99.99% ультрафиолета. Они выполнены из легких материалов и плотно прилегают к голове. Ударопрочные поликарбонатные линзы с антибликовым покрытием подходят для разных видов спорта.
Используйте промокод килобайт на Мегамаркете. Он дает скидку 2 000 рублей на первую покупку от 4 000 рублей и действует до 31 мая. Полные правила здесь.
Реклама ООО «МАРКЕТПЛЕЙС» (агрегатор) (ОГРН: 1167746803180, ИНН: 9701048328), юридический адрес: 105082, г. Москва, ул. Спартаковская площадь, д. 16/15, стр. 6
Привет, котятки
А мы продолжаем проходить курс веб-дизайна у Пикабу и рассказывать о том, как там все устроено, чему нас там учат и что нам с этим потом делать.
Итак, поехали?
Наконец-то дошли руки до самой абсурдной части рассказа о моих занятиях. Сейчас дальтоник будет рассказывать вам про цвета. А начнет он с теории. Совсем капельку, чтобы просто рассказать.
Так уж вышло, что существует цветовой круг. Самый понятный вариант этой штуки вот:
Есть первичные цвета: красный, желтый, синий. Собственно, построенная на этом круге схема так и называется: R(ed)Y(ellow)B(lue). Смешав первичные цвета, мы получим вторичные, а смешивая их дальше получим вакханалию. Пока все просто, так ведь?
Тогда идем дальше.
А дальше мы видим такие страшные слова, как субтрактивная цветовая модель и аддитивная. Звучит пугающе, но на деле все гораздо проще.
Субтрактивная - от английского subtract, то бишь “вычитать”. В этой модели мы получаем любой цвет, вычитая другие цвета из отражаемого света. Субтрактивная система работает с отраженным светом и применяется в реальной жизни, в той же полиграфии. В этой модели считается, какое количество света отразилось от поверхности, отсюда и название. Основные цвета этой модели: Cyan, Magenta, Yellow. Считается, что если взять все три основных цвета, то в результате выйдет черный. На практике же в полиграфии краски отражают не весь свет, и вместо черного выходит бурая грязь. А потому в полиграфии к трем основным цветам добавляется четвертый - Key, черный. В итоге мы получаем знакомую всем аббревиатуру CMYK. Да-да, только ради цмика я и завел теоретическую шарманку.
Аддитивная модель - от английского add - “добавлять” - построена на заполнении светом его отсутствия. Берем за основу черный экран монитора и идем от черного к белому. Полное отсутствие света - вот вам черный цвет. Полное присутствие - в итоге имеем белый. Название этой модели - R(ed)G(reen)B(lue), тоже основано на ключевых цветах.
Ну хорошо, с тем, как и откуда цвета берутся, мы разобрались, а что с их сочетаемостью? Эрика Леонард Джеймс на полном серьезе пыталась подробно расписать целых пятьдесят оттенков серого, но все пятьдесят видела только она. Почему так? А очень просто: работать надо не с конкретными цветами, а с их сочетаниями. Значит, пора переходить к цветовым палитрам.
Все они построены на все том же цветовом круге, о котором шла речь в начале поста.
Монохроматическая палитра
Используется один цветовой тон, но разной насыщенности. Хорошо подходит для веб-интерфейсов, а еще с этой палитрой трудно ошибиться - цвета одного тона по умолчанию сочетаются.
Аналоговая палитра
Берем цвет на круге, добавляем к нему два соседних. Пользуемся и не опасаемся - ошибиться здесь тоже сложновато.
Комплементарная палитра
Берем два противоположных по кругу цвета. В сочетании они дают наибольший контраст.
Сплит-комплементарная палитра
Берем два противоположных цвета, к одному добавляем два соседних.
Триадическая палитра
Все просто - три равноудаленных цвета на круге.
Прямоугольная палитра
В ней мы используем две пары комплементарных цветов
Вообще в работе с цветом главное - добиться баланса, нужно следить за тем, чтобы цвета не спорили друг с другом, чтобы полотно не превращалось в нечитаемую кашу. Можно, конечно, делать все это ручками, но зачем, если есть удобные сервисы?
Вот например: https://color.adobe.com/ru/create/color-wheel. А что, шикарная штука. Задаете основной цвет, задаете палитру - и вам в полном согласии с гармонией цветов выдается результат. Остается только применить его на практике.
Хехе, практика, да. У дальтоника.
Ну что ж, поехали.
Вот уже фиг знает сколько времени валяется у меня непокрашенный примарис. Просто в Темного ангела мне его красить уже лень, так почему бы не сообразить новую цветовую схему в полном согласии с теорией выше?
Решено, идем в пейнтер на Болтер энд Чейнсворд. Упс, а лавочку прикрыли. Жаль, а я только-только разошелся. Придется ковыряться самому. Я вышел в интернеты и нашел в них простенькую картинку космоморяка, а потом просто лениво оттрассировал картинку. Вообще не заботился особо подробностях и мелочах, главное - просто посмотреть основы и принципы.
Курсы учат, что нужно соблюдать баланс 60-30-10, 60 процентов - основной цвет, 30 процентов - второстепенный, а 10 процентов - детали. Ваха учит нас, что в игровом покрасе помимо базы должно быть три дополнительных цвета. Раскладываем космодесантника на составляющие и получаем помимо контура четыре участка для экспериментов:
- броня - это те самые шестьдесят процентов основного цвета;
- геральдические области и окантовка: второстепенные цвета;
- оружие: это уже для небольших оттенков и нюансов.
Закрашиваем результат в стандартную схему Темных Ангелов:
Справа на картинке сгруппированные элементы, чтобы не менять каждый фрагмент вручную. Вручную - это времени не напасешься, и так вон видна куча косяков.
Ну а теперь переходим на https://color.adobe.com/ru/create/color-wheel, в качестве базы задаем Dark Angels Green, он же - 1A543C в шестнадцатиричном коде. И начинаем экспериментировать, применяя одну схему за другой. И в итоге получаем кучу орденов-последователей: Монохроматичные Ангелы, Ангелы Последовательности, Ангелы Комплементарности, тысячи их!
Ну а пока я ковырялся с Астартес, я вот о чем подумал: а нафига это я заморочился, на практике ж этого всего не использовать никак. Надо ж добавить хотя бы теоретическую возможность практической пользы. А потому буквально за пятнадцать минут на уровне тяп-ляп набросал такой прототип:
В чем соль? А все очень просто. Выбираете фракцию, выбираете схему покраса, от которого предстоит отталкиваться, а потом выбираете новую цветовую схему, основанную на теории гармонии цвета. И вуаля - результат на экране вашего телефона. В общем, пора краудфандингом заняться.
С вами был @SomebodyLikeMe
Успехов
Привет, @SomebodyLikeMe!
Вы, может быть, не ждали — а мы пришли с фидбеком! Прежде всего, хорошая работа! Особенно радует, что в процессе вы постоянно обращаетесь к теории. Это полезный навык, который рано или поздно дойдёт до автоматизма и позволит делать быстро и качественно.
Теперь по дизайну
Главный экран приложения. Сетки — это важно. Сетки — это круто, но не стоит опираться только на них. В большинстве случаев проектирования интерфейсов сетки помогают верно расположить верхнеуровневые блоки, но не очень хорошо работают внутри блоков. В вашем случае они отделили шапку и футер от контентной области, но наделали грязных делов внутри. Есть правило близости, которое помогает определить отступы между и внутри логических блоков в дизайне. В вашей версии представлены 5 разных блоков: хедер, первый рассказ, второй, третий и таббар. Чтобы пользователю было легче воспринимать информацию и интуитивно понимать, где какой контент находится на сайте или в приложении, нужно объединить рассказы в один логический блок (вариант 1 и 2).
Шапка и нижняя навигационная панель (или хедер и таббар для любителей ванильного латте, и да, я люблю латте). Размер логотипа сервиса в хедере крупноват. Не забывайте, что в веб-версии (и иногда в приложениях) он еще и возвращает пользователей на главную страницу. По таббару — элементы управления лучше чуть-чуть отодвигать от краёв экрана, в отличие от карточек постов, так как все они интерактивные. Кроме того, есть зона удобства клика на смартфоне (картинка ниже), которая показывает, что нижние углы экрана (в зависимости от руки) — не самое удобное место для взаимодействия. Вы можете задать вопрос: а почему ж тогда хедер в красной зоне? Отвечу: потому что поместить его в центре экрана — не выход. И потому что контент хедера, как правило, можно реализовать через нижний таббар и взаимодействие с приложением.
Карточка рассказа. Или поста, тут как привычнее. С точки зрения концепта всё хорошо: есть картинка, заголовок, тизер поста и CTA (call to action). Как проектировщику интерфейса предлагаю порассуждать: нужна ли такая акцентуация этой кнопки? Какая цель у ленты постов? Вместо полноценного поста у вас только тизер, для многих пользователей кликабельность карточки поста не вызовет вопросов. А листать длинную ленту с постоянно мелькающей красной кнопкой может утомить. Есть два варианта: где CTA становится менее ярким или где отсутствует полностью.
А еще возник вопрос: есть ли какой-то смысл в серой подложке области с заголовком, тизером и CTA? На мой взгляд, это мешает контрастности текста, можно её убрать.Не забывайте, что «лепить» контент к краям блока чревато снижением читаемости. Всегда добавляйте отступы.
Окно авторизации. Молодец, получилось отлично! Остались нюансы.
• Кнопки можно делать больше. Для мобильных приложений и сайтов рекомендуемая высота около 40. В вашем случае диапазон от 32 до 48 открыт.
• Вы почти идеально решили вопрос с акцентуацией, но сейчас кнопка регистрации воспринимается скорее неактивной, чем второстепенной. Попробуйте использовать другой цвет или сделать её текстовой (или обводкой).
Больше нареканий нет!
Подводя итоги, могу сказать, что не ошибается тот, кто ничего не делает! Всё, что я расписал в фидбеке, только ради одной цели — чтобы помочь вам стать суперкрутым дизайнером интерфейсов. Всех благ!
Привет, котятки.
А мы продолжаем проходить курс веб-дизайна у Пикабу и рассказывать о том, как там все устроено, чему нас там учат и что нам с этим потом делать.
Кнопка так и останется в жпеге, потому что черновик с нею я уже удалил и скачивать бесфоновую пнгшку мне неоткуда.
На прошлой неделе мы учились рисовать кнопочки и делать из них компоненты и варианты. Закрепили все это дело туалетными ершиками. Мы молодцы и должны были перейти к последним теоретическим модулям первой части.
Но я совсем забыл рассказать вам об интерактивных прототипах.
А для того, чтобы все это дело было интереснее, начну я все равно с теории. А именно - с модульных сеток. Сетка - это такой вспомогательный для построения композиции. Грубо говоря, это когда ты делишь рабочее поле на прямоугольники, по которым ориентируешься, что и куда пихать. Состоит сетка из строк и колонок (меж ними, само собой, межстрочники и межколонники, хоспаде, даже названий не сумели для них придумать). На пересечении строк и колонок находится сам модуль. Если межстрочников и межколонников нет, и модули друг к другу прижимаются почти так же тесно, как люди в метро, то такая сетка называется коллажной. А если мы сейчас забьем болт на теорию, то покажу я вам следующее.
Итак, зададим сетку. Стандарты, которых советует придерживаться Гугл, привязаны к восьмикратной пиксельной сетке. А потому я подготовил вот такой рабочий фрейм:
А потом я долго пил кофе, курил и соображал, что же мне с ним делать. Мучать ершики не хотелось, хотелось мне чего-то странного. Новостей, например. Наверное, тег “политика” так сильно на меня влияет. Что ж, решено. Теория, конечно, штука хорошая, но одной ей сыт не будешь. Ручки зачесались что-то сделать. Пусть на первый раз и криво, но потом ближе к концу курса сравним.
Долго и матерно я пытался что-то куда-то с этой сеткой сделать. Пихал туда-сюда логотип и кнопки навигации, мучал новостные посты. Так прошла ночь, наступило утро. На выходе у меня получилось вот это вот чудовище:
Честно, я хрен знает, зачем вообще это делал, не было такой домашки, это мне просто не спалось. А поскольку наступило утро, и дальше спать уже в принципе нельзя, то я решил продолжить. Лента новостей-то есть. А как выглядит новость внутри?
Окей, сделаем ее. Но тут я уже не ориентировался на сетку, ибо сонный мозг требовал насыпать пару ложек кофе в бокал колы, отказываясь думать аккуратно. А потому на выходе имеем вот это вот:
Мде, кажется, надо заново пройти модуль про автолейаут, а то ересь какая-то. Но не суть, это просто иллюстрации ради. Затем меня окончательно понесло, и я сделал окошко регистрации:
Сделал. Хоспаде, какое громкое слово-то. В общем, кто угадает, у кого я эту форму спер, тому я задоначу на пиво. Как только этот кто-то донаты себе включит, да.
Теперь у меня есть три макета, а у Фигмы есть функция “Интерактивный прототип”. Что это такое? Это, ребята, такая штука, которая позволит презентовать ваш макет заказчику или же показать юзерам, как вообще работает сайт. Прямо в Фигме настраиваются определенные сценарии, которые потом на отдельной вкладке можно выполнять.
Что ж, у нас есть главная страница сайта, у нас есть форма регистрации, есть отдельная страница с отдельной новостью. Шаг первый: мы решаем зарегистрироваться. Для этого настраиваем такой сценарий: при нажатии на кнопку логина должна появиться форма логина или регистрации. Поскольку на дворе двадцать первый век, пусть это будет не новая окно, а оверлей. Закрываться форма должна по нажатию на крестик или же по тапу на пустом месте. Ага, сделали. Теперь нужно настроить сценарий открытия поста. Открываться он будет по тапу на кнопке “Узнать больше”, а для закрытия новости я добавил кнопку “Назад”. Ну а теперь результат:
На сегодня все, ребятки. Подписывайтесь, ставьте лайки, донатьте на пиво с кокаином, ибо без них ночью тяжко, читайте хорошие новости.
С вами был @SomebodyLikeMe.
Успехов.
Привет, котятки
А мы продолжаем проходить курс веб-дизайна у Пикабу и рассказывать о том, как там все устроено, чему нас там учат и что нам с этим потом делать.
В этот раз наконец-то перейдем от теории к практике, которая проходить будет в Фигме. Пока в в ней, да.
Эту кнопку я нарисовал в Фигме. Там-то она у меня вариативная, а тут просто пнгшка, так что можете не нажимать.
Что такое Фигма?
Figma — это сервис для создания и редактирования дизайн-макетов и и интерактивных прототипов. © Курсы Пикабу
Блин, ребят, это ад, правая кнопка мыши и хоткеи заблочены, мне это вручную вбивать пришлось. Ладно, не суть, зато хоть узнал как тире ставится. Определение простейшее и не дает никакого понятия об этой божественной штуке. В общем, в ней можно делать практически все и еще чуточку. Фотошопы, иллюстраторы - это все круто, это все актуально, но Фигма - первый инструмент среди главных.
Так вот, Курсы нас потихоньку подводят к практике, и вот она - наша первая практическая работа. Я ожидал чего-то сложного, я ожидал ужасов и сложностей. Но нет, нас всего лишь обязали в Фигме зарегистрироваться. Кстати, вы тоже можете попробовать: www.figma.com. Если получится, то вы сделали первый шаг на пути к дизайну.
Честно признаюсь, я схитрил: у меня уже был аккаунт. Я вообще в Фигме не новичок - я умел оттуда скачивать нужные элементы в нужных мне форматах. Кроме этого ничего больше, но ведь кто-то и этого же не может. Но преподаватели этой маленькой диверсии с моей стороны не заметили, а потому поставили зачет без замечаний и отправили учиться дальше.
А дальше начались фреймы, автолейауты, компоненты и стили, варианты и сетка. В общем, слова сложные, слова непонятные, тем более если вы до этого максимум открывали русифицированные пейнт и корел, как я, например. Но пугаться на самом деле нечего, как приноровитесь, все это просто вобьется в подкорку и все нужные штуки будут совершаться на автомате. Дожить бы еще до этого, конечно.
Первая по-настоящему практическая часть подразумевала, что с нею может справиться даже ребенок. Не, ну серьезно, элементарщина же: с помощью автолейаута создать что-то типа поста, настроить элементы, чтобы все красиво растягивались и переносилось. Ага, конечно, очень легко, все переносится, все красиво, ага, да:
Слева - задумка, справа - исполнение. Над содержимым не особо долго думал, ибо благодаря @Little.Bit играюсь в Starship Troopers и пишу обзор для pikabu GAMES. Хотите узнать больше?
Но да ладно, в итоге мы с этим справились и побежали дальше рисовать кнопочки. И нет, это не шутка - мы действительно рисовали кнопочки. Но не простые, а компоненты. То есть, мы рисуем одну кнопочку, делаем ее мастер-компонентом, а на ее основе делаем кучу других кнопочек. И если изменишь мастер - за ней меняются и копии. Или не меняются, если их отдельно изменить. Но дальше все интереснее. Компоненты, конечно, штука прикольная, но как вам на счет вариантов? Ну, то есть вам не нужно делать кучу всего, чтобы что-то менять. Сделайте варианты.
То есть, мы рисуем кнопочку, например, для магазина туалетных ершиков. Но что делать, если на ершики скидка? Добавляем скидочный вариант. А что если ершиков не осталось? Не вопрос, добавляем недоступный вариант. Все это объединяется и группируется, и вам в итоге нужно будет в дальнейшем для какой-нибудь странички сайта просто взять базовую кнопку и поставить нужные галочки в свойствах. Вот так это выглядит на деле:
Слева - базовый вариант, в центре - неактивный, справа - вариант при клике. А для чего, дамы и господа, мы кнопочки рисовали? Конечно же для товарища @Vintovoi и его ТЗ: #comment_239590281.
Да, мы плавно подбираемся к его любимым ершикам. Так что давайте потренируемся и сделаем карточку товара для его магазина. Ну и сами набьем руку. Итак, для начала сделаем базовую карточку. Зафигачим в нее фотографию, описание, все нужные цены, добавим кнопочку. На выходе имеем вот это:
Заметьте, в этой карточке у нас сразу две цены. А это потому, что мы делали базис. А теперь делаем варианты и получаем вот это:
Слева - наш обычный товар в магазине, в центре - со скидкой, а справа - недоступный. То есть, мы чуточку модифицировали каждый компонент и назначили его отдельным вариантом, как раньше делали с кнопочками, ну а сами кнопочки уже у нас были. На основе этих вариантов мы теперь можем посмотреть, как многообразие ершиков будет смотреться вживую:
Каждый вариант можно назначить скидочным или недоступным. В общем, скоро ершики будут править миром. А арахниды - нет
Ну а на сегодня вроде бы все. Задавайте свои ответы и пишите свои вопросы. В следующем выпуске может быть поговорим о всяких там шрифтах и теории цвета. Возможно.
С вами был @SomebodyLikeMe
Успехов
Dumelang batho
В общем, прошло две недели, хотя я вроде на прошлой еще запостить хотел. Для тех, кто не в курсе, я купил эти ваши курсы Пикабу и хожу по краю, нарабатывая себе на первое удаление поста. Другими словами, рассказываю о том, что там внутри на самом деле происходит.
Итак, как все устроено изнутри
Я не знаю, есть ли среди нас тут люди, которые хоть какие-то курсы проходили в сети, или мы тут все почтенные антицыгане. Поэтому сегодня просто расскажу, как это дело выглядит, с чем приходится сталкиваться, от чего приходится убегать и все такое.
В начале все достаточно просто: вы оплачиваете курс, вам на почту приходит ссылка на рабочее пространство. Остается только перейти, определиться с паролем, подтвердить пароль, потом опять ввести пароль - и вот оно:
Да, судя по интерфейсу ребята уверены, что я не ограничусь веб-дизайном. Ладно-ладно, посмотрим на их поведение. Не будем терять времени и перейдем в сам курс.
Опытным интернет-студентам в принципе и так понятно, что там будет. Новичкам этого дела же однозначно придут в головы всякие аналогии. Объясняю: модули. Модульные конструкции капитально внедрились в нашу жизнь. Модульные конструкции в судостроении позволили наводнить Атлантику волчьими стаями вездесущих u-boat. Модульные конструкции в архитектуре позволили строителям в считанные часы возводить жилье. И модульные конструкции в курсостроении позволяют Пикабу насытить ваши будни учебой взамен вечеринок, сериалов и игр. Модули - это хорошо. Модули - это надежно.
Всего модулей много, на скрине только открытые на данные момент. Пока что только самый базис, самая мякотка откроется на следующей неделе, тогда-то мы с вами и развернемся. Ну, помните же, что я вам про ТЗ в конце прошлого поста говорил? Вот.
Каждый модуль состоит из кучи уроков:
Теория, теория, полупрактика, практика, которую преподаватели проверяют. Как видите, одна домашка мне недоступна. Это потому, что я еще не сдал предыдущую. Да, домашку проверяют, дают рекомендации и отправляют переделывать. Ну или ставят зачет - и готовь следующую. Первые домашки простые: нарисовать кнопочку в Фигме, нет, не просто прямоугольником, да по-человечески ты ее отрисовать можешь, нафига нам твои прямоугольники с заливкой?!
Теоретические уроки состоят из видеолекции и конспекта к ней:
Дикий плюс: наличие конспекта. В чем суть: я ненавижу видеоконтент. Я не воспринимаю информацию на слух, мне обязательно нужно его читать. У Пикабу в отличие от некоторых конспекты - именно конспекты, а не записи ленивого студента вперемешку с крестиками-ноликами. То есть, посмотрели видосик - прочитали текст. Одно прекрасно дополняет другое, в тексте вся нужная инфа, в видео, если текста не хватает, пошаговая инструкция. Вроде норм.
Ну и какое студенчество без общения, да? Изначально курсы предусматривали внутренний чятик, однако в первые же дни наша группа решила перейти в телегу. Не знаю, что в редактуре и продуктовом дизайне, но со мной в группе двадцать один человек. Что занятно: есть даже совсем молодой парень, школьник. Это классно, я в таком возрасте таким не интересовался. Вопросы, ответы, разбор сложностей - все там. Я, конечно, не очень представляю, как мы будем отмечать экватор, но время для продумывания этого момента еще есть. Надеюсь, хоть и надежда - первый шаг на пути к разочарованию.
Вот. С теорией закончим. На следующей неделе будет новый пост. И уже интересный, уже с практической частью. Будут мои фейлы с фигмой, будут кнопочки. И наконец-то перейдем к тому, о чем с вами договаривались в прошлом посте. Напомню: к итоговому проекту, который нужно будет делать. Пока что ТЗ такое:
сайт по продаже туалетных ершиков. Лендинг тоже пойдет. Как бонус и основная маржа в моем бизнесе очень важна продажа туалетных ковриков в нагрузку к ершикам, и с дизайном пикабу (на самих ковриках), потому что продавать я все это буду пикабушникам.А его автор @Vintovoi. И если ни у кого возражений нет, на нем и остановимся. Так что на сегодня все, пикабушники. До встречи на следующей неделе.
Хорошо бы иметь два варианта. Со стилем пикабу для рекламы на пикабу и нейтральный для рекламы в директе. Основная тема нейтрального — комфорт в условиях сибири и вечной мерзлоты.
Приоритет для нейтрального варианта, потому как я рассчитываю захватить весь рунет, а не только лишь пикабу.