Сила минимализма в UX дизайне

Автор: admin от Вчера, 16:05, посмотрело: 22

Просто — не значит примитивно. Мало — не значит непонятно. Вкратце можно выразить многое. Свободное пространство — не то же самое, что пустота. Сегодня мы поговорим о минимализме.



Сила минимализма в UX дизайне

Как сказал в своей книге «The More of Less» Джошуа Бекер:



«Вам нужно не больше пустого пространства, а меньше всего остального».


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



Что такое минимализм?



Вообще, минимализм — это широкое понятие, которое употребляется в разных сферах человеческой деятельности. В словаре Merriam-Webster оно определяется как «стиль или техника (в музыке, литературе или дизайне), которые характеризуются крайне малым количеством элементов и простотой». К каким бы областям ни применялось понятие, оно сохраняет свои базовые отличительные свойства: простота и смысловая насыщенность.
->

Категория: Программирование » Веб-разработка

 

Оптическое выравнивание и пользовательские интерфейсы

Автор: admin от 24-07-2017, 18:15, посмотрело: 18

Оптическое выравнивание и пользовательские интерфейсы

Привет, меня зовут Иван Греков, я работаю во фронтенд-команде Badoo, занимаюсь вёрсткой пользовательских интерфейсов на проектах компании.



В работе с макетами интерфейсов я использую графические редакторы, такие как Adobe Photoshop и Sketch. В них все слои по умолчанию представляют собой прямоугольные контейнеры. Когда мы выравниванием один слой по центру относительно другого, то для выравнивания используются центры прямоугольных контейнеров. Такой подход крайне неудобен при работе с иконками, поскольку выравниваемые фигуры могут сильно отличаться от прямоугольных контейнеров. И чем больше несимметричная фигура отличается по площади и по точкам координат от прямоугольника, в границы которого она вписана, тем заметнее разница между центрами фигуры и её контейнера. Это приводит к дисбалансу композиции в интерфейсных иконках.



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

->

Категория: Программирование » Веб-разработка

 

Инструменты для прототипирования на Mac: сопоставительная характеристика

Автор: admin от 22-07-2017, 01:25, посмотрело: 28

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



Инструменты для прототипирования на Mac: сопоставительная характеристика
->

Категория: Программирование » Веб-разработка

 

Paradigm — Дизайн-система Mail.Ru Group, часть 1: Визуальный язык

Автор: admin от 17-07-2017, 16:15, посмотрело: 33

Несколько лет портальная дизайн-команда Mail.Ru Group занимается обновлением и унификацией продуктов. У нас сформировалась дизайн-система, на которой работают медиа-проекты, мобильный веб и частично productivity-сервисы (постепенно подключаются и другие продукты), сформировался стиль пиктограмм и иллюстраций, стандартизируются промо-письма и промо-сайты. Конечно, ещё не во всех сервисах всё хорошо, а где-то первый редизайн не решил всех проблем, но огромный рывок за прошедшие годы трудно не заметить. Чтобы ускорить процесс обновления и сделать нашу работу публичной, мы открываем наружу часть нашей дизайн-системы Paradigm.



Paradigm  —  Дизайн-система Mail.Ru Group, часть 1: Визуальный язык
->

Категория: Программирование » Веб-разработка

 

Красный, белый, голубой: восемь правил подбора цветовой палитры, которые должны знать все

Автор: admin от 13-07-2017, 11:00, посмотрело: 32

Взаимодействие человека с компьютером во многом опирается на графические элементы интерфейса, и цвет играет в этом процессе не последнюю роль. Как однажды сказал Pierre Bonnard: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».



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



Красный, белый, голубой: восемь правил подбора цветовой палитры, которые должны знать все ->

Категория: Программирование » Веб-разработка

 

Вы используете интерфейсы в Go неправильно!.

Автор: admin от 12-07-2017, 21:40, посмотрело: 28

С таким громким заголовком я думал сначала написать статью. Нет, на самом деле, вполне возможно, что у вас всё хорошо и эта статья — не про вас. Но очень часто, когда люди приходят из других языков, можно видеть, как они пытаются «притянуть за уши» паттерны из того языка, к которому они привыкли, и они в Go зачастую работают плохо.



Вы используете интерфейсы в Go неправильно!.


В этой статье я хотел бы собрать несколько типичных ошибок, которые делают начинающие программисты на Go (и я в том числе), и как этих ошибок избежать.


->

Категория: Программирование

 

Дайджест продуктового дизайна, июнь 2017

Автор: admin от 5-07-2017, 12:40, посмотрело: 51

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



Дайджест продуктового дизайна, июнь 2017
->

Категория: Программирование » Веб-разработка

 

Преимущества интерактивного прототипирования

Автор: admin от 29-06-2017, 19:50, посмотрело: 43

Преимущества интерактивного прототипирования


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



Так было раньше и это работало. Я сам прибегал к таким хитростям неоднократно. Однако, мир вокруг стремительно меняется. Современный продукт настолько сложен, что одна картинка не даст понимания и ответов на вопрос “Как это работает?”. Схематичное или wireframe прототипирование тоже постепенно угасает в закате, так как черно-белые линии и прямоугольники не дают клиенту полного понимания. Всё больше желающих сегодня видеть живой прототип, а не серию картинок…
->

Категория: Программирование » Веб-разработка

 

О чем говорили на Avito.iOS? Отчет, отзывы гостей и видеозаписи

Автор: admin от 28-06-2017, 07:45, посмотрело: 52

Интерфейсы, тестирование, метрики… Если вам интересно узнать, о чем ещё говорили на регулярном мероприятии Avito для профессионалов iOS-разработки, смотрите видеозаписи под катом. Докладчики — представители ведущих российских интернет-сервисов Mail.Ru, Yandex и, конечно, Avito. Также к нам присоединился спецгость из Минска, тимлид проекта Juno — Сергей Анищенко.

О чем говорили на Avito.iOS? Отчет, отзывы гостей и видеозаписи

Категория: Веб-разработка, iOS

 

Самое простое руководство по иконографике

Автор: admin от 16-06-2017, 16:35, посмотрело: 73

Светлана Шаповалова, редактор «Нетологии», перевела руководство по иконографике от Tidjane Tall, рассказав о самых простых базовых иконках и объяснив, почему иллюстрация стоит тысячи слов.

Сколько в среднем времени надо дизайнеру на создание одной пользовательской иконки? Пару минут? Десять? Час, два или три? А что если мы покажем, как сделать 10 крутых иконок менее чем за 10 минут?

Самое простое руководство по иконографике

Категория: Программирование » Веб-разработка

 
Назад Вперед