Рубрика «интерфейсы» - 71

Крэш-курс по UI-дизайну - 1

Мы всегда в поисках хороших статей о дизайне, чтобы потом использовать их в работе над сайтом «Я люблю ИП». Сегодня мы перевели ещё одну статью, которая рассказывает, чем отличается UI-дизайн от UX-дизайна и на каких основных принципах строится дизайн интерфейсов.

UI vs. UX

Если вы хоть немного интересовались дизайном приложений, то наверняка слышали термины «UI» и «UX». Но чем же они отличаются?

В самой простой форме, UX-дизайн — это то, что делает интерфейс полезным, а UI-дизайн — делает его красивым. Дизайн интерфейсов — это смесь визуальной иерархии и элементов интерфейса. Чтобы разобраться, чем отличается прекрасный дизайн от просто хорошего, необходимо понять, что дизайн интерфейсов — это всего лишь один из слоев целого дизайн-процесса. Возможно, именно поэтому эти два термина так часто путают. В этой статье я постараюсь рассказать, в чём же заключается разница между ними с точки зрения дизайн-процесса.

Согласно книги Дж. Гарретта «Элементы опыта взаимодействия», UX-дизайн можно определить через пять основных уровней. Давайте начнём с самого абстрактного.

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

Вот уже два дня как сообщество GitHub негодует о первой итерации изменения дизайна. Заключается она в смене светлой стилистики шапки хранилища на тёмную.

Было:

image

Стало:

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

Как «прокачаться» дизайнеру: советы и полезные ссылки от российских экспертов - 1

Фото: Flickr / Tobias Toft / CC

В блоге на Хабре мы пишем о развитии веб-технологий и их практическом применении — ранее публиковали истории нетехнарей, которые изучили вёрстку и получили работу в сфере ИТ, и сегодня продолжим тему обучения. Ещё одна сфера, которая близко связана с вёрсткой, — это веб-дизайн. На этот раз мы попросили российских интернет-экспертов дать советы по профессиональному развитию для начинающих дизайнеров.Читать полностью »

image

Случилось так, что я 12 лет рисовал сайты, логотипы, иконки, интерфейсы и прочее в своей собственной студии дизайна Turbomilk. А потом стал работать в продуктовых компаниях, последние 3,5 года работаю директором по дизайну в компании Acronis. Я выяснил, что работа in-house дизайнера в компании, которая делает собственный продукт, сильно отличается от работы дизайнера в студии или в агентстве. Я попробовал описать основные различия и проиллюстрировать собственным опытом. Статья пригодится дизайнерам «с обеих сторон баррикад» для расширения кругозора и поможет в преодолении внутренних барьеров.
Читать полностью »

Очень много недопонимания в среде дизайнеров и разработчиков. Также много глупых вопросов, связанных с UX и UI у новичков. Часто просто из-за того, что люди не знают сути понятия UX/UI и, не зная о чем говорят, называют вещи не своими именами.

Я хочу раз и навсегда поставить точку и простым понятным языком объяснить, что значит «UX/UI дизайн».

UX/UI дизайн на примере точильных камней
Читать полностью »

Итак: требуется открыть .sketch-файл, созданный программой Sketch. Той самой, которая есть только на Mac’ах.

А Mac’a нет. Есть только Windows и этот дурацкий .sketch-файл, который кто-то прислал. И у этого кого-то Mac есть. А у тебя нет. Только Windows.
Читать полностью »

image

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

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

Визуализация данных в браузере с помощью D3.js - 1

Михаил Дунаев ( war_hol )

С визуализацией данных и с различными диаграммами мы сталкиваемся каждый день, это какие-то Google Analitics, Интернет-банки, это Excel и т.д.

Визуализация данных в браузере с помощью D3.js - 2

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

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

Оптимизация работы портальной дизайн-команды с помощью Sketch и облака - 1
Читать полностью »

Представители компании Microsoft поведали о функциях, которые появятся на игровой приставке Xbox One после инсталляции обновления Windows 10 Creators Update. Некоторые участники Insider Program первыми оценят произошедшие изменения. Другим геймерам придётся ожидать несколько дней, чтобы увидеть обновлённый интерфейс голосового помощника Cortana и многие другие усовершенствования. Новый дизайн домашнего экрана Xbox One Dashboard увеличит производительность консоли.

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


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