Дизайн с помощью кода на примере редизайна The Wall Street Journal

Мы живем в эпоху ренессанса инструментов дизайна. За 8 лет, прошедших с момента выхода Sketch 1.0, среди традиционных инструментов дизайна прокатилась волна конкуренции. И по мере того, как количество инструментов, доступных дизайнерам, экспоненциально растет, идеи, которые когда-то считались выходящими за рамки, находят все более широкую аудиторию.

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

Читать далее Нет комментариев

Крис Келли о создании бренда для Adobe Live

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

Но как пояснил Крис Келли — креативный директор Oddfellows, у шоу была проблема — у него не было бренда.

«Помимо использования шрифта Adobe не было ничего общего между эпизодами шоу. Бренд был своего рода туманным»...

Читать далее Нет комментариев

Создавать крутой дизайн вовсе не фундаментальная задача дизайна

Реальная задача дизайна — это изменение компаний и определение пути в будущее

Какова фундаментальная задача дизайна? Этот вопрос стоит пересмотреть сейчас, когда дизайн, под видом пользовательского опыта (UX), был принят организациями всех форм и размеров. Ответ будет определять, что мы думаем о дизайне и его роли, в любом месте, где требуется дизайн.

Существует очевидный ответ: задача дизайна создать отличный дизайн...

Читать далее Нет комментариев

3 практичных совета для проектирования привлекающих внимание интерфейсов

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

К счастью, есть много статей о том, почему психология важна в UX / UI дизайне. Но, к сожалению, лишь некоторые из них предоставляют практические знания. То, что я имею в виду под практическим знанием — это те ежедневные проекты, которые иллюстрируют влияние психологических правил на дизайн. Я собрал большое количество примеров и методов, которые могут быть немедленно применены в проектах — это причина, почему я создал блог Cognitive UXD и почему я пишу эту статью...

Читать далее Нет комментариев

Как стать посредственным UI/UX дизайнером

У кого длиннее борода?

Мояпервая публикациянеожиданно привлекла довольно много внимания. Это было и лестно, и слегка страшно. «Теперь люди ожидают определенный уровень статей», — подумал я про себя.

Я написал эту статью, затем, как обычно, дал ее редактору, чтобы он подправил грамматику. Потом я получил от него эту записку: «Мое тебе предостережение, я бы не стал это публиковать на Medium». Редактор пытался предупредить меня, что эта статья может нанести вред моей репутации...

Читать далее Нет комментариев

Как хакнуть Sketch Content Generator для использования вашего контента

Мой самый часто используемый плагин для Sketch, Content Generator от Тимура Карпеева, является и одним из моих любимых. Он экономит мне уйму времени, когда необходимо наполнить дизайн в Sketch контентом.

Как хакнуть Sketch Content Generator для использования вашего собственного контента?

Но все же данные в Sketch Content Generator не настоящие, и иногда это не позволяет конкретно показать, как должен выглядеть конечный результат.

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

Читать далее Нет комментариев

F-образный паттерн в дизайне интерфейсов

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

Что такое F-паттерн и как он работает?

F-паттерн описывает наиболее распространенные шаблоны движения глаз пользователя, когда речь идет о блоках контента. F от fast (быстро). Вот как пользователи читают ваш контент. За несколько секунд их глаза движутся с удивительной скоростью по странице вашего сайта...

Читать далее Нет комментариев

Как стать мастером-манипулятором визуальной коммуникации

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

Облака разной формы

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

Читать далее Нет комментариев

Построение дизайн-процесса в командах

Практика управления дизайн-проектами

«В чем заключается ваш командный процесс создания дизайна?» Это один из наиболее часто задаваемых вопросов на собеседованиях, и я хочу поделиться своим видением! Сейчас мне просто ответить на этот вопрос, хотя раньше я испытывала большие сложности в освоении дизайн-культуры, потому что не существовало каких-то стандартов. И как раз отсутствие общих процессов вызывало в нашей команде ряд проблем.

Читать далее Нет комментариев

Практические советы для создания минималистического дизайна

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

Дизайнеры хотят сказать больше показывая меньше...

Читать далее Нет комментариев