Обновить
47.02

Графический дизайн *

Художественно-проектная деятельность

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

Как мы отказались от вкладок в интерфейсе и ускорили работу пользователей почти в 2,5 раза

Время на прочтение8 мин
Количество просмотров24K
Недавно МойОфис выпустил крупное обновление 2020.03. Помимо улучшения и расширения функциональной части, в этом релизе мы кардинально изменили дизайн интерфейса редакторов. И прежде чем он стал публичным, провели исследование в специальной UX-лаборатории. Так мы выяснили, что смена внешнего вида программ приведет к существенному ускорению времени поиска пользователями нужных команд.

Настало время рассказать о том, как теперь выглядят редакторы МойОфис, о наших подходах к проектированию интерфейса и существующих рисках смены дизайна, а также про само исследование. Читайте обо всем этом под катом.
Читать дальше →

Приглашаю к созданию русской народной игры «Колобок»

Время на прочтение2 мин
Количество просмотров6.5K

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

Что разработчику нужно знать о работе с дизайном/дизайнером

Время на прочтение5 мин
Количество просмотров5K

На дворе 2021 год, и уже давно наступило время, когда дизайнеры и программисты стали работать совместно над одним продуктом. Сейчас уже почти не встретишь команду разработки, в которой нет дизайнера. Этому способствовало массовое переселение тогдашних “Операторов ЭВМ” на графические интерфейсы. Теперь операторы - это невероятное количество разновидностей менеджеров, которые занимаются управлением различными бизнес процессами в их организациях - начиная от формирования документации, заканчивая управлением станками по сборке техники.

Краткая история графических интерфейсов

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

С появлением клавиатур были придуманы методы текстового ввода команд в компьютеры - то есть человек просто писал в заранее заданном формате то что ему нужно от машины и она давала ему результат. Так продолжалось достаточно долго, в компании пришли доступные компьютеры, и людей, которые занимаются бумажной работой массово стали пересаживать за ЭВМ.

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

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

Читать далее

Слайды для миллиардного стартапа

Время на прочтение8 мин
Количество просмотров12K

В рамках бесплатного спринта по созданию презентаций для стартапов я перевела полезные советы от Y Combinator.

Y Combinator — лучший в мире акселератор для стартапов по количеству единорогов (25), по объему привлеченных инвестиций ($27 млрд) и по капитализации выпускников ($300+ млрд). 125 компаний с оценкой $150M+

Ниже приведена адаптация презентации, которую я даю стартапам YC, прежде чем мы попросим их создать свои презентации для Demo Day.

Вот как сделать надежную презентацию для Demo Day. Следует помнить, что у вас уже есть все необходимое для создания отличной презентации.

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

Как вы уже поняли после Prototype Day, вам повезет, если они смогут вспомнить хотя бы 1 или 2 из этих пунктов в контексте 100 других компаний, презентующихся вместе с вами.

Читать далее

Создание Addon (Docker) для Corel Draw

Время на прочтение7 мин
Количество просмотров9.2K

В Corel Draw начиная с 17 версии появилась удобная возможность создавать дополнения не только на VBA, но и на C# VSTA. Так давайте воспользуемся этим и приблизим мечту о кнопке "Сделать красиво".

Переведем текст “Hello World” в кривые

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

Время на прочтение3 мин
Количество просмотров1.7K

Чтобы провести конкурс для дизайнеров о будущем развитии транспорта, нам понадобилось всё. Сперва думали обойтись силами дизайнеров Ситимобила, но в какой-то момент пришло понимание, что уж для дизайнерского-то конкурса, можно ещё и робота привлечь, и копирайтеров позвать, и с разработкой не связываться.

Читать далее

Опыт создания логотипов с искусственным интеллектом от Студии Лебедева

Время на прочтение8 мин
Количество просмотров20K

Здравствуйте! С момента открытия миру, что под именем Николая Иронова в Студии Лебедева работала настоящая нейронная сеть, а также последовавших затем большого интервью с создателями Николая и открытия этого инструмента для всех желающих, прошло несколько месяцев. Другие публикации на эту тему мне не встречались, вероятно я стал одним из первых, кто поработал напрямую с Николаем, не будучи при этом как-либо связанным со студией. В этой статье я постарался описать свой опыт. Забегая вперёд, опыт свой оцениваю как весьма успешный. Думаю, Николай Иронов - это небольшая дверка в ту самую технологическую сингулярность, которая в будущем должна сделать искусственный интеллект эффективнее человека во всём или почти во всём.

Читать далее

Программист учится рисовать. Дневник Емели

Время на прочтение16 мин
Количество просмотров36K
Так получилось, что моим основным хобби на лихой 2020-й год стало освоение ремесла рисования.

