Сила минимализма в 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: «Цвет не просто делает дизайн приятным для глаз, но и подкрепляет его».



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



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

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

 

Видеозаписи со встречи CocoaHeads 23 июня 2017 из офиса Туту.ру

Автор: admin от 10-07-2017, 16:00, посмотрело: 20

Видеозаписи со встречи CocoaHeads 23 июня 2017 из офиса Туту.ру



В конце июня в офисе Туту.ру состоялся митап, который мы организовали и провели совместно с CocoaHeads. Несмотря на погоду за окном, встреча получилась горячей, а гости довольно высоко оценили мероприятие. Но довольно слов, под катом вас ждут видео с митапа!

->

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

 

Как создать свою метроидванию

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

Как создать свою метроидванию


Метроидвания: стиль игры (2D или 3D), в котором часто присутствует исследование и где управляемый игроком персонаж получает новые способности, позволяющие ему продвигаться дальше. Такие игры часто являются экшн-адвенчурами с пересечением маршрутов движения. В них используется система «роста», открывающая важные апгрейды, необходимые для прохождения игры. Название «метроидвания» произошло от смешения слов Metroid и Castlevania, однако существуют и другие игры, в которых используется та же фундаментальная философия дизайна. К этим играм можно отнести все игры франшизы Zelda, Shadow Complex и Cave Story. На самом деле нет значительной разницы в структуре игрового процесса между играми Zelda, Metroid или Castlevania: Symphony of the Night.



Эта статья предназначена для создателей игр, желающих взяться за трудную задачу написания игры в жанре «метроидвания». Если вы никогда раньше не делали игр, и ищете советов о том, как начать создавать игры, рекомендую познакомиться с такими инструментами, как Unity, Unreal Engine, Construct 2 или любыми другими инструментами игростроительства. Вам сначала стоит научиться делать игры, потому что я не буду учить их созданию с нуля.
->

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

 

Веб-разработка: как распознать проблемного клиента на старте

Автор: admin от 6-07-2017, 22:55, посмотрело: 31

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



Бывает так, что веб-студии виноваты только в том, что вообще взялись за эти проекты (да-да, виноваты в 99% случаев обе стороны, и было бы интересно почитать ответную статью от клиентов веб-студий).



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

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

 

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

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

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



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

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

 

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

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

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


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



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

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

 
Назад Вперед