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

Дизайн

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

Во что поработать после работы

Время на прочтение 7 мин
Количество просмотров 8.4K
Блог компании М.Видео-Эльдорадо Тестирование игр *Читальный зал Дизайн игр *Игры и игровые консоли
Обзор

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

Читать далее
Всего голосов 19: ↑11 и ↓8 +3
Комментарии 12

Новости

Верните клавишу Scroll Lock

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 29K
Accessibility *
Из песочницы

Технический прогресс не всегда прогресс. Еще на первых компьютерах IBM была клавиша Scroll Lock. Главное её предназначение в текстовых редакторах такое: сделать возможным прокручивание документа,  не меняя при этом положения курсора.

Представьте: работаете вы в Word, набираете текст. В какой-то момент решили обратиться к другой части того же документа, чтобы потом вернуться и продолжить печатать. Казалось бы, нет ничего проще — достаточно нажать на стрелку вниз на клавиатуре, подождать, пока текст промотается до нужного места,  и отпустить кнопку. Но при этом каретка, то есть место, где стоял курсор, собьется, его придется искать!

Читать далее
Всего голосов 58: ↑53 и ↓5 +48
Комментарии 260

Инди игры от новых авторов

Время на прочтение 14 мин
Количество просмотров 4.1K
Разработка игр *Дизайн игр *Продвижение игр *
Интервью

Я связался с разработчиками инди игр и они предоставили информацию о своем творении (весь текст со слов разработчиков). Игры совершенно разные - как проработки качества, так и жанры. Составом команд и бюджетов. Некоторые из них поделились цифрами о том, сколько вложили денег в разработку.

Думаю эта статья будет полезна разработчикам игр. Узнать как продвигают свои игры и в целом как долго они разрабатываются.

Читать далее
Всего голосов 9: ↑7 и ↓2 +5
Комментарии 11

Зри в корень, но не в ЗD очках. Стереовзгляд в прошлое. Что увидел мишка в ASUS VR-100G или статья-предостережение

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 3.5K
Блог компании Timeweb Cloud Работа с 3D-графикой *
Ретроспектива
image

В данной статье рассмотрим ряд устройств, позволяющих увидеть объемное изображение, как электронного, так и нецифрового характера, оценим субъективное восприятие и последующие ощущения.

Наш путь — от простого к сложному: стерео/диаскопы времен СССР, взгляд на QUAKE 3 Arena в цифровых очках ASUS VR-100G 1999 года, а также вспомним DOS-игру Depth Dwellers и 3D-журнал.

Фото/видео ретро-девайсов, процедуры использования, размышления о пользе/вреде, выводы, под катом.

Добро пожаловать. :)
Читать дальше →
Всего голосов 23: ↑21 и ↓2 +19
Комментарии 16

Истории

Как появляются дизайн-системы: рассказываем и показываем на собственном примере

Уровень сложности Средний
Время на прочтение 15 мин
Количество просмотров 1.2K
Блог компании Quadcode Разработка веб-сайтов *Дизайн
Кейс

-

Читать далее
Всего голосов 3: ↑3 и ↓0 +3
Комментарии 4

16 простых и эффективных правил дизайна UI

Уровень сложности Простой
Время на прочтение 11 мин
Количество просмотров 6.7K
Блог компании RUVDS.com Веб-дизайн *Интерфейсы *
Туториал
Перевод

Проектировать пользовательский интерфейс сложно. Здесь есть множество возможных вариаций макета, отступов, типографики и цвета, в которых можно просто запутаться. А если к этому дополнительно прибавить юзабилити, доступность и принципы психологии, то задача становится ещё труднее.

К счастью, дизайн UI не обязательно должен представлять такие сложности. Работая в качестве дизайнера продуктов более двух десятков лет, я понял, что большая часть моих решений в плане визуального представления и реализации взаимодействия определялись системой логических правил. Не художественным чутьём или магической интуицией, а простыми правилами.

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

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

Самый быстрый способ обучения — это практика, так что приступим!
Читать дальше →
Всего голосов 55: ↑54 и ↓1 +53
Комментарии 10

Что делать, если ужас как хочется купить BMW или швейцарские часы

Уровень сложности Простой
Время на прочтение 4 мин
Количество просмотров 7.3K
Блог компании TINKOFF Графический дизайн *Дизайн

Гулять вокруг ГУМа приятно, даже если не собираешься там ничего покупать. Витрины выглядят круто: почти как произведения искусства. Вообще, чем дороже магазин, тем меньше он похож на магазин и больше — на галерею.

Это логично, ведь искусство — такое же премиальное потребление, как швейцарские часы, сумочки от дизайнеров или элитная ювелирка. Поэтому Louis Vuitton организовывает рядом со своими бутиками арт-галереи, а Gucci кооперируется с современными художниками.

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

Читать далее
Всего голосов 45: ↑20 и ↓25 -5
Комментарии 31

Arc — революционный браузер нового поколения

Уровень сложности Простой
Время на прочтение 10 мин
Количество просмотров 13K
Блог компании Usetech Интерфейсы *Браузеры
Туториал

