Публикации по теме 'sketch'


Форматирование значка эскиза
Скетч - удивительный и популярный инструмент для дизайна интерфейсов. К сожалению, иногда активы, которые он экспортирует, могут быть немного нестабильными. Сюда входит .svgs. Sketch использует маски и <defs> хорошо работает для создания многоразовых символов, но, к сожалению, может нарушить работу компонентов разработчика. В моем случае это нарушало работу компонента значка vue.js, который динамически импортировал файл .svg. Я решил создать сценарий для очистки..
Как использовать React в вашем плагине Sketch  — «Проблема с начальной загрузкой данных»
Это четвертая часть моей серии статей Как использовать React в плагине Sketch . В этой статье мы более подробно рассмотрим проблему начальной загрузки данных. Проблема заключается в том, что ad-hoc заставляет пользовательский интерфейс React отображаться без данных Sketch при первом открытии окна плагина. Я также дам вам решение этой проблемы. Прежде чем мы начнем Я буду использовать свой плагин-проект из моего предыдущего руководства в качестве шаблона. Если вы не..
Простое руководство по получению пользовательского ввода для вашего плагина Sketch - Часть II
Ранее в части I Помните, как мы создавали диалоговое окно в части I серии? Ааа, были времена. Мы создали диалоговое окно, заполнили его полями ввода и представили диалоговое окно пользователю. Но мы еще не закончили. Нам все еще нужно обработать данные, которые пользователь заполнил в нашем диалоговом окне. Оглавление Обработка результатов ввода - кнопки - TextInput - Раскрывающийся - Флажок - Переключатель Сохранение значений для повторного использования -..
Использование Sketch в кроссплатформенной разработке — Бортжурнал №3
На каком-то этапе работы разработчика вам, возможно, придется сотрудничать с вашим дизайнером. Давайте проясним: хороший дизайн всегда приветствуется. Нам всем не нравится создавать уродливые приложения. Итак, у вас есть дизайнер, который предоставил клиенту красивые дизайны. Все идет нормально. Но теперь вам нужно реализовать эти проекты. Дерьмо. В зависимости от их сложности это может быть кошмаром или мечтой. Ваша жизнь - руки дизайнера. Возвращаясь к основной теме: у вас..
Представляем Protoship's Teleport: конвертируйте веб-сайты в документы Sketch
Protoship конвертирует документы Sketch в HTML и CSS с помощью миксинов SASS, сеток Bootstrap и повторно используемых компонентов React. Благодаря этому дизайнерам больше не нужно задавать дизайн для передачи, и разработчики могут создавать красивый HTML прямо из макета без какого-либо ручного кодирования. У него также есть еще одна функция, которая работает в обратном направлении и предназначена в основном для дизайнеров - конвертировать существующие веб-сайты обратно в Sketch. Мы..
Последовательность и кропотливость в дизайне пользовательского интерфейса
Дизайнеры давно страдают от отсутствия настоящего механизма компоновки в своих инструментах проектирования. Это делает повседневный дизайн утомительным, так же как преобразование этих дизайнов в код утомительно для интерфейсных программистов. Ключ к хорошему дизайну пользовательского интерфейса - это визуальная согласованность. Это также ключ к хорошему HTML и CSS. Но на практике веб-сайты несовместимы даже по цвету своего бренда. Их расстояния будут повсюду; каждый закатывает..
Плагин Lorem Ipsum Generator для Sketch
Плагин Lorem Ipsum Generator для Sketch Недавно я работал над быстрым проектом в Sketch , и мне нужно было вставить текст Lorem Ipsum в несколько полей. Я быстро поискал плагин в Google и наткнулся на этот от @RichardGong на Github . Это отлично сработало, но добавило только одну строку Lorem в каждое текстовое поле и тот же текст Lorem. Это решение заходит так далеко, только если вы работаете над любым проектом с более чем одним текстовым полем. Так что я разветвил его проект и..