Ответы пользователя по тегу Sketch
  • Как сохранить проект в Figma для открытия в Скетч?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Добрый!
    Такого способа пока нет, насколько я знаю, над этим уже работают.
    Ответ написан
    Комментировать
  • Как вы учили Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Учил методом тыка - обычный графический редактор, без каких либо сложных функций. Самый легкий способ изучить - сделать пару макетов.

    Когда я ее осваивал, она еще не была майнстримом, и видоуроков по ней не было, сейчас есть прекрасный курс, по нему полностью сможете освоить программу:
    https://vk.com/bookmarks?from_menu=1&w=wall-383683...

    Вот еще
    И вот
    Ответ написан
    Комментировать
  • Есть Desktop решения для конвертации psd в sketch\Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Самый легкий способ, который я нашел:

    Экспортировать psd в adobe XD (есть встроенная возможность), а оттуда скопировать SVG всех элементов и вставить в Figma - при таком способе, все текстовые слои превращаются в вектор, их придется переписывать самостоятельно, но это намного ускоряет процесс переноса.
    Ответ написан
    Комментировать
  • Сетка для адаптивного дизайна, какую сетку лучше создавать?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Процесс создания сетки очень индивидуальный, вы можете кастомизировать сетки как хотите, для этого в первую очередь вам нужно определиться с контентной областью сайта.

    Сетка - напрямую взаимосвязана с конетной областью, так например стандарт у Boostrat 3 - 1170px.
    У него используется сетка с параметрами:
    12 колонок, по центру, ширина 70, отступ между колонками 30.

    В принципе ее можно брать за основу, так как она достаточно удобная и уже со своим шаблоном, подходит для большинства экранов ноутбуков и компьютеров. Но привязывается к конкретным цифрам, я бы не стал, опять же, сетка - вещь очень кастомная, конструируйте ее под разные размеры контентной области.
    Ответ написан
  • Какой инструмент наиболее удобен для прототипирования интерфейсов сайтов и приложений?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Есть два быстрых варианта:
    1. Использовать гибкий и функциональный инструмент - Axure
    2. Создать в скетче/фигме символы, с прототипами фигур, черно-белые, и использовать библиотеку символов, как конструктор.
    Ответ написан
  • Какая из программ лучшая для создания UI прототипов?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Три мощные программы, самые жирные плюсы каждой из них:

    1. Figma - кроссплатформенность (даже lunux), командная работа в онлайне, возможность редактировать прототипы совместно, одновременно. - БЕСПЛАТНАЯ

    2. Adobe XD - пакет ADOBE, интеграция с их диском, удобная программа которая вливается в Creative Cloud.

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

    Я выбрал Figma, потому что считаю, что на ней делать и использовать дизайн систему легче и практичней, а еще, считаю его самым мощным из вышеперечисленных. Когда доделают API для плагинов, цены ей точно не будет)
    Ответ написан
    1 комментарий
  • Перенос макета из Sketch в Figma?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Работал параллельно с одним дизайнером, над одним проектом. Он работа в Скетче, я на Фигме, он мне присылал свои исходники, я свободно их открывал. Были минимальные баги, но решались они в один - два клика.

    Фигма открывает Скетч достаточно качественно.
    Ответ написан
    Комментировать
  • Sketch или Figma для дизайна интферфейсов?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Для меня главный аргумент между Фигмой и Скетчем - кроссплатформенность и работа на облаке, я в любом месте, на любом устройстве, в любое время могу открыть свои исходники и продолжить работу. Я могу передать исходники любом дизайнеру, на любом устройстве. Я могу предоставить доступ заказчику, чтобы он смог прямо в браузере, отредактировать макет и предложить свою идею. А еще, я могу отдать свой проект совершенно любому программисту, и у него прямо в браузере будет удобный инструмент для верстки, и ему не придется мучатся с поиском инструмента для верстки из скетча.

    У меня все)
    Ответ написан
    Комментировать
  • Каким образом создаётся единая концепция указанного на скрине дизайна?

    mixail_fet
    @mixail_fet
    Дизайнер веб-интерфейсов
    Привет.
    Если я правильно понял вопрос, и ты спрашиваешь, с помощью чего был создан итоговый макет, то тут, на первый взгляд, используется несколько инструментов:

    1. Adobe Illustrator - для создания векторных иллюстраций
    2. Adobe Photoshop - для обработки этих иллюстраций, и качественной теней и света
    3. Adobe XD или Figma, или Sketch, для создание макета самого сайта и сбора всех картинок и иллюстраций.

    Но это не панацея, тут можно использовать только Иллюстратор или только Фотошоп, но это будет менее эффективней.

    Тебе нужно определиться, что именно ты хочешь? Создавать иллюстрации или делать макеты?
    Ответ написан