Как стать автором
Обновить

Дизайн

Сначала показывать
Порог рейтинга

Стили заголовков в CSS: картинки, тени, анимации

Блог компании Нетология Веб-дизайн *Разработка веб-сайтов *CSS *HTML *
Перевод

Задача заголовка — привлекать внимание, и для этого многие эффекты хороши. В прошлый раз мы перевели статью о градиентах, теперь предлагаем рассмотреть ещё несколько фишек. 

Читать далее
Всего голосов 2: ↑1 и ↓1 0
Просмотры 645
Комментарии 0

Новости

Добавление расчёта пути к схеме метро Москвы из Википедии

JavaScript *Работа с векторной графикой *HTML *GitHub *

В процессе создания своей схемы метро я использовал SVG-схему из Википедии как визуальный образец. После добавления возможности расчёта и вывода пути к своей схеме стал думать о том, как использовать алгоритм поиска по графу и для других подобных схем. И решил недавно попробовать адаптировать его для эталонной схемы из Википедии.

Для этого решил адаптировать не алгоритм к схеме, а схему к алгоритму. Поскольку алгоритм BFS использует перебор массивов станций, координат линий и пересадок, то нужно было распарсить схему из Википедии в массивы: для этого я написал различные варианты CSS-селекторов.

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 2.1K
Комментарии 8

Как стать UX-дизайнером, 10 советов из практики

Веб-дизайн *Графический дизайн *Дизайн
Из песочницы

Идея этой статьи родилась, когда я стал получать предложения от различных образовательных проектов выступить в качестве преподавателя или ментора.  

Аудитория этих курсов очень широкая, с разным уровнем знаний. Но каждый слушатель хочет понять, как развиваться в сфере исследования и проектирования пользовательского опыта, начать зарабатывать, продолжать развиваться.

За мои 20 лет в профессии UX-дизайнера накопилось немало практики и полезных навыков, которые легли в основу 10 основных правил. О них сегодня пойдет речь.

Читать далее
Всего голосов 8: ↑8 и ↓0 +8
Просмотры 1.7K
Комментарии 1

Совместное моделирование быстродействующих систем средствами TIA Portal и Simulink

Высокая производительность *Анализ и проектирование систем *Интерфейсы *Matlab *Инженерные системы *

В этой работе показана детальная авторская реализация объединения сред TIA Portal и Simulink для совместного моделирования с обменом данными, работающая при любом, даже самом малом, шаге квантования (моделирования). Этот вариант позволяет также тестировать PLC контроллеры TIA Portal на частотах квантования контроллеров. Синхронизация сред осуществляется без применения таймеров реального времени. Приведен пример построения быстродействующего контура, обеспечивающего управление аналоговым неустойчивым объектом Simulink виртуальным ПЛК среды TIA Portal. Экспериментально определено, что предлагаемое объединение сред не влияет на результаты моделирования.

Состояние проблемы

Интегрированная среда разработки систем автоматизации TIA Portal содержит инструментальные средства для конфигурирования, настройки, тестирования и обслуживания систем. Мощная среда MATLAB/Simulink обеспечивает эффективное моделирование и оптимизацию сложных динамических систем. Совместное моделирование TIA Portal и Simulink повышает качество проектирования систем автоматизации и управления и сокращает сроки проектирования.

Известны примеры связи сред TIA Portal – Simulink через OPC сервер, в которых среды обмениваются пакетами данных с максимальной частотой 10 раз с секунду [1,2,3]. Это ограничение определяет максимальную частоту квантования. Для моделирования и работы быстродействующих систем, которые характеризуются широкой полосой пропускания, требуется высокая частота квантования.

Скорость непосредственной передачи/приема данных через TCP канал в десятки раз выше скорости передачи через OPC сервер. Однако, для TCP связи с контроллерами TIA Portal, которые выступают в роли TCP клиента, необходимо, чтобы модель Simulink работала в режиме сервера, а таких библиотечных средств у Simulink нет.

Читать далее
Всего голосов 1: ↑1 и ↓0 +1
Просмотры 658
Комментарии 5

Книга «Разработка интерфейсов. Паттерны проектирования. 3-е изд.»

Блог компании Издательский дом «Питер» Интерфейсы *Профессиональная литература *
image Привет всем, Хаброжители!

Спроектировать хороший интерфейс приложения не так просто. Все заказчики хотят, чтобы пользовательский опыт (user experience) был гладким, чтобы пользователь быстро и безболезненно получал то, что ему нужно, на любом устройстве и пользуясь любым каналом взаимодействия.

Главная «фишка» книги — паттерны проектирования. Вы научитесь использовать паттерны при разработке интерфейсов мобильных, настольных и веб-приложений. Для каждого паттерна даны наглядные примеры и подробное описание -— от реализации до сценариев использования. Вы сразу перейдете от теории к практике!

Для опытных разработчиков книга станет источником интересных идей, а начинающие найдут ориентиры в мире интерфейсов, позволяющие не сбиться c пути и применять лучшие паттерны.
Читать дальше →
Всего голосов 9: ↑9 и ↓0 +9
Просмотры 4.2K
Комментарии 3

Нововведения Windows 11 2022 Update (22H2)

Интерфейсы *Разработка под Windows *Софт
Перевод

Релизной версией Windows 11 2022 Update (22H2) стала 22621.382.ni_release_svc_prod1.220804-1759, которая уже доступна для скачивания.

В Windows 11 22H2 появились новые параметры для настройки раздела "Рекомендуем" на начальном экране. Хотя отключить и удалить раздел по-прежнему невозможно, теперь можно выбрать один из трех вариантов, чтобы показывать меньше рекомендаций и больше закреплений.

Читать далее
Всего голосов 44: ↑42 и ↓2 +40
Просмотры 26K
Комментарии 116

Как передавать макеты в разработку?

Интерфейсы *HTML *Графический дизайн *Дизайн
Tutorial

Время от времени некоторые мои коллеги-дизайнеры интересуются каким образом необходимо подготавливать макеты для передачи разработчикам. Я подготовил гайд, которы поможет им разобраться в этом вопросе.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Просмотры 1.6K
Комментарии 24

Сервис, который должен был объединить торговые площадки США Ebay, Amazon и Zappos

Разработка веб-сайтов *Интерфейсы *API *Joomla *Разработка под e-commerce *

В далёком 2012 году довелось мне участвовать в одном интересном проекте - BuyinUsa. Идея проекта была в следующем: объединить в одном месте товарные предложения с наиболее популярных торговых площадок США, представить их российским потребителям, взять на себя доставку и конвертацию при оплате.

Для начала решили взять самые крупные: ebay, amazon, zappos. К тому же в этот год zappos вообще закрыл возможность для российских пользователей даже заходить на их сайт. А тут мы такие…

Как, наверно, кто-то еще помнить, тогда вездесущего алиэкспресс еще не было, да и умением покупать за границей отличались лишь “продвинутые интернетчики”, а наша задача была предложить услугу как можно более массовому потребителю.
Я выступал в роли и соучредителя и в качестве, как бы сейчас сказали, тимлида, так как вся разработка проекта была на мне. Я был еще достаточно юным и пылал энтузиазмом:)

Вся разработка осуществлялась удаленно, программисты, вебмастер, дизайнер и я работали исключительно через сеть. Использовались в основном простые средства вроде teamview и skype. В качестве основы для сайта взяли всем известную Joomla, а для интернет-магазина Virtualmart. Конечно, по современным воззрениям это ужас-ужас, но тогда мне так не казалось.

Что надо было решить:

1. Карточка товаров, которые были очень разноплановые. А от характеристик зависела возможность отфильтровать товары в поиске.

Решение: взяли более ста карточек с разными характеристиками и просили их отсортировать по важности знакомых и друзей. Сравнивали результаты и выделяли главные. А потом скопировали карточку с Запоса и отредактировали её под свои нужды:)

Читать далее
Всего голосов 7: ↑7 и ↓0 +7
Просмотры 1.5K
Комментарии 6

Как создать сайт с организационной точки зрения

Разработка веб-сайтов *Анализ и проектирование систем *Прототипирование *Управление проектами *

Эта статья предназначена для широкого круга читателей. Но прежде всего, эта статья для тех, кто занимается непосредственно веб-разработкой, а также является руководителем или заказчиком этого проекта. Если вы веб-дизайнер, вам эта статья вряд ли будет особо интересной. Она поможет тем, кто хочет развиваться в целом, понимать, как происходит процесс в целом, как разработать сайт, какие этапы необходимо пройти. 

Ниже я буду рассказывать о своем опыте. Сайтами я занимаюсь  уже порядка 15 лет, а вплотную – около 10 лет. Почему это так? Сейчас любая трансформация в организации, любые изменения в организации, так или иначе, касаются информационных систем. То есть, если мы хотим получить продажи, мы должны создать сайт. Если мы хотим повысить качества сервиса, то, скорее всего, это должно каким-то образом отображаться на сайте, например, в личном кабинете и как следствие ведет за собой создание нового сайта.

Читать далее
Всего голосов 5: ↑3 и ↓2 +1
Просмотры 2.7K
Комментарии 5

