Графический web редактор для android

Лучшие программы дизайна на Андроид для рисования, вектора, Android Фотошоп и др.

Андроид — наиболее популярная мобильная ОС, которая установлена на миллионах устройств по всему миру. Поэтому не удивительно, что под нее есть достаточно много игр, утилит, приложений, в том числе и разных Android Apps для дизайнеров. Вы можете использовать их на средненьких китайских смартфонах, топовых девайсах по типу Google Pixel 2 XL или планшетах Samsung с пером S Pen.

Данная статья будет своего рода логическим продолжением подборки десктопных бесплатных аналогов Фотошопа, Иллюстратора, но только для мобильного рынка. Информация здесь (а также иллюстрации) позаимствованы из этой статьи. Мы немного сократили список, выбрав лишь лучшие решения и те, в которых получится работать без каких-либо финансовых затрат. Всего вышло чуть больше 10-ти приложений. Чтобы скачать программы дизайна на Андроид достаточно перейти по соответствующим ссылкам в их описании.

Adobe Illustrator Draw

• + Легко освоить пользователям графического редактора Illustrator.
• + Имеет множество полезных функций.
• + Возможность интеграции с настольными решениями CC.

Adobe запустила свое приложение Adobe Illustrator Draw для векторной графики в Android устройствах еще в 2016 году, и до сих пор это практически единственная надежная программа для создания векторных рисунков на мобильных (если только вы не выберете планшет на базе Windows).

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

Конечно, разработчики Adobe надеются, что вместе с Illustrator Draw вы будете пользоваться сервисом Creative Cloud, который помогает повысить общую эффективность действий. Также здесь доступна моментальная отправка своих работ в Illustrator и Photoshop CC, поддерживается сервис стоковых изображений Adobe Stock и публикация проектов на сетевой платформе Behance.

Sketchbook

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

Компания Autodesk более известна 3D-приложениями, ведущими в своем классе, однако их новое детище Sketchbook – это, действительно, мощная программа, предоставляющая широкие возможности для творчества, например, для быстрого создания эскизов или имитации рисования красками.

Функциональные особенности включают: большое количество и разнообразие кистей (170 видов); полноценную работу со слоями, в том числе поддержку режима смешивания; совместимость с PSD файлами; предсказуемый штрих, помогающий делать линии и формы точными и четкими.

Sketchbook можно назвать, вероятно, лучшим из всех дизайн приложений для Android, которое в паре с хорошим девайсом (особенно со стилусом) обеспечивает естественное рисование.

Adobe Photoshop Mix

• + Невероятно прост в использовании.
• + Полная совместимость с Photoshop CC.
• — Слабоваты тонкие настройки.

Решение лучше подходит для широкого спектра задач, а не какой-то тонкой работы. Photoshop Mix позволяет вырезать и комбинировать элементы из различных изображений, смешивать слои и корректировать свои творения на Android устройстве. Вполне неплохая вариация приложения Фотошопа на Андроид.

Особенностью программы является ее простота и совместимость с Photoshop CC – при внесении изменений на телефоне, они мгновенно отобразятся на рабочем столе. Кроме того, вы можете воспользоваться всеми преимуществами CC с помощью Adobe Photography Plan – сэкономите при этом немного больше по сравнению с полной подпиской Creative Cloud.

Infinite Design

• + Создание 3D изображений с помощью инструментов перспективы.
• + Безграничный нескончаемый холст.
• + Бесконечные слои, которые можно отменить/вернуть.

Разработчики Sean Brakefield полностью переделали свое приложение SVG векторной графики в Android под названием Infinite Design, выпущенное в 2016 году. С самыми последними обновлениями теперь это реальная альтернатива Adobe Illustrator Draw. Как следует из названия программы, его главными достоинствами являются безграничный холст (панорамирование, масштабирование или поворот), бесконечные слои и мощные возможности редактирования, в том числе отмены и повтора.

В приложении имеется множество фишек по работе со слоями: функция трансформации для масштабирования, поворота, наклона и других изменений. Но основная особенность – это создание 3D-изображений с помощью пяти инструментов перспективы. И еще одно небольшое полезное дополнение для пользователей Chromebooks – наличие горячих клавиш. Такой себе Android Фотошоп получается.

Adobe Photoshop Sketch

• + Возможность превратить любую фотографию в кисть Sketch.
• + Подходит тем, кто юзает CC.

