Рубрика «дизайн» - 33

Очень часто в компании дизайн полностью зависит от дизайнера. Он может даже внезапно изменить его полностью, несмотря на протестующие крики «фронтов» и «мобильщиков». Мы придерживаемся другого мнения: внутреннее мировоззрение дизайнера или видение разработчика не должны сильно влиять на продукт. Дизайн продукта — это видимая часть бизнеса, с которой взаимодействует клиент. Дизайнер не может сам внедрять свои «хотелки», он должен ориентироваться на потребности клиентов. Хорошие продукты развиваются органично, с оглядкой на клиента. Это относится и к функциональному насыщению, и к дизайну.

Дизайнер не должен быть носителем требований к приложению, бизнес должен диктовать то, каким оно будет. Кто бы ни работал над дизайном ePayments, и сайт, и приложение будут красивыми и удобными, а стиль не будет резко меняться на 180°. Этот принцип работает на пользу фронтэнду и мобильным разработчикам.

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

Как мы сделали мобильное приложение, которому не нужен дизайнер - 1
Читать полностью »

Доброго времени суток уважаемыее. Представляю вашему вниманию перевод статьи Криса Коера.

Допустим, вам нужна градиентная граница вокруг определенного элемента. И вы, такой, думаете:

  • Для этого не существует простого и очевидного CSS API.
  • Я просто сделаю элемент-обертку с линейно-градиентным фоном, а затем внутренний элемент заблокирует большую часть этого фона, за исключением тонкой линии заполнения вокруг него.

Выглядеть это будет как-то так:

HTML

<div class="module-border-wrap"><div class="module">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Vero pariatur corporis quaerat voluptatum eos tempora temporibus nisi voluptates sed, exercitationem sequi dolore culpa incidunt accusamus, quasi unde reprehenderit ea molestias.
</div></div>

SCSS

body {
   height: 100vh;
   margin: 0;
   display: grid;
   place-items: center;
   background: #222;
}

.module-border-wrap {
   max-width: 250px;
   padding: 1rem;
   position: relative;
   background: linear-gradient(to right, red, purple);
   padding: 3px;
}

.module {
   background: #222;
   color: white;
   padding: 2rem;
}

результат

Читать полностью »

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

6 февраля, Москва, DI Telegraph — Большая QIWI Кухня о дизайне продуктов - 1

В программе — выступления спикеров из Сбербанка, CreativePeople, Useful и Looi. Кроме этого, мы проведем воркшоп, на котором научимся определять метрики для дизайн-задач и вообще устанавливать KPI дизайна. Расскажем, как создавать интерфейсы для людей с ограниченными возможностями (даже если вам кажется, что у вашего продукта нет таких пользователей).

Список докладов и ссылка на регистрацию (беслатную) — под катом.

Трансляция будет.
Читать полностью »

Тренды в дизайне UI и UX 2019 - 1
Иллюстрация от J.HUA

Год назад мы составили прогноз трендов в дизайне мобильных UI. В этом году мы решили выйти за рамки мобильных интерфейсов, потому что тренд №1 в современном дизайне — это контекст. Больше никаких обобщений — теперь всё завязано на контексте.

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

Рано или поздно мы разработаем философию универсального дизайна, которая будет применяться при создании всего, что мы производим, и не только того, что мы продаём. Всё вокруг требует хороших дизайнерских решений, даже образы наших стран. Но не будем о будущем; давайте рассмотрим основные тренды в дизайне интерфейсов 2019.
Читать полностью »

«Каждый ученый, безусловно, несет часть профессиональной ответственности за пропаганду общественного понимания науки»

Привлечение дизайна к науке

Дизайн может принести больше пользы науке, чем наука дизайну

image

Упражнение на подготовительном курсе в Ульмской школе дизайна. 1958-59

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

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

Поэтому исторически дизайн намного ближе к изобразительному искусству, чем к науке. Но все не так просто.
Читать полностью »

Годовой запас Porsche Taycan уже зарезервирован, в основном владельцами Tesla - 1

Первый электро спорткар Porsche может стать самым ожидаемым автомобилем 2019 года. Даже владельцы Tesla заинтересованы.Читать полностью »

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

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

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

Есть игры с таким запоминающимся визуалом, что страшно считать потраченное на его разработку время, взять хотя бы последний God of War или RDR2. А бывают проекты, которые подкупают своей атмосферной, даже если они далеки от ААА. Как пример — RiME не раз хвалили за стиль, звук и историю. А недавно левел-дизайнер игры перешел в команду CD Projekt Red, чтобы работать над Cyberpunk 2077. Еще RiME вдохновила 3D-художника Math Roodhuizen на создание собственного арта.

И на фоне всего этого я наткнулся на ArtStation на гайд по созданию реалистичной воды. Если в прошлый раз речь шла про реку, то в этот раз про стилизованный водопад. В первой части разберем, как создавать «волновой эффект», да еще и прямо в игровом движке. Для удобства все шаги сопровождаются гифками и/или картинками.

Создаем стильный водопад из RiME прямо в Unity или UE4 - 1

Читать полностью »

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

Рисовать — это 10% работы UX-дизайнера - 1

О том, что мы с этим сделали и как работаем сейчас, я расскажу в этом посте.
Читать полностью »

Если человек, которому нравится пиксель арт – стар, то человек, понимающий эстетику ASCII – суперстар! Конечно, это – шутка, и возраст тут, скорее всего, не причем. Мой сын, например, любит играть в ASCII игры, которые я делаю. По крайней мере, он так говорит.

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

image

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


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js