Экспресс-курс прототипирования в Principle для Web и UX/UI дизайнеров. Урок 1/2

Прочитайте первую часть (введение), если вы не знакомы с этим приложением.

Мы узнаем о ключевых функциях Principle, которые определяют новый подход к прототипированию и поддерживают линейный процесс. Эта половина экспресс-курса содержит интерактивное обучение и позволяет понять почему Principle называют «Sketch прототипирование».

Возьмите снэки и откройте Principle. Каждый раздел содержит от одного до двух упражнений.

Скачайте файл упражнений для этого экспресс-курса здесь...

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

Экспресс-курс прототипирования в Principle для Web и UX/UI дизайнеров. Интро

Держите меня за руку, и мы сделаем это вместе.

Как быстро начать использовать Principle для воссоздания распространенных веб-взаимодействий

Количество доступных приложений для прототипирования может быть равно числу звезд в Млечном Пути. Довольно трудно выбрать подходящее для себя. К счастью, я нашла Principle. Это приложение, которое мне больше всего подходит. Короче говоря, Principle позволяет быстро создавать дизайны низкой точности и даже справляется со сложными взаимодействиями. Это приложение для дизайнеров, которые хотят эффективности, без потери контроля над более мелкими деталями...

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

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

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

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

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

Руководство новичка по разработке Sketch-плагинов

Часть 1  — С чего начать?

Вы хотите начать писать Sketch-плагины и не знаете, с чего начать? Продолжайте читать, так как этот пост как раз для вас!

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

Конечно, это не мануал по написанию плагинов для продвинутых, так как я сам не разработчик...

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

Руководство по передаче Pixel Perfect дизайна в разработку

За время карьеры мне довелось сотрудничать со многими UI/UX-дизайнерами, и я заметил одну очень интересную особенность их работы: они не используют установленные стандарты для оформления проектов. Если вы новый разработчик в компании, члены команды могут поделиться с вами ссылками на GitFlow или GitHubFlow, и вы изучите все, что нужно знать об управлении репозиториями, за 10 минут. Как разработчики, мы можем добавить какие-то правила к анализаторам кода, и все будут следовать этим установленным требованиям. Но как вы можете координировать дизайнера, чтобы он подготовил все, что вам нужно? Как раз для этой цели мы в Pixel Point подготовили это руководство по передаче Pixel Perfect дизайна в разработку...

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

Пошаговое руководство по созданию новых проектов в Sketch

И почему я никогда, НИКОГДА не начинаю его с нуля.

Я твердо верю в прозрачность, поэтому перед началом я уточню:

Части этого поста описывают фреймворк для дизайна, который я создал сам, и продаю на стороне. При этом данный урок будет полезен, даже если вы не купите мой продукт.

Начинать дизайн-проект всегда трудно.

Неважно, будь вы дизайнер-фрилансер, либо штатный дизайнер какого-то крутого продуктового агентства, или сотрудник техподдержки большой команды дизайнеров… это пугает...

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

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

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

Я приведу несколько полезных советов по использованию Sketch для прототипирования. Они помогут вам ускорить и облегчить этот процесс.

1...

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

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

Вы можете скачать шаблон макета Sketch в конце этой статьи.

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

Для тех, кто не знаком со Sketch — это приложение для Mac OS, которое получило массу внимания за последние пару лет за свою более узкую направленность на цифровой дизайн...

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

Думайте при помощи рук, руководство по созданию прототипов

Мы работаем по дизайн спринтам со всеми компаниями, с которыми сотрудничаем. Включая Wealthsimple

Я всегда считал скучным сидеть за партой в школе или учиться по учебникам. Как вы уже поняли, я не тот человек, который с радостью вернулся бы в школу. Но если мне бы пришлось, я бы выбрал d.school (если бы они меня приняли!).

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

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

Набор необходимых инструментов для дизайнера

У дизайнеров никогда не было больших возможностей для создания прекрасных интерфейсов. Благодаря инструменту типа Sketch, теперь мы можем «набросать» интерфейс быстрее чем обрезать фотографии. Другие инструменты (Framer, Pixate, Invision, Flinto и т. д.) позволяют нам взять эти наброски и превратить их в кликабельные прототипы и анимированные переходы. Теперь можно предоставить такой прототип, что появилась возможность показать, что это чуть ли не готовый продукт. Состояние набора инструментов дизайнера никогда не было таким волнующим...

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