Макет сайта по ремонту устройств

Формат: #figma Сложность: #средний Категория: #услуги Язык: #ru Канал: @build_html
Изображение поста

JavaScript (Язык программирования, который позволяет манипулировать элементами на странице) - Важно помнить, что все JS-скрипты используют ресурсы устройства пользователя. Поэтому если на вашей странице очень много скриптов, то загружаться она будет очень долго. Чтобы такого не допустить, разработчики используют функции CSS, которые стали появляться в новых версиях языка.

Веб-дизайнеру полезно знать основы JavaScript, так как он позволяет использовать больше визуальных инструментов в работе. 🎆 ФотоГуру
Изображение поста

Размеры макетов для разных устройств 🧑‍💻

Сохраняй! Автор: @rigayaya">@rigayaya 💙 ДизайнФак

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

Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
Дизайн для дизайнеров, крутые мелочи, эмоции, анимации и баланс между серьезностью и фаном: дизайн сайта студии для себя
Создание сайта агентства по хардкору: зачем использовать персонажа вместо логотипа. Дизайн для дизайнеров: шоурил в iMovie за 5 дней. Подробности оптимизации для мобильных устройств и неожиданный эффект Читать на дизайнерс | #кейс
Изображение поста
🌱 UI / UX / Product / Web / Multidisciplinary designer / Teamlead
У ребят на курсе возникла сложность с позиционированием. Даже с написанием должности продуктового дизайнера, хотя куда уж проще. И если с должностью мы более менее разобрались, то с остальным позиционированием сложнее, но без него никуда. Когда HR смотрит ваше резюме, он должен понимать какие задачи бизнеса вы решаете лучше всего, где будете полезны, где сможете раскрыть потенциал и где вы супер пупер эксперт. (Маленький спойлер: супер пупер экспертом нельзя быть в 10 направлениях. И рыбку съесть и аквариум выпить не получится.) Так что важно, чтобы по резюме и портфолио можно было быстро считать на чём вы специализируетесь как дизайнер. Модель бизнеса B2B, B2C, B2B2C, B2G, B2E, D2C, B2I Кстати, это один из ключевиков в резюме Платформы Веб, мобильные приложения, десктопные приложения (Windows, macOS, кроссплатформенные), Смарт-ТВ, часы, платформы для автомобилей, POS-системы, терминалы самообслуживания, устройства AR/VR. Если вы и в вебе и в мобилках великолепны (хотя сомнительно, если честно), то надо адаптировать резюме и портфолио под вакансию. Домен (для кого и в какой сфере используется продукт) Медицина, образование, финансы, ритейл, логистика, государственный сектор, производство, транспорт, IT, телеком, медиа, сфера услуг, промышленность. Тип продукта (какой именно продукт) • Технически сложные системы: ERP, CRM, админки, панели управления • Маркетплейсы, агрегаторы, магазины и сервисы прямых продаж • Соцсети, медиа, новостные, • Образовательные платформы • Медицинские сервисы • Финансовые продукты • Графические, фото- и видеоредакторы • Государственные и корпоративные порталы • Игры и развлекательные сервисы • SaaS-продукты и др. Даже по этому списку видно, что чтобы всё знать, надо быть терминатором. Поэтому определяйтесь с позиционированием и живите свою лучшую жизнь. @design_awesome
Изображение поста
Adobe XD v59.0.12 Win Multilingual by m0nkrus
🟣 Adobe ХD — это интуитивно понятный, мощный инструмент для разработки UI/UX, предназначенный для проектирования, создания прототипов, обмена материалами между пользователями, а также проектирования взаимодействия посредством цифровых технологий. Adobe ХD предоставляет все необходимое для разработки веб-сайтов, приложений, голосовых интерфейсов, игровых интерфейсов, шаблонов электронной почты и многого другого. Просматривайте прототипы на реальных устройствах, получайте отзывы от участников группы и заинтересованных лиц, а также генерируйте спецификации дизайна для разработчиков непосредственно из Adobe XD. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #soft #Adobe #ХD #free #бесплатно
HEADPHONE MOCKUP
Универсальные макеты устройств для наушников, в которых вы можете заменить 3-кратные логотипы на наушниках своим логотипом или дизайном. 📁 Скачать Dизайн
Изображение поста
💥 Встречайте HireHi 2.0 (часть 12)
Последние 2 недельки пришлось плотненько засесть и сделать то, что я так давно откладывал) Получилось продуктивно и, главное, всё работает) Мой шок в шоке. Вот что получилось сделать: 🟡 Проверка CV (резюме) Новый и красивый раздел в хедере с переливающимся градиентом, это он. Теперь вы можете загрузить своё CV и проверить его бесплатно по 18 пунктам. Нейронка всё проанализирует и напишет вердикт в плане оценки и того, что можно улучшить, а с чем всё ок. Там есть два режима: обычный и для ATS-систем. И да, возможно будет так, что в режиме для ATS балл будет высокий, но резюме проверку не проходит в атсках, потому что они настроены индивидуально и понять почему очень сложно. Я безумно рад, что получилось сделать полноценную полезную фичу наконец. Пока бесплатно, дальше посмотрим. Заходите, проверяйте (только не положите ничего :D) Из забавного, на ранних тестах я закинул функционал знакомым и один написал, что заплатил за такие рекомендации 10к рекрутеру (думайте) 🙂 🟢 Добавление в избранное Повозиться пришлось знатно с этой фичёй, но после тестов, кажется, всё гуд. Теперь вы можете добавлять вакансии в избранное, например, на которые вы откликнулись. Чтобы их не потерять. В будущем, думаю, функционал расширю, но и сейчас гуд) Немного переверстать надо было мобилку, ибо кнопка никак красиво не вписывалась, но всё придумалось) Нужно только авторизоваться, чтобы привязать избранное к учётке и оно открывалось на любом устройстве. 🟣 Страница компаний Это больше SEO история пока, но с будущим заделом на полноценную страницу компаниИ. Сейчас выводится общий список всех компаний и вакансии, которые у них есть. По нажатию перекинет на страницу вакансий с поиском по этой компании. Это я откладывал недели две, а сделал за 20 минут (не откладывайте никогда то, что кажется сложным, иногда это легко) Ну и как обычно фиксы багов и ошибок, но их уже сильно меньше, что радует. Все работает более менее стабильно. Кайф! Что по цифрам: – На сайте уже 580 регистраций, хотя сейчас по факту вход не нужен ни для какого функционала, но люди авторизуются, приятно – Ретеншн немного не нравится, но в целом ок, каждый 3 человек возвращается, кто заходит первый раз. Нужно, чтобы возвращались все :D – Переходы из поисковых систем растут от месяца к месяцу, в июне 7000 просмотров было из поиска, а в мае для сравнения было 2400. А за 11 дней июля уже 5421, что точно перегонит июнь в конце. SEO работает и не зря я проделал работу над ним, но можно ещё лучше, я уверен – Среднее время на сайте 2 минуты – Также растут и внутренние переходы, что говорит о том, что переликновка работает и тоже ок Сейчас я пишу небольшую статью для vc и прочих, чтобы выложить и забыть) Пусть она там висит и линкует на мой сайт) Фух, как-то так, релиз 2.0 уже в проде. Можно смотреть и пробовать фичи) Если будут какие-то баги, пожелания, пишите мне в личку, я прислушиваюсь к каждому фидбеку. И всё-таки мне нужен спец по SEO, чтобы пообщаться и понять, куда двигать и что улучшать) Если вы такой или у вас есть знакомые, дайте знать. Если вы дизайнер с прекрасным UI, то вы мне тоже нужны. Задач не много, но прикольное порисовать можно. Можем для кайфа, можем с оплатой, но платить пока нечем :D (договоримся). Тоже пишите) Ну и приходите на сайт и рекомендуйте друзьям и знакомым, мне это очень поможет 😍 ч.11 ➡️ Перейти на сайт ➡️ Перейти на сайт ➡️ Перейти на сайт
Изображение поста
Дизайн Google Maps на легендарном устройстве в 1999 году.
Как вам? Кажется получилось очень даже ничего 👍 💙 Твой дизайн учитель#Figma #Photoshop #Illustrator
Embrace Presets – Havana Collection
📸 Havana — тщательно продуманный набор пресетов Lightroom, которые наполняют ваши изображения яркими, захватывающими цветами. Эти пресеты, созданные как для волшебной съемки в золотой час, так и для будуарной съемки, позволят вам превратить ваши фотографии в яркие произведения искусства всего за несколько кликов. ❇️ Основные характеристики: • 22 цветовых предустановки : от сияния золотого часа до ярких тонов — найдите идеальную эстетику для своих снимков. • Универсальное использование : идеально подходит для съемки «золотого часа» и будуарных образов. • Монтаж видео включен • Файлы XMP : разработаны для полной интеграции с Lightroom Classic CC 7.1+ и Adobe Camera RAW. • Примечание: эта коллекция НЕ предназначена для мобильных устройств. 🔹Формат: .xmp Источник ➡️КАНАЛ⬅️ 💬 Комментарии 👉🏼 СКАЧАТЬ в приватном канале #LUTs #Embrace_Presets #Havana #Спонсорство #по_подписке
Изображение поста
✏️ Как исправить высоту Zero меню на мобильных устройствах
В чате канала обсуждали проблему, когда высота Zero поп-апа (в частности меню) после скролла на телефонах не подстраивается под динамическую высоту браузерного окна — при скролле адресная строка на телефонах скрывается и окно области просмотра становится больше по высоте. Собрала для вас 3 решения этой проблемы: 🔸 1 способ Он самый простой: в настройках вызова поп-апа поставить непрозрачное затемнение фона в цвет поп-апа. Недостаток такого способа — ваше меню всегда будет выглядеть на 100% ширины экрана. Если вы задумывали вызов меню в виде шторки с фиксированной шириной, то этот способ не для вас. 🔸 2 способ Поставить на фон zero-блока шейп с высотой 120%, привязка по виндоу верх. В настройках zero поставить высоту по экрану 100% и overflow: visible. Таким образом шейп будет выходить вниз за пределы блока и закрывать собой дыру. Подходит, если у вас неоднотонный фон или ширина меню имеет фиксированное значение. 🔸 3 способ Использовать этот код: В коде: — укажите ID zero блока (по-другому никак, только через ID можно изменить высоту) — если у вас еще есть шейп на фоне, укажите и его класс тоже (в моем приемере это .zero_bg) Справка dvh – относительно новая единица измерения, расшифровывается как dynamic viewport height (динамическая высота вьюпорта). Соответственно, элементы с высотой 100dvh будут менять свою высоту, если меняется высота окна просмотра сайта. Недостаток такого способа Видна задержка при изменении высоты zero блока, на секунду вы будете видеть дыру под меню, если начнёте скроллить пока у вас открыто меню. Но если первые два способа вам не подходят, можете попробовать этот. Любые вопросы или другие решения этой проблемы можете посоветовать в комментариях 😊 #верстка #тильда
Изображение поста