DALLE-2 или как AI упростил мне работу

Машинное обучение *Графический дизайн *Исследования и прогнозы в IT *Дизайн Искусственный интеллект
Из песочницы

Добро пожаловать многоуважаемый читатель эта небольшая статья посвящена по настоящему интересному инструменту в сфере цифрового арт дизайна, а именно Open AI DALLE-2. Результат работы компании Open AI, одним из основателей которой является Илон Маск, стал продукт, который в ближайшее время изменит методы индустрии арт дизайна в корне.

Займет не более 3 минут на изучение всей статьи.

Читать далее
Всего голосов 11: ↑6 и ↓5 +1
Просмотры 5.1K
Комментарии 6

Как оценивать дизайнеров. Матрица навыков для профессий с нечеткими критериями грейдов

Блог компании TINKOFF Управление персоналом *Дизайн

В Тинькофф работает больше 150 дизайнеров. Почти все из них, когда устраиваются на работу, говорят, что хотят учиться и развиваться. У кого-то получалось строить план развития самостоятельно, кому-то нужна была помощь лида. Но все равно оставались серые зоны. Например, критерии повышения были непрозрачными, а у лида не всегда получалось сформулировать направления роста достаточно конкретно и понятно. 

Поэтому мы решили сделать матрицу навыков для дизайнеров. Расскажу, с какими проблемами мы столкнулись, что получилось решить, а над чем сейчас продолжаем думать.

Читать далее
Всего голосов 28: ↑26 и ↓2 +24
Просмотры 2.9K
Комментарии 1

Mtt, или что-то посложнее, чем нарисовать треугольник

Работа с 3D-графикой *

Забавно, куда порой могут привести несколько экспериментов. Вроде бы план был простой — посмотреть, что там такого интересного в этом вот вашем вулкане, что за хайп такой. Ну, нарисую что-нибудь. Нет, не треугольник, что-то посложнее, чем треугольник. Ручное выделение и освобождение дескрипторов? Ну уж нет, стрелять себе по ногам я не хочу, мне на них ещё ходить.

Читать далее
Всего голосов 11: ↑11 и ↓0 +11
Просмотры 1.1K
Комментарии 0

Электронные оболочки атомов и молекул

Работа с 3D-графикой *Разработка игр *Дизайн игр *Научно-популярное Химия

Неверие в квантово-механические представления о строении электронных оболочек атомов и молекул принято считать ересью, не заслуживающей серьёзного внимания. Тем не менее, регулярно появляются еретики, пытающиеся при построении своих теорий обойтись без принципа неопределённости, орбиталей, волновых функций и прочих постулатов квантовой механики. В основе большинства таких теорий лежит представление о кольцевом (или тороидальном) строении электрона («магнетона»), предложенное ещё в 1915 году Альфредом Парсоном. У авторов более современной теории струн электроны считаются кольцевыми струнами, но Вселенной приписывается не менее десяти измерений, из которых только четыре доступны человеческому восприятию. К последователям А.Парсона с менее буйной фантазией относятся A.Канарёв, А.Кушелев, З.Огжевальский, S.Allen, D.Bergman, P.Ošmera, K.Snelson, P.Vesly и многие другие авторы и сторонники теорий кольцевого (тороидального, вихревого, фрактального и т.п.) электрона.

Электронные оболочки из кольцевых электронов можно построить как для атомов и простейших молекул, так и для биополимеров (https://habr.com/ru/post/374003/). Химикам этого вполне достаточно, но физикам требуется теория, объясняющая ещё и известные физические свойства атомов. Прежде всего - спектральные свойства атома водорода. Поэтому простую кольцевую форму электрона физики пытаются трансформировать в более витиеватые тороидальные, спиральные, вихревые или фрактальные структуры.

Читать далее
Всего голосов 14: ↑9 и ↓5 +4
Просмотры 3.7K
Комментарии 9

Советы начинающему нарративному дизайнеру

Блог компании OTUS Дизайн игр *Игры и игровые консоли

Мы живем в то время, когда все больше людей стали относиться к компьютерным играм, как к искусству, а не бесполезному времяпрепровождению, которое ожесточает людей и калечит детскую психику. Поэтому современная гейм индустрия активно развивается и открывает все больше и больше свободных вакансий, в числе которых есть и нарративный дизайнер. 

Если новичок, но желаете глаголом (и не только) жечь сердца игроков, то эта статья может стать для вас полезной. Здесь мы разберем несколько простых советов, которые помогут вам влиться в индустрию и получить долгожданную работу в геймдеве. 

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Просмотры 1K
Комментарии 1

Accessibility: для кого и как внедрять?

Блог компании Конференции Олега Бунина (Онтико) CSS *HTML *Accessibility *

У меня есть хороший знакомый, который в 25 лет полностью потерял зрение. Представляете, все то, что для нас привычно, для него изменилось? Компьютеры и телефоны превратились в кирпичи, и толку от них стало мало. Или нет?

Привет! Меня зовут Андрей Кузнецов. Я frontend lead в «Рунет Бизнес Системы». Мы разрабатываем сервис для интернет-эквайринга банков, и работаем по модели White label, поэтому мне нельзя называть клиентов. Но я хочу рассказать, как у нас в компании появилось accessibility. То есть, доступность — возможность использования интерфейса всеми, независимо от физических или технических ограничений. Это история о том, как мы это нашли, на какие грабли наступали и к чему пришли в данный момент. Я буду считать, что не зря всё это написал, если после моего рассказа, вы захотите сделать шаги в сторону того, чтобы accessibility появилось и в ваших продуктах.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Просмотры 877
Комментарии 1

Геймдизайнер должен знать все! Или нет?

Разработка игр *Карьера в IT-индустрии Дизайн игр *
Из песочницы

Те, кто хоть раз гуглил или смотрел видео, кто такой геймдизайнер и чем он занимается, замечали, что он “и швец, и жнец, и на дуде игрец”.

Если геймдизайн - это торт, и каждый его слой - это конкретное направление, должен ли геймдизайнер разбираться в приготовлении всех слоев или же достаточно уметь готовить только один? 

Давайте разберемся, какие направления и навыки пригодятся геймдизайнеру в проектах.

Читать далее
Всего голосов 10: ↑5 и ↓5 0
Просмотры 2.1K
Комментарии 7

Дизайн уровней и арт в World War Z: Aftermath (2021)

Разработка игр *Дизайн игр *Игры и игровые консоли

При игре в World War Z Aftermath можно заметить, что разработчики используют одну и ту же формулу на каждом уровне. Отсюда есть как плюсы, так и минусы данной формулы. В игре есть, действительно, хорошие идеи, которые не получили своего развития. Посмотрим на структуру и дизайн уровней в данной игре, а также и арт, что тоже интересно.

Читать далее
Всего голосов 5: ↑5 и ↓0 +5
Просмотры 1.9K
Комментарии 5

Обучение модели Stable Diffusion текстовой инверсии с помощью diffusers

Python *GitHub *Графический дизайн *Искусственный интеллект Будущее здесь
Из песочницы

Листая интернет на наличие интересных технологий в области нейронных сетей и различного искуства,я наткнулся на пост в Твиттере, в котором Suraj Patil объявил о возможности обучения модели Stable Diffusion текстовой инверсии используя всего 3-5 изображений.

Читать далее
Всего голосов 14: ↑13 и ↓1 +12
Просмотры 3K
Комментарии 4

Live2Earn. Геймификация жизни

Монетизация игр *Дизайн игр *Игры и игровые консоли Криптовалюты Будущее здесь

NFT успели стать настоящим феноменом в 2021 году. Одни люди создавали цифровые картинки, а другие люди их покупали. Причем покупали их иногда за огромные деньги. NFT пророчили очень перспективное будущее и, возможно, оно когда-то наступит. Но в какой-то момент NFT перестали быть лишь объектом для коллекционирования и стали использоваться в области геймификации. А вот, что именно геймифицировали - об этом в статье.

Читать далее
Всего голосов 7: ↑1 и ↓6 -5
Просмотры 1.8K
Комментарии 14

Frontend в условиях полной редактируемости

Разработка веб-сайтов *Программирование *Интерфейсы *1С-Битрикс *DevOps *
Из песочницы

В этой статье мы расскажем подробно про систему поблочной сборки и подводные “камни” реализации подобной системы под «1С-Битрикс» для frontend-разработчиков.

Блочная редактируемость

Нам требовалось разработать сайт на базе CMS «1С-Битрикс: Управление сайтом» и при этом предоставить контент-менеджерам полную власть над страницами и их содержимым. Контент-менеджеры \читай не разработчики\ должны иметь возможность собирать страницы из заранее созданных блоков, определять порядок этих блоков на странице, управлять настройками дополнительного визуального оформления для каждого из блоков и редактировать контент в рамках поддерживаемых типов данных. И всё это управляется через визуальный редактор Битрикса без необходимости вручную создавать новый инфоблок для каждого блока на странице. Такую систему можно назвать “Блочная редактируемость”.

Читать далее
Всего голосов 11: ↑7 и ↓4 +3
Просмотры 5.7K
Комментарии 7