Еще в январе я дал себе некое обещание в виде цели к концу года — прокачать навык рисования (звучит конечно абстрактно и совсем не по SMART-у, я думаю, это и повлияло в дальнейшем на то, как я развивал этот навык весь год и что получилось в итоге).

spoiler
В конце года я остался доволен собой и окончательно понял, что я хотел бы прокачиваться и дальше!

image
Так выглядел мой уровень изобразительных навыков в ноябре предыдущего (2019-го) года

Формат подачи данной статьи — это на 95% личный дневник, который я вел в гугл-доке, записывая, что я делал каждый месяц, свои ощущения и как-то фиксируя собственный прогресс — смотрел, сколько работ мне удалось нарисовать и какого они были качества — нравились ли они мне лично или были совсем так себе по исполнению.
Читать дальше →

Как я собирал ЧПУ фрезер, и в каких моментах не стоит за мной повторять

Время на прочтение5 мин
Количество просмотров22K

Всем привет.

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

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

Читать далее

История презентаций: современные сервисы (часть 3)

Время на прочтение6 мин
Количество просмотров3.5K
image

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



Мы проследили эволюцию самой популярной программы для создания презентаций и ее главного конкурента. В начале нулевых годов у людей было две альтернативы: PowerPoint или Keynote. Но сегодня сервисов гораздо больше. Давайте посмотрим, чем различается их функционал и какие технологии будут развиваться в ближайшем будущем.

Создавать презентации можно онлайн


В 2007 году конкуренцию двум уже знакомым нам программам составил сервис от Google. В отличие от PowerPoint и Keynote, Google Slides – это изначально онлайн-редактор. Устанавливать никаких программ на компьютер пользователям не приходилось, достаточно было зайти на сайт. Редактор слайдов входил в пакет программ Google Apps, который задумывался как полноценный конкурент Microsoft Office.

И проект был реализован успешно – по сей день приложения Google для редактирования текстов, таблиц и слайдов используют как альтернативу приложениями Microsoft.

image
Alt: Интерфейс Google Slides очень похож на современный PowerPoint

История презентаций: как появились PowerPoint и Keynote (часть 2)

Время на прочтение7 мин
Количество просмотров3.3K
image

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



Мы уже рассказали вам о первых технологиях для отображения слайдов: презентации с текстом, инфографикой и картинками появились задолго до изобретения привычного нам PowerPoint. Но подготовка материалов отнимала много времени и сил. Даже незатейливые текстовые слайды оставались роскошью – до тех пор, пока не был создан удобный графический редактор.

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

Почему миру был нужен PowerPoint


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

Для студенческих лекций и неформальных мероприятий на проекторе могли демонстрировать записи, сделанные от руки. Для корпоративных презентаций этот метод не годился. С одной стороны, нужно было доносить до слушателей много сложной информации, с другой стороны – производить хорошее впечатление. Был важен читабельный шрифт, понятные схемы и графики. Поэтому слайды печатали.
Читать дальше →

История презентаций: эпоха до появления Powerpoint (часть 1)

Время на прочтение6 мин
Количество просмотров8.4K
image

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


Мы привыкли делать презентации в специальных программах или онлайн-редакторах: у нас есть Powerpoint, Google Slides, Keynote или Prezi. Среди них самым популярным изобретением стал именно Powerpoint: этот сервис верой и правдой служит нам уже более 30 лет. Но что было до его появления? Презентации тоже были. Давайте посмотрим, с помощью каких технологий их создавали.

Какими были первые презентации?


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

image
Alt: Витражи представляли собой серию последовательных изображений

Еще одна важная веха развития презентаций – это школьные доски. Первые из них появились в XIX веке и предназначались для надписей мелом. В XX веке наряду с ними стали использоваться маркерные доски. Впрочем, мел и маркер не имеют между собой существенных различий. Главный минус этого способа презентации – выступающий должен писать на доске в режиме реального времени. Это неизбежно прерывает речь, а также не позволяет создавать аккуратные схемы или рисунки.

image
Alt: В научных кругах доски активно использовали для презентации и обсуждения новых идей – на них показывали расчеты и схемы

Первые презентации с использованием досок носили образовательный характер – по сути, занятия в школах и университетах просто начали дополнять надписями, графиками и рисунками. Гораздо позже, уже с появлением технологий отображения слайдов, презентации стали создавать для бизнес-целей – для привлечения клиентов или инвестиций в стартапы.
Читать дальше →

Ретроспектива разработки интерфейса листа персонажа

Время на прочтение13 мин
Количество просмотров13K


Близится 2021 год, а значит, минуло почти 4 года с момента, когда я присоединился к разработке Pathfinder:Kingmaker в качестве разработчика интерфейсов. За это время игра превратилась из маленького прототипа с минимальным функционалом в огромную, сложную систему. Игра пережила релиз, год активного багофикса и поддержки DLC, а также портирование на консоль. И теперь, когда разработку этого проекта можно считать завершенной, пришло время оглянуться и попробовать собрать ретроспективу того, как проектировались и создавались интерфейсы.


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

Ближайшие события

Как создавать необычно красивые линии? Изучаем поле течений

Время на прочтение7 мин
Количество просмотров9.9K

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

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

Осторожно, много тяжелых красивых картинок

Разработка круговых интерфейсов. Часть 2. Перенос библиотеки с JavaScript на QML

Время на прочтение8 мин
Количество просмотров5.1K

Оглавление


Введение
Библиотека круговых интерфейсов v2.0
Круговая CAPTCHA
Перенос библиотеки с JavaScript на QML
Демонстрационное мобильное приложение
Заключение


Введение


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


Во-первых, вышла вторая версия библиотеки на JavaScript, в которой реализованы круговые элементы управления.


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

Читать дальше...

Mathematics Driven Design: размеры и отступы

Время на прочтение6 мин
Количество просмотров5.6K

Здравствуйте, меня зовут Дмитрий Карловский и я… дизайнер. Дизайнер от слова design (проектирование), а не от слова style (дизайн). Я разрабатываю высокоуровневый фреймворк $mol. Одна из основных концепций которого — Лего. То есть это набор очень маленьких кирпичиков с простым и универсальным интерфейсом коммуникации. Комбинируя эти кирпичики в разных комбинациях можно строить приложения любой сложности.


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


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



Далее я расскажу, почему всё именно так, и никак иначе...

Читать дальше →

Улучшая интерфейс: как связаны дизайн и успех продукта

Время на прочтение4 мин
Количество просмотров2K

Знаменитый древнеримский инженер и архитектор Витрувий говорил, что архитектура обязательно должна обладать тремя качествами: firmitas (прочность), utilitas (функциональность), venustas (красота). Это верно и для архитектуры пользовательского интерфейса: все мы хотим видеть интерфейс, который работает надежно, решает проблемы пользователей и эстетически привлекателен. О том, как мы решаем эту задачу в Acronis, читайте под катом.

Читать далее

Представлен предварительный выпуск GIMP 3.0 — что нового?

Время на прочтение3 мин
Количество просмотров12K

Разработчики графического редактора GIMP 3.0 представили версию 2.99.2, которая считается предварительной версией новой стабильной ветки GIMP 3.0. Среди основных нововведений — переход на GTK3, добавление штатной поддержки Wayland и HiDPI, переработка и оптимизация кода, добавление API для разработки новых плагинов. Появилась также возможность выделения нескольких слоев и добавлено кэширование отрисовки.

О подробностях нового выпуска — под катом.
Читать дальше →

Что плохо в новых значках Google

Время на прочтение6 мин
Количество просмотров61K


Компания Google «переосмыслила» G Suite как Google Workspace и выродила удивительное семейство разноцветных логотипов вместо всем привычных, узнаваемых, а в случае Gmail — даже культовых — иконок. На их месте появились маленькие радужные капли, которые мы теперь будем изо всех сил пытаться отличить друг от друга на вкладках браузера. Компании любят громко и много разглагольствовать о фирменном дизайне, поэтому в качестве противоядия попробую просто на пальцах объяснить, почему эти иконки такие плохие и почему они не продержатся долго.

Во-первых, я понимаю намерение Google. Они пытаются унифицировать визуальный язык различных приложений в своём наборе. Это может быть важно, особенно для такой компании, которая отказывается от приложений, сервисов, языков проектирования и других вещей, словно сбрасывая балласт с падающего воздушного шара (удивительно удачное сравнение, на самом деле).

Бренд-дизайн: как придать узнаваемый вкус бренду. Рецепт от дизайнера из Эстонии

Время на прочтение9 мин
Количество просмотров6.5K
image

Я опросил десяток предпринимателей, маркетологов и дизайнеров, работающих с малым и средним бизнесом, и заметил искривленное понимание, что есть бренд и брендинг.
«Сделайте мне просто логотип и брендбук» – основной запрос малого бизнеса и стартапов.
Этим интервью я бы хотел внести ясность на такой метафизический объект как бренд, для тех у кого нет четкого понимания, как его формировать. Для предпринимателей, чтобы была понятна модель работы с бренд-дизайнером и самим дизайнерам, чтобы поставить свою работу на верное направление.

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

Как происходит метаморфоза от «просто бизнеса» до «бренда»?


Разберемся вместе со Степаном Солодковым.

Степан мультидисциплинарный дизайнер и арт-директор из России.

  • Живёт и работает в Таллине
  • 8 Европейских наград за 3 года
  • В том числе Дизайнер года ADC*Estonia-2018

Его работа тесно связана с визуальными коммуникациями бренда.

Ссылки на работы Степана я оставлю в конце интервью.
Читать дальше →