Не смотря на то, что Photoshop Sketch является лишь одним из многих дизайн приложений в Android, оно вполне может оказаться в первых строчках у любого пользователя Creative Cloud благодаря тем преимуществам и набору разных опций, которые оно предоставляет.

Это отличная программа для создания эскизов с такими функциями, как режим наложения, перспективные сетки и естественные инструменты рисования. Нельзя не отметить фишку превращения любого фото в кисть с помощью Capture CC.

Adobe Comp CC

• + Превращает эскизы в четкие макеты.
• + Позволяет работать в любом удобном месте.
• + Совместимо с набором софта от Adobe.

Никогда еще макеты и модели не создавались так легко, как с Adobe Comp. С помощью простых жестов (рукой или стилусом) вы можете сделать наброски, а приложение превратит их в профессиональный макет.

Эта программа для дизайна на Android устройствах просто незаменима для зарисовок налету во время совещаний или презентаций. Выбирайте векторные фигуры, изображения, цвета и стили текста, а потом отправляйте все Adobe Photoshop, Illustrator, InDesign или Muse, чтобы закончить работу на настольном ПК.

Infinite Painter

• + Более 80 предустановочных кистей.
• + Разные действия со слоями подобно Photoshop.
• + Виды в перспективе для 3D объектов.

Не смотря на то, что по своим возможностям Infinite Painter слегка уступает лучшим приложениям для фотошопа на Android, однако в нем есть функции, которые отсутствуют в других аналогичных программах. Можно применять предустановочные кисти – их более 80, или создать новую кисть; работать со слоями и использовать режим наложения.

С помощью пяти видов перспектив у вас получится нарисовать полноценные 3D-изображения. Кроме того, имеющиеся инструменты позволят легко корректировать холст (переворачивать, наклонять и т. д.).

Find My Font

• + Идентифицирует шрифты в любом месте прямо по ходу.
• + В базе данных более 150 000 шрифтов.

Find My Font – оригинальное решение для распознавания шрифтов, изначально дебютировавшая как десктопный софт, куда импортируются фотографии с целью определения используемой типографики. Однако интеграция этого умного инструмента в мобильные устройства открыла новые горизонты – теперь пользователи могут в любое время и в любом месте идентифицировать интересные варианты шрифтов дабы внедрить их в своих проектах.

Благодаря огромной базе данных (свыше 150 000 фонтов) эта программа для дизайна на Андроид способна распознать связанные и отдельные буквы и получить максимально точные результаты вплоть до размера текста.

Adobe Capture CC

• + С помощью искусственного интеллекта предлагает аналогичные шрифты.
• + Создает геометрические узоры на основе авторского изображения.
• + Совместимость с CC.

Для дизайнера Adobe Capture – это как незаменимый швейцарский нож Swiss Army Knife у солдата. Приложение дает неограниченные возможности при работы с векторами, кистями и формами. Capture оснащена инновационной технологией от Adobe – искусственным интеллектом для распознавания типовых форм и предложения визуально сходных шрифтов.

Кроме того, с помощью этого дизайн приложения в Android можно мгновенно создавать геометрические узоры из любого изображения или цветовую палитру из фотографий. А благодаря аккаунту в Creative Cloud ваши творения мгновенно станут доступны в настольном софте Adobe, который вы используете.

Sketcher Free

• + Отличный инструмент отбора.
• + Высокая отзывчивость дисплея при рисовании.
• + Возможность установки дополнительных опций, подобных приложению Sketcher Pro (например, регулирование размера холста или панорамирование/масштабирование).

В Sketcher Free для «процедурного рисования» есть 12 кистей, богатая цветовая палитра и ластик. Однако главным достоинством программы по праву является пользовательский интерфейс с отличным набором полезных фишек.

Color Reference

• + Создание и экспорт цветовых палитр.
• + Выбор цвета с изображений.
• + Множество предустановочных вариантов.

Приложение Color Reference является альтернативой сервисов генераторов палитр, позволяющее создавать и экспортировать цветовые палитры, а также подбирать цвета из импортируемых изображений. Кроме того, в нем есть огромное количество автоматически созданных вариантов. Забавная особенность здесь – опция, с помощью которой вы сможете создать обои для вашего телефона на основе выбранных цветовых предпочтений.

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

Если знаете еще какие-то интересные альтернативы фотошопу в Android или любые другие решения, полезные для дизайнеров, пишите названия/ссылки ниже.

