Андрей Литвиненко - Figma – Основы работы. Автор никак не связан с компанией Figma
- Название:Figma – Основы работы. Автор никак не связан с компанией Figma
- Автор:
- Жанр:
- Издательство:неизвестно
- Год:неизвестен
- ISBN:9785005536853
- Рейтинг:
- Избранное:Добавить в избранное
-
Отзывы:
-
Ваша оценка:
Андрей Литвиненко - Figma – Основы работы. Автор никак не связан с компанией Figma краткое содержание
Figma – Основы работы. Автор никак не связан с компанией Figma - читать онлайн бесплатно ознакомительный отрывок
Интервал:
Закладка:
Figma – Основы работы
Автор никак не связан с компанией Figma
Андрей Викторович Литвиненко
© Андрей Викторович Литвиненко, 2021
ISBN 978-5-0055-3685-3
Создано в интеллектуальной издательской системе Ridero
Введение
В книге описаны базовые возможности работы в программе Figma (Фигма). Фотошоп изначально создавался для обработки фотографий, а Figma (Фигма) создана для создания схем, различных рисунков, использующих стандартные геометрические фигуры, для дизайна, также прототипов (макетов) для сайтов. Далее для простоты я в некоторых местах буду название программы писать на русском языке «фигма».
Я познакомился с программой несколько лет назад, точнее, первый раз её увидел. Потом увидел курсы онлайн. Но на тот момент они больше касались именно создания прототипа дизайна. В середине 2021 года записался на курсы по созданию сайта, где также были видеоуроки по работе в фигме. Попытался найти книгу в электронном виде, но нашёл только одну, в которой практически ничего не понял, так как в ней автор постоянно упоминал программу СКЕТЧ. А что это такое, я не знаю и вникать в ещё одну программу ради фигмы был не готов. Видеоуроков по обучению работе в этой программе в интернете полно. Эти видеоуроки в основном посвящены созданию прототипа для сайтов. Я решил написать книгу для тех, кто умеете пользоваться компьютером и интернетом и программу figma по факту видит впервые. То есть это, как говорится, учебник для «чайников». Но здесь есть главы с таким применением фигмы, которое вряд ли вы найдёте в интернете. Представьте, что вы видите программу впервые и не знаете с чего начать, поэтому сложно подобрать видеоуроки для начинающих. Плюс я хочу показать возможность нестандартного применения возможностей фигмы.
Итак, что же такое Figma (Фигма)?
Figma ( Фигма) – это графический онлайн-сервис для дизайнеров. У сервиса есть бесплатные возможности. В нём можно создать прототип сайта, интерфейс приложения. Доступ к макету прямо из окна браузера.
Возможен показ макета по созданной ссылке любому пользователю без его регистрации в программе. Главное – что сервис БЕСПЛАТНЫЙ.
Для работы в программе необходимо наличие хорошего скоростного интернета. Без интернета программа работать не будет.
В книге рассмотрены следующие главы
– Базовые основы работы
– Создание коллажа из фотографий размером А3
– Создание шаблона открытки
Книга написана с подробными скриншотами для тех, кто вообще впервые видит эту программу.
Сразу хочу сказать, что есть ещё локальная версия программы, на которой также можно работать. Но чтобы вас не путать с немного различающимся интерфейсом (а для начинающих он будет отличаться), будем пока всё рассматривать в браузерной версии.
Сначала рассмотрим варианты расположения адресной строки в различных браузерах. Именно в этой строке набирается адрес любого сайта.
![Яндекс браузер Опера Mozilla Firefox - фото 1](/books/1218162/image0_612cdafac36d990007df68c1_jpg.webp)
Яндекс браузер.
![Figma Основы работы Автор никак не связан с компанией Figma - фото 2](/books/1218162/image1_612cdb43c36d990007df68f4_jpg.webp)
Опера
![Mozilla Firefox Google Chrome Регистрация и вход в программу Запускаем любой - фото 3](/books/1218162/image2_612cdb65473a750007c4bd32_jpg.webp)
Mozilla Firefox
![Google Chrome Регистрация и вход в программу Запускаем любой из браузеров - фото 4](/books/1218162/image3_612cdb82c36d990007df6922_jpg.webp)
Google Chrome
Регистрация и вход в программу
Запускаем любой из браузеров, которым вы пользуетесь. Стрелкой указано поле, которое называется адресной строкой. Вот в это поле необходимо ввести следующий адрес https://figma.comи нажать «Enter» на клавиатуре (если вы пользуетесь печатной версией этой книги, то набирайте такой адрес https://figma.com). Открывается начальное окно. В нём необходимо нажать кнопку, указанную по стрелке.
![Возможно что в будущем кнопка входа или регистрации переместится в другое - фото 5](/books/1218162/image4_612cdc37f6025500077b5580_jpg.webp)
Возможно, что в будущем кнопка входа или регистрации переместится в другое место. Ищите кнопку с текстом «Sign up».
![Вводим адрес своего рабочего электронного почтового ящика в первом поле Во - фото 6](/books/1218162/image5_612cdc62473a750007c4bdf4_jpg.webp)
Вводим адрес своего рабочего электронного почтового ящика в первом поле. Во втором придумываем и вводим пароль (не менее 8 английских букв или цифр или всё вместе). Нажимаем кнопку «Create account». Получим ещё одно окно.
![В верхнем поле вводим своё Имя а во втором нужно выбрать Design Появится - фото 7](/books/1218162/image6_612cdc9ff6025500077b55e2_jpg.webp)
В верхнем поле вводим своё Имя, а во втором нужно выбрать «Design». Появится ещё одно поле. Вот в нём надо выбрать пункт «For personal use» (для персонального использования). А также ставим галочку, что вы будете получать рассылку. В будущем, если вы захотите использовать программу в более сложных проектах, то темы в рассылках могут пригодиться.
![Заполняем как на экране только имя своё вводите И нажимаем кнопку Create - фото 8](/books/1218162/image7_612cdd65c36d990007df6a55_jpg.webp)
Заполняем, как на экране, только имя своё вводите. И нажимаем кнопку «Create account».
Получаем такое окно.
![Смысл этого текста в том что надо зайти на свою почту получить письмо Вот - фото 9](/books/1218162/image8_612cddd5f6025500077b56b3_jpg.webp)
Смысл этого текста в том, что надо зайти на свою почту, получить письмо.
Вот так оно у меня выглядит в списке.
![Подтвердить свой email адрес Открыть его Надо нажать кнопку с текстом - фото 10](/books/1218162/image9_612cde19c36d990007df6acb_jpg.webp)
Подтвердить свой email адрес.
Открыть его.
![Надо нажать кнопку с текстом Verify email Появится новое окно с запросом - фото 11](/books/1218162/image10_612cde4ff6025500077b56fc_jpg.webp)
Надо нажать кнопку с текстом «Verify email».
Появится новое окно с запросом пароля и кнопкой входа «Log in». Переходим к следующему разделу
Подготовка к работе
![Проверяем чтобы в первой строке был ваш email который указали при - фото 12](/books/1218162/image11_612cde81f6025500077b5724_jpg.webp)
Проверяем, чтобы в первой строке был ваш email, который указали при регистрации. Вводим свой пароль, который вы указали при регистрации и нажимаем кнопку «Log in».
Теперь откроется окно с приглашением назвать вашу «команду». Нажимаем по стрелке «Do this later». На самом деле «команда» нам не нужна на обучении.
![Появится новое окно Появится новое окно Нас интересует Design with Figma - фото 13](/books/1218162/image12_612cdec5473a750007c4bf81_jpg.webp)
Появится новое окно.
![Появится новое окно Нас интересует Design with Figma На этот пункт нажимаем - фото 14](/books/1218162/image13_612cdeefc36d990007df6b72_jpg.webp)
Появится новое окно. Нас интересует «Design with Figma». На этот пункт нажимаем левой кнопкой мыши. Теперь появится окно с выбором шаблона.
Читать дальшеИнтервал:
Закладка: