Дизайн система Predix от компании GE на основе Atomic Design

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

Дизайн в цвете. Цвет – это мощная сила в руках дизайнера

Цвет – это мощная сила в руках дизайнера. Он притягивает взгляд, рождает…

Руководство по ведению борьбы с темной стороной дизайна для джедаев цифровых продуктов

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

16 советов по разработке надежной цветовой системы

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

Руководство дизайнера по DPI и PPI

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

Анимация интерфейсов. Микровзаимодействия для макрорезультата

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

Шаблон дизайна для проектирования в Sketch

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

Горячие клавиши в Sketсh 3, полное руководство

Горячие клавиши в Sketсh и другие удобные штучки. Здесь собрано 80+ горячих клавиш, исключая контекстные горячие клавиши в Sketсh, такие как есть в Инспекторе и списке слоев.

Удобная IOS сетка для дизайна мобильных приложений в Sketch

Внутри этого файла Sketch находится IOS сетка для iPhone 6 и iPhone 6 Plus, и пример макета интерфейса профиля, чтобы показать, как сетка помогает в действии.

Полное руководство по дизайну iOS 9 в Sketch

iOS сильно выросла в течение последних лет. С ее iOS 9 апгрейдом, Apple представил новый системный шрифт под названием San Francisco, 3D Touch и многозадачность на iPad. В Xcode вы найдете Stack Views, фантастический инструмент для более адаптивных макетов, гораздо проще Auto Layout.

Самое подробное руководство по дизайну в Sketch

Работая со Sketch последние три года, я освоил ряд ключевых техник, которые значительно улучшили мой рабочий процесс. Так как я, помимо рисования, также обожаю прототипировать и кодить, мне нужен инструмент для быстрого выполнения дизайн-проектов и легкой генерации исходников. Sketch вместе с его плагинами и другие инструменты для прототипирования полностью справляются с этой задачей. Часть 1 Часть 3 Часть 4

Atomic Design с использованием Sketch – это будущее разработки продуктового дизайна

Брэд Фрост, потрясающая личность из видеоролика, является одним из основателей системы, о которой пойдет речь в этой статье. Atomic Design был разработан в ответ на этот цифровой, адаптивный мир, в котором мы все живем и работаем.

11 советов по прототипированию в Sketch и InVision

Sketch и InVision два родственных приложения для разработки, прототипирования и анимации интерфейсов. Разработчики Bohemian Coding создали Sketch специально для дизайнеров, которые рисуют непосредственно мобильные приложения, так что он отлично подходит для прототипирования приложений.

Адаптивный дизайн в Sketch, детальный анализ

Если вы принадлежите к сообществу дизайнеров веб-интерфейсов, в последний год вы вряд ли избежали обсуждений Sketch, так как этот продукт у всех был на слуху. Запуск этого дизайнерского приложение встряхнул индустрию, в которой более 20 лет господствовал Adobe. Возникли длительные дебаты насчет того, что лучше – Sketch или Photoshop и Illustrator (и Fireworks), а также в чем лучше создавать адптивный дизайн.

Шрифтовые иконки в Sketch и Grunt

Используя Sketch, SketchTool и Grunt я нашел способ создавать иконки в Sketch, а затем быстро преобразовывать их в удобные иконочные шрифты. В статье я расскажу, как создавать простой набор иконок, автоматизировать генерацию иконочных шрифтов для вашего фронт-енд проекта.

Поиск способов чистого экспорта иконок в .svg из Sketch …корректный метод

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

Создание иконки в sketch. Рисуем прикольную мультяшную иллюстрацию бомбу

Этот урок научит вас важным приемам для создания иконки в sketch. И в процессе вы создадите очень крутую иконку в форме бомбы, в мультяшном стиле.

Иконки в Sketch 3 — Дизайн иконки Google Docs

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

Обучение Swift и Xcode для дизайнера. Создание своего приложения на Swift

В прошлом году я писал Главу 3 под Objective-C и Xcode 5. С тех пор многое кардинально изменилось. Код Swift существенно упростился, из-за чего он стал одним из самых популярных языков для разработки приложений. Xcode 6 представил ряд новых инструментов, включая Playground, Vector Assets и Designable Views. Кроме того, Адаптивные макеты стали невероятно востребованы в связи с выходом iPhone 6 и 6 Plus. Часть 2 Часть 3 Часть 4

Создание iOS-приложения в Sketch и Xcode, публикация его в App Store

Создание приложения в Sketch и Xcode еще никогда не было таким простым. Sketch…

Подробный урок по созданию IOS иконки в Sketch 3

Я хочу сделать самое простое, но самое подробное описание. Этот урок разработан для новичков, так что, возможно, многие вещи, описанные здесь, будут вам уже знакомы. Вот результат IOS иконки в Sketch 3, который мы получим: