Публикации по теме 'design'
CSS: заполнение пустого пространства для изображений с переменным соотношением сторон с использованием размытия фона.
Отображение изображений с переменным соотношением сторон, таких как фотографии профиля или фотографии продуктов, внутри повторяющейся сетки из элементов одинакового размера, таких как карточки, может вызвать визуальную проблему.
У вас есть варианты: либо иметь идеально подобранные фотографии для вашего дизайна, либо сделать что-то вроде a background-position: cover; , где побочным эффектом является увеличенная, обрезанная версия вашего изображения. Последний вариант — иметь разное пустое..
Циферблаты: обновление компонентов карты HTML/CSS с помощью циферблатов времени с использованием JS
Время — священное и конечное явление. Веб-сайты и приложения, которые мы используем, потребляют наше время . Интерфейсы, с которыми мы взаимодействуем, делают это напрямую. Признание цены времени для пользователя — это цель обновления дизайна, которое я предлагаю в этой статье:
Мы должны сообщать нашим пользователям, сколько времени пройдет после того, как часть контента будет использована, еще до того, как они нажмут на нее.
Мы можем пойти дальше, чем отображать время чтения или..
Создание кругового индикатора выполнения в JavaScript
Как создать индикатор выполнения в форме круга или кольца для загрузки экранов или инфографики с помощью холста HTML и JavaScript
Концептуальные чертежи для предстоящего внештатного проекта требуют круглого индикатора выполнения для визуализации некоторых данных. Рассмотрев несколько различных решений, я выбрал холст HTML и JavaScript, потому что они очень полезны для такого типа интерактивных и анимированных элементов. Для базовой реализации требуется всего несколько строк..
Представляем обновленный пользовательский интерфейс Picterra
Когда мы только начали разрабатывать платформу Picterra, наш пользовательский интерфейс был основан исключительно на идее аннотирования изображений. Это было еще до того, как у нас появился специальный детектор. По общему признанию, у него были некоторые острые углы и некоторые трудные для понимания взаимодействия. Однако с тех пор он развивается и совершенствуется, позволяя пользователям легко и интуитивно использовать возможности платформы для себя.
В последние несколько месяцев с..
Почему вам стоит подумать о включении некоторых навыков программирования в свой набор инструментов UX
Подавайте личный пример: некоторые навыки программирования могут расширить сферу вашей ответственности и расширить вашу квалификацию менеджера.
С тех пор, как я впервые познакомился с академическими областями дизайна взаимодействия и UX-дизайна, меня подтолкнули к изучению программирования больше, чем это было изначально в моих карьерных планах. Я записался на бакалавриат в области дизайна IT-продуктов. Несколько наивно я думал, что смогу остаться изолированным в более..
ЗУРИ СТАЖИРОВКА
Социальные сети — это мощный инструмент, который открыл огромные возможности для людей, и одна из них — программа стажировок Zuri для потенциальных и признанных креативщиков в мире технологий. Именно в Твиттере я наткнулся на программу стажировки Zuri, на которую мне была дана ссылка: https://training.zuri.team , чтобы зарегистрироваться на программу. Я зарегистрировался в соответствии с указаниями для обучения Frontend, и впоследствии была отправлена ссылка для подтверждения и письмо...
Передача дизайна: как сделать так, как любят разработчики
Создание новых функций захватывает. Тем не менее, передача дизайна, важный шаг в вашем рабочем процессе, может быть грязной и вызывать разочарование по всем направлениям. К счастью, есть способ сделать это, который удовлетворит разработчиков и всю команду разработчиков.
От дизайна до производства
Дизайн является жизненно важной частью цикла вашего продукта. Чтобы избежать долга по дизайну и технологиям и предложить клиентам первоклассные удобные интерфейсы, компании,..