Источник

Среда веб-разработки на Android

Прелюдия

Здравствуйте, уважаемые хабраюзеры.

На написание данной статьи меня сподвиг пост хабровчанина ilichme — Десктоп – давай, до свидания!. Поэтому, сегодня более детально поговорим о том есть ли жизнь на Марсе насколько возможно и удобно писать код на устройстве с Android на борту. Сразу оговорюсь — обсуждать буду только планшеты, так как о прелестях кодирования на смартфоне и так все ясно. Хоть и речь не о написании кода, а об организации рабочего пространства, которое будет максимально удобным для разработки в условиях, где нет любимых IDE и т.д.

В свое время, когда покупал планшет, одним из критериев выбора было наличие удобной клавиатуры, так как я тогда знал, зачем покупаю сей девайс. А так как выбор в данном секторе небольшой, то остановился на ASUS Transformer. Это я к тому, что если у вас есть реальная необходимость писать код «на коленке», в условиях, которые не способствуют этому — значит статья для вас. Хотя она совсем не претендует на подробное пособие и решение ваших проблем (так как запросы у всех разные). А если уже говорить о запросах — эта стать скорее всего повод развить тему более подробно и поделиться опытом. Я уверен, что где-то существует еще не один вариант решения таких задач, под разные уровни работы.

Что будем обсуждать?

Собственно, говорить буду о веб-разработке, так так сам именно этим и занимаюсь. Для того и купил планшет — чтобы в любой момент иметь под рукой возможность писать и править код, да и просто не терять время, когда есть идея что-то реализовать, но нет привычного рабочего пространства.

Так вот, некоторое время назад, я осознал, что много полезного времени теряю в дороге. Конечно, можно просто наслаждаться отдыхом, но иногда в голову приходят неожиданные решения разных рабочих проблем, которые нужно отработать прямо сейчас, ибо потом потеряешь мысль. Или просто хочется писать код — часто так бывает. В общем, время терять нельзя. Но, как назло, Android не самая удобная система для веб-разработки. Разработчики почему-то не очень спешат делать удобные редакторы кода или локальные сервера для отладки. Да вы все сами знаете и понимаете.

Техническое задание

Теперь, наконец-то, перейду к описанию непосредственно среды разработки. Оговорюсь, что именно и для выполнения каких задач я искал:

• Удобный редактор кода, с подсветкой синтаксиса, с возможностью просмотра результата в браузере, функциями undo\redo, с выбором кодировки и т.д.
• Локальный веб-сервер (имеется в виду полноценный — с PHP, MySQL). Конечно, можно отдельно поставить PHP как? и руками прикрутить MySQL, но я хотел все и сразу
• Так же хотелось иметь встроенный ftp для работы с удаленным сервером (пока не критично)

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

Что я нашел

Итак, потратив некоторое время, я довольно быстро нашел приложения, которые практически полностью меня удовлетворили.

Редактор кода

Как ни странно, но с выбором редактора кода проблем практически не было. Дело в том, что в PlayMarket’е не так уж и много достойных редакторов (по меркам существующих) — на пальцах одной руки можно пересчитать. Некоторые из них были кратко описаны на Хабре раньше — здесь и вот здесь. Поэтому, после коротких тестов и размышлений, я остановился на WebMaster’s HTML Editor — ссылка на PlayMarket. Также есть тема на 4PDA. Всем моим требованиям данная программа отвечает на все 100%, а как бонус даже автозавершение кода есть. Сильно вдаваться в детали не буду, но вот общие моменты:

• Поддерживаемые форматы: .js .htm .html .css .php .php3 .php4 .php5 .txt and .xml;
• Подсветка синтаксиса;
• Встроенные виртуальные клавиши для тэгов и популярных ключевых фраз;
• Undo/Redo

Есть две версии — Pro и стандартная. Pro продают за 5$, в бесплатной версии нет функции предпросмотра в браузере и из списка выпадающих тегов можно выбрать только один. Так что тут придется раскошелиться. Но это для своего же блага и удобства. Вот несколько скриншотов:

Для тех, кому не понравился данный редактор, как альтернативу, могу посоветовать DroidEdit. Он также существует в двух версиях. Но как по мне, он уступает WebMaster’s HTML Editor. Но, это дело вкуса. Все остальные редакторы мне совсем не понравились, так как имеют проблемы или с кодировкой или с работой с большими файлами. А это важно.

FTP-клиент

Для работы с FTP я выбрал программу AndFTP — ссылка на бесплатную версию и на Pro версию. На странице WebMaster’s HTML Editor в PlayMarket разработчики редактора сами рекомендуют использовать данный клиент, да и раньше я встречал неплохие отзывы о нем, так что сразу сделал свой выбор. Относительно ftp я не сильно вдавался в детали, так как мне для работы это не критично, хотя иногда нужно что-то подправить «на лету». Возможно, со временем, эта необходимость станет весомой, и я задумаюсь над лучшей оптимизацией.

Программа позволяет сохранять конфигурации соединений (сервер, логин, пароль), а также предоставляет возможности скачивания/закачивания файлов, синхронизации каталога в сети с каталогом на мобильном устройстве, удаления и переименования файлов, изменения прав доступа. Для защиты ваших данных, программа позволяет использовать SSH RSA/DSA ключи. В общем, стандартный набор нормального ftp-клиента, вот только синхронизация папок, поддержка SCP и импорт настроек из файла доступны в ПРО-версии, которая стоит чуть больше 5$.

Локальный веб-сервер

А теперь поговорим о самом интересно — о локальной среде разработки и отладки написанного кода. Согласитесь, без локального веб-сервера вся идея разработки на планшете ничего бы не стоила. И так приходиться терпеть неудобства с ftp, так если бы еще пришлось работать с удаленным веб-сервером, было бы совсем неудобно. Как для меня, так это очень важный момент.

После некоторого времени поисков, я нашел-таки парочку неплохих решений, таких как kWS — Android Web Server или PAW Server for Android, но они меня не впечатлили.

Я уже было согласился их использовать, но неожиданно наткнулся на очень интересный продукт — KSWEB — server + PHP + MySQL и я сразу понял, что это то, что я так долго искал.

KSWEB — это пакет веб разработчика для платформы Android. В его состав входят: веб сервер, язык программирования PHP версии 5.4 и СУБД MySQL версии 5.1. KSWEB дает возможность организовать на вашем Android устройстве платформу для запуска и отладки веб приложений (сайтов). Все, что вам нужно, это установить приложение. В корне памяти устройства создастся папка htdocs, куда необходимо сохранять ваши файлы. Все, как в любом нормальном веб-сервере. После установки, откроется окно управления сервером.

Первым делом, я установил phpMyAdmin (он не установлен по умолчанию). Необходимо кликнуть на соответствующую кнопку в меню, программа спросит, куда устанавливать (путь оставить по умолчанию, так как он должен установиться в папку веб-сервера). Все файлы сервер скачает и распакует самостоятельно. После этого зайти в phpMyAdmin можно будет через панель управления сервером или через браузер, прописав localhost:8080/phpmyadmin. phpMyAdmin полностью функциональный, версии 3.5.2

Для того, чтобы запустить ваш файл, необходимо в панели управления нажать кнопку GO TO. Сразу откроется браузер по умолчанию, в адресной строке уже будет прописан путь к серверу (localhost:8080/), вам же остается только дописать имя файла. С панели управления также можно перегрузить сервер при необходимости. Кнопка Minimize сворачивает сервер в трей, а кнопка Exit закрывает приложение.

Панель настроек имеет такой вид:

Здесь вы можете указать порт, через который будет работать сервер, можете выбрать другую папку для сервера, заставить сразу грузиться в трей не открывая при запуске главное меню. По умолчанию, KSWEB содержит настроенные конфигурационные файлы сервера, PHP и MySQL. Однако, если вы хотите что-то в них изменить, в опциях сервера кликните на пункт «INI Files». Файлы с настройками будут пернесены на SD-карту вашего устройства по адресу «/mnt/sdcard/ksweb/ini/», если она доступна. Повторно кликнув на пункт настроек «INI Files», будут задействованы внутренние файлы настроек.

В Маркете нет возможности купить платную версию, это вы можете сделать через панель опций программы. Лицензия стоит чуть больше 2$ — смешная цена за столь удобное и полезное приложение.

Вот, собственно, и весь необходимый минимум. Конечно, все это субъективно, и я рад буду услышать дополнения и новые решения. Я же, параллельно с личностным ростом и новыми проблемами, буду искать новые пути и средства решения. Может, в конце-концов, и соберу идеальную среду разработки на Android) Спасибо за внимание.

Источник