Мы все знаем, что Figma – это векторный редактор. Но значит ли это, что создание дизайна для мобильных приложений и сайтов в ней, может обойтись без растровых изображений, а следовательно, коллажей и ретуши? НЕТ! Если раньше для обработки нужной фотографии нужно было открывать ее в Photoshop. Обрабатывать там и затем загружать в Figma, то теперь все изменилось. Каким образом? Я расскажу в данной статье.
Figma
Уроки Figma, создание мобильных приложений в Figma, веб-дизайн в Figma
Дизайн приложения в Figma — стили и маски
Дизайн иконок в Figma
Иконки, значки, пиктограммы – неотъемлемая часть дизайна сайтов и мобильных приложений. Они быстро объясняют пользователю смысл каждого блока. Мы часто даже не читаем надписи под иконками, потому что их визуальная часть нам и так понятна. Существуют целые направления дизайна, где занимаются именно иконками. Сегодня мы поговорим о том, откуда брать иконки для своих проектов в Figma и продолжим создавать дизайн приложения Proper Nutrition.
Ограничители или как создать адаптивный дизайн в Figma
Хотите научиться создавать адаптивный дизайн в Figma, так, чтобы приложение смотрелось гармонично на любом устройстве? Вы даже удивитесь насколько это просто! В сегодняшней статье поговорим об инструментах, которые помогут дизайнеру решить эту задачу. Заодно продолжим работать над проектом Proper Nutrition и узнаем, что такое ограничители.
Рисуем дизайн первой страницы приложения в Figma
Хотите создавать красивый дизайн в Figma? Тогда вы по адресу! Уже в этом посте мы вместе начнем рисовать реальное приложение! Я буду описывать каждый свой шаг очень подробно и информативно. Вы даже не заметите, как за несколько простых уроков, познакомитесь с основными инструментами и возможностями Figma. А в качестве бонуса у вас появится готовый дизайн приложения, который вы сможете включить в свое портфолио. Начнем с первой страницы.
Создаем первый проект в Figma
Еще не зарегистрировались в Figma? Тогда пора это сделать! Потому что сейчас я покажу вам, как создать проект в набирающем популярность онлайн сервисе разработки пользовательских интерфейсов! Присоединяйтесь! В следующих уроках, мы начиним его дизайном и получим готовое приложение! Но сейчас, главное — это разобраться с организационной структурой в Figma.