Каждую неделю свет видит новое приложение или стартап. Команды создают новые продукты или адаптируют старые механики под новые паттерны и реальности.

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

У меня на компьютере установлено несколько браузеров: Safari, Firefox Developer, Yandex и как основной — Google Chrome. Каждый раз, когда я запускаю какой-то не основной браузер, мне предлагают сделать его браузером по умолчанию, но я отказываюсь.

С Arc картина поменялась, теперь он браузер по умолчанию и сейчас я расскажу почему.

Читать далее
Всего голосов 45: ↑10 и ↓35 -25
Комментарии 69

Нейросети против дизайнеров: угадайте, кто создал логотип

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 14K
Графический дизайн *Дизайн Искусственный интеллект
Обзор

Попробуйте отличить логотипы, созданные искусственным интеллектом, от работ дизайнеров-человеков.

Читать далее
Всего голосов 19: ↑16 и ↓3 +13
Комментарии 30

Collage_n — редактор для создания коллажей и спрайтов

Уровень сложности Простой
Время на прочтение 1 мин
Количество просмотров 1.5K
Веб-дизайн *Canvas *Графический дизайн *Дизайн игр *Дизайн
Из песочницы

Collagen работает на новой ссылке: https://sergey1234ovechkin.github.io/collagen_2/index.html

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

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

Кажется, у меня появился джун

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 16K
Учебный процесс в IT Управление персоналом *Дизайн
Мнение

— Привет! Мы решили нанять тебе помощника на текущий проект, нашли подходящего кандидата. Кстати, он выходит в понедельник.
— Эммм, окей.

Читать далее
Всего голосов 21: ↑16 и ↓5 +11
Комментарии 12

Как мы заставляли нейронку пялиться на повреждения стального троса. Часть 1

Уровень сложности Средний
Время на прочтение 5 мин
Количество просмотров 11K
Работа с видео *Промышленное программирование *Машинное обучение *Искусственный интеллект
Из песочницы

Вдохновились мы ребятами из PHYGITALISM и их статьей «Как мы заставляли нейронку пялится на ржавчину», а тему подкинул заказчик. Мы – это компания Alter Еgo и специализируемся на стыке технологий машинного зрения, симуляции и добыче данных для задач неразрушимого контроля. Была поставлена задача – детекция стальных тросов (кстати, чаще применяется термин "канаты") гражданских лифтов на предмет его повреждений. Подводные камни не заставили себя долго ждать – оказывается ни вида повреждений, ни их классификации нет (дык откуда взяться такому богатству – с ними то лифт «не выпустят в рейд»). На наши горестные вздохи, что не на чем нейронки обучать, дали документ РД РОСЭК 012-97 «Канаты стальные, контроль и нормы выбраковки» и, судя по лицу главного технолога, мысленно перекрестились. 

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

Читать далее
Всего голосов 33: ↑27 и ↓6 +21
Комментарии 47

Метод персон на примере проектирования ПО для аренды шашлычных беседок

Уровень сложности Средний
Время на прочтение 15 мин
Количество просмотров 2.4K
Анализ и проектирование систем *Интерфейсы *Профессиональная литература *Читальный зал

При проектировании программ кто-то использует методику Алана Купера, а кто-то считает всё это баловством. Те, кто пользуются, тоже используют её по-разному. Предлагаю посмотреть полусерьёзный пример такой проектной работы и подискутировать о том, работает это или нет.

Уточню, что сам я не являюсь проектировщиком и рассматриваю ситуацию со стороны программиста, который с переменным успехом применяет метод персон после прочтения известной книги.

Это же кто-то использует, да?
Всего голосов 6: ↑4 и ↓2 +2
Комментарии 0

Дизайн уровней в Dead Space: о психологии ужаса

Время на прочтение 4 мин
Количество просмотров 3.1K
Разработка игр *Дизайн игр *Игры и игровые консоли

Когда любой игрок проходит любую игру в жанре ужасов, например, Alien Isolation или Dead Space, то его не будет покидать ощущение того, что рядом может находиться враг. Или же всегда любой человек в начале игры Alien Isolation бегает в панике от чужого и прячется от него. Подобные игры сильно выделяются на фоне обычных ужастиков засчет как минимум своего бюджета. Рассмотрим, какими именно методами разработчики Dead Space поддерживают страх игрока при прохождении.

Читать далее
Всего голосов 2: ↑0 и ↓2 -2
Комментарии 3

Thief (2014): о развитии пазлов в игре

Время на прочтение 3 мин
Количество просмотров 2.8K
Разработка игр *Дизайн игр *Игры и игровые консоли

Придумать интересный пазл - одна из нелегких задач для дизайнера. Чаще всего головоломки создаются на основе придуманных основных геймплейных механиках в процессе производства игры. Поэтому встретить интересные и впечатляющие пазлы, не связанных с основным игровым процессом, довольно трудно. Thief (2014) является примером не только интересной реализации головоломок через окружение, но и их развитием. Рассмотрим, как разработчики из Eidos Montreal создают и развивают пазлы в игре при помощи означающих.

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

Это что за D&D в Foundry VTT?

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 1.3K
Разработка игр *Дизайн игр *

Под прошлым постом появилось много вопросов. Так что хочу рассказать вам, что тут происходит и о чем вообще были и будут все мои статьи.

Читать далее
Всего голосов 4: ↑2 и ↓2 0
Комментарии 6

Уроки дизайна от Space Invaders

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 1.9K
Блог компании ISPsystem Дизайн игр *История IT Старое железо Игры и игровые консоли
Ретроспектива
Перевод

Яркий пример того, как ограничения могут стимулировать творчество.

Я помню, как впервые увидел Space Invaders.

Это был 1978 год. Мы с другом приехали на велосипедах в местный торговый центр, где в глубине темного зала с автоматами сияла загадочным блеском эта игра.

Мы вытянули шеи над толпой собравшихся вокруг подростков. Это было завораживающее зрелище. До этого я играл во многие аркадные игры, вроде Breakout, Pong или гонок типа Night Driver. С эстетической точки зрения они были довольно примитивными — их графика в основном состояла из простых ярких блоков, а в качестве звукового сопровождения использовались всякие бипы и бупы.

А Space Invaders? У них был особый стиль. В этой игре чувствовалась некая новая грань свободы — как будто Space Invaders распахнула нам двери и без обиняков показала, какими могут быть видеоигры.

Читать далее
Всего голосов 18: ↑17 и ↓1 +16
Комментарии 8

Можно ли экспортировать макеты из Figma в готовое React приложение?

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 5.9K
Высокая производительность *Веб-дизайн *ReactJS *Будущее здесь Визуальное программирование *
Из песочницы

Последнее время из каждого утюга кричат по технологии будущего - что Chat GPT может писать код вместо программистов, а MidJourney создавать интерфейсы вместо дизайнеров. Мы полезли в Community фигмы, а там по запросу Figma to Code больше сотни плагинов, которые обещают сгенерировать чистый работающий код на основе ваших макетов и за пару кликов создать готовое web-приложение вместо ваших frontend-разработчиков. Все это звучит вдохновляюще, но так ли это на самом деле?

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

Читать далее
Всего голосов 3: ↑0 и ↓3 -3
Комментарии 8

Полезен ли сегодня быстрый обратный квадратный корень из Quake III?

Время на прочтение 23 мин
Количество просмотров 56K
Работа с 3D-графикой *Разработка игр *Алгоритмы *Компиляторы *Математика *
Перевод

В 2005 году id Software опубликовала под лицензией GPL-2 исходный код своей игры 1999 года Quake III Arena. В файле code/game/q_math.c есть функция для вычисления обратного квадратного корня числа, которая на первый взгляд выглядит очень любопытным алгоритмом:

float Q_rsqrt( float number )
{
    long i;
    float x2, y;
    const float threehalfs = 1.5F;

    x2 = number * 0.5F;
    y  = number;
    i  = * ( long * ) &y;                       // зловещий хакинг чисел с плавающей запятой на уровне битов
    i  = 0x5f3759df - ( i >> 1 );               // какого чёрта?
    y  = * ( float * ) &i;
    y  = y * ( threehalfs - ( x2 * y * y ) );   // первая итерация
//  y  = y * ( threehalfs - ( x2 * y * y ) );   // вторая итерация, можно удалить

    return y;
}

Об этом алгоритме написано множество статей, и ему посвящена хорошая страница Википедии, где он назван fast inverse square root (быстрым обратным квадратным корнем). На самом деле, этот алгоритм упоминался на различных форумах ещё до публикации исходного кода Q3. Ryszard из Beyond3D провёл в 2004-2005 годах исследование и в конечном итоге выяснил, что первоначальным автором алгоритма был Грег Уолш из Ardent Computer, который создал его десятью годами ранее.
Читать дальше →
Всего голосов 182: ↑180 и ↓2 +178
Комментарии 52

Как мы в SM Lab сделали редизайн системы «Оценка вклада»

Время на прочтение 5 мин
Количество просмотров 515
Блог компании Sportmaster Lab CSS *Интерфейсы *Usability *Дизайн

Привет! Меня зовут Сергей Топунов, я фронт-разработчик в SM Lab. Недавно мы сделали редизайн одной из наших внутренних систем, о чем я и хочу вам сегодня рассказать.    

«Оценка вклада» — это внутренняя Backoffice-система, которая нужна для регулярной оценки сотрудников. Она позволяет отметить точки роста, рабочий прогресс коллег, а также получить отзыв от других сотрудников.

Основная задача, которая стояла перед нашей командой, заключалась в том, чтобы качественно и за ограниченное время обновить интерфейс Backoffice-системы. Интерфейс был собран с использованием фреймворка Vuetify, представляющего из себя стандартную дизайн-систему Material Design от Google. Были достаточно серьезные недостатки и проблемы, связанные с UX/UI, потому что версию делали в определенной спешке.

Сразу было принято решение — оставить Vuetify как основной фреймворк, а свои компоненты делать только при крайней необходимости. Задача состояла в том, чтобы придумать простые и универсальные правила, которые не конфликтовали бы с Vuetify и позволяли бы легко подключать новые компоненты.

Читать далее
Всего голосов 12: ↑11 и ↓1 +10
Комментарии 1