Горячее
Лучшее
Свежее
Подписки
Сообщества
Блоги
Эксперты
Войти
Забыли пароль?
или продолжите с
Создать аккаунт
Я хочу получать рассылки с лучшими постами за неделю
или
Восстановление пароля
Восстановление пароля
Получить код в Telegram
Войти с Яндекс ID Войти через VK ID
Создавая аккаунт, я соглашаюсь с правилами Пикабу и даю согласие на обработку персональных данных.
ПромокодыРаботаКурсыРекламаИгрыПополнение Steam

Топ прошлой недели

  • Oskanov Oskanov 8 постов
  • alekseyJHL alekseyJHL 6 постов
  • XpyMy XpyMy 1 пост
Посмотреть весь топ

Лучшие посты недели

Рассылка Пикабу: отправляем самые рейтинговые материалы за 7 дней 🔥

Нажимая кнопку «Подписаться на рассылку», я соглашаюсь с Правилами Пикабу и даю согласие на обработку персональных данных.

Спасибо, что подписались!
Пожалуйста, проверьте почту 😊

Новости Пикабу Помощь Кодекс Пикабу Реклама О компании
Команда Пикабу Награды Контакты О проекте Зал славы
Промокоды Скидки Работа Курсы Блоги
Купоны Biggeek Купоны AliExpress Купоны М.Видео Купоны YandexTravel Купоны Lamoda
Мобильное приложение

Adobe XD

7 постов сначала свежее
2
digitalsfera.ru
digitalsfera.ru
2 года назад

Мелочи Adobe XD или «как выбесить верстальщика»⁠⁠

Мелочи Adobe XD или «как выбесить верстальщика» Веб-дизайн, Создание сайта, Adobe XD, Figma, IT, Длиннопост

Как-то так повелось, что в основном я делал дизайн сайтов в Adobe XD. Непонятным образом Figma прошла мимо, и только сейчас начинаю ее использовать 🧐.

В XD есть несколько проблем, которые меня в большей степени подбешивают даже не как дизайнера, а как верстальщика. Если кратко их охарактеризовать — приложение для дизайна сайтов учитывает не все возможности верстки сайтов.

Например, в программе есть свойство «интерльяж». Только при верстке как правило используется свойство line-height, которое по умолчанию в браузерах равно 150%. Угадаете сколько в XD? Странным образом, 133%. И изменить это свойство никак нельзя.

Мелочи Adobe XD или «как выбесить верстальщика» Веб-дизайн, Создание сайта, Adobe XD, Figma, IT, Длиннопост

Несмотря на интерльяж 150px — line-height по факту 133%

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

Решается проблема установкой line-height 133% для тега html, и 150% для тегов p, h1-h6. Если что, можно и вручную скорректировать. Но непонятно, почему так коряво сделано...

Еще у тени можно задать размытие blur-radius (буква Р в интерфейсе). Но про радиус распространения spread-radius почему-то забыли. Не говоря уже о возможности добавить вторую тень 😅. Хотя двойные и тройные тени позволяют сделать эффекты реалистичнее — даже в Google Material Design тени тройные.

Мелочи Adobe XD или «как выбесить верстальщика» Веб-дизайн, Создание сайта, Adobe XD, Figma, IT, Длиннопост

Тени курильщика

А вот в Figma с этим проблем нет, свойства теней корректные, и можно добавить несколько теней.

Мелочи Adobe XD или «как выбесить верстальщика» Веб-дизайн, Создание сайта, Adobe XD, Figma, IT, Длиннопост

Тени здорового человека

И возвращаясь к теме Figma — кайфанул, что там все свойства элементов в программе соответствуют CSS свойствам при верстке. И line-height можно задать не просто пикселями, а процентами 🤤!

Мелочи Adobe XD или «как выбесить верстальщика» Веб-дизайн, Создание сайта, Adobe XD, Figma, IT, Длиннопост

XD нервно курит в сторонке, однако

Но у Figma минус, на мой взгляд — что файлы сохраняются онлайн. При желании компания ведь может закрыть бесплатный доступ к ним, или ограничить максимальное количество на бесплатном тарифе.

Тем более что Figma нынче купили те самые Adobe, и что делать будут — непонятно. Поэтому как-то спокойнее, когда все файлы на устройстве — пока «терплю» эти недостатки и пользуюсь XD.

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

А вы что думаете по этому поводу и какими программами для веб-дизайна сами пользуетесь?

———

Если статья была полезной - буду благодарен за подписку на ТГ канал DIGITAL СФЕРА, где пишу про опыт работы с разными направлениями в сфере Digital — маркетинг, SEO, SMM, разработка сайтов, аналитика.

Показать полностью 4
Веб-дизайн Создание сайта Adobe XD Figma IT Длиннопост
8
AtyAty
3 года назад

UI/UX Дизайн, тестовое задание⁠⁠

Дизайнеры, выручайте!
Всем здравствуйте. Меня зовут Станислав, 19 лет. Несколько месяцев назад начал самостоятельное обучение на профессию UI/UX дизайнер, интерес бешеный.
На днях появилась возможность сдать текстовое задание для банка в нашем городе, дабы на конкурсной основе они отобрали себе минимум 5 начинающих на стажировку с хорошей оплатой.
Задача заключается в том, чтобы разработать 5 экранов для travel сервиса в приложении банка, начиная с первого. Это может быть как бронирование отелей, автомобилей после прилёта, так и покупка экскурсионных билетов.

Вот сам текст с задания:
" Тестовое задание

Тестовое задание В будущем мы видим Kaspi Travel, как полноценный сервис организации путешествий, где клиенты смогут купить авиабилеты, забронировать отели, арендовать авто, выбрать туры, оформить страховку и прочее.

• Придумайте будущий интерфейс главной страницы Kaspi Travel со всеми новыми сервисами.

• Выберите любой новый сервис для путешествий и покажите процесс оформления покупки (не более 5 экранов).

• Объясните, почему Вы предложили именно такое решение.

Посмотреть подобные решения, можно в приложениях Tripadvisor, Expedia, Kayak, Trip.com, OneTwoTrip

"

Прошу помочь советом или своими мыслями на счет того, какие решения лучше подойдут и как их лучше оформить, заранее всем спасибо за участие!

Вот ссылка на исходники: https://www.figma.com/file/ZBRwIsEGbavzFmA442OUbI/Исходники

UI/UX Дизайн, тестовое задание Uiux, Ui, Ux, Ux-дизайн, Uxui, Веб-дизайн, Джуниоры, Web, Интерфейс, Figma, Скетч, Adobe XD, Adobe Illustrator, Резюме

ВАЖНО: Я ни в коем случае не хочу выполнить работу чужими руками. Это задание на стажировку, то есть берут начинающих или джунов. В любом случае я буду искать совет у более опытных, дабы выделиться и попасть на работу, которая мне сейчас просто необходима.

Показать полностью 1
[моё] Uiux Ui Ux Ux-дизайн Uxui Веб-дизайн Джуниоры Web Интерфейс Figma Скетч Adobe XD Adobe Illustrator Резюме
43
66
BHD2R
BHD2R
4 года назад
Web-технологии

Как без пиратства и покупки платного ПО пользоваться макетами Adobe XD⁠⁠

Формат файла Adobe XD представляет из себя архив, который содержит описание структуры макеты в виде JSON структуры, графических растровых и векторных файлов использованных при создании макета.


Стандартный метод — открыть в программе Adobe XD — нужна программа купленная за деньги (подписка).

Использовать сервис-конвертор XD2SKETCH.COM — за деньги (подписка или платное разовое использование).

Программу-сервис Avocode — за деньги.
Кроме того, некоторые программы работают только в среде Mac OS (Sketch - только MAC OS или веб-приложение)

И тому подобное.


Чтобы открыть макет Adobe XD бесплатно, можно воспользоваться бесплатной программой-сервисом Photopea — в этом случае видны все параметры объектов макета и даже доступ к CSS значениям реализован удобнее чем в Photoshop. А вот реализация извлечения растровых объектов из макета, для внедрения в вёрстку, немного подкачала, на мой вкус.


Чтобы получить объекты из файла Adobe XD, достаточно открыть его как Zip-архив, например с помощью архиватора 7-Zip. В результате получим несколько папок с ресурсами JSON, XML, и папкой с растровыми объектами: «resources».


Содержащиеся там файлы будут без расширений, но это решается просто переименованием, с добавлением соответствующего расширения. Если есть сомнения в том, какое расширение необходимо, достаточно открыть файл в программе Notepad++ или в другом тактовом редакторе. У файлов формата PNG в первой же строчке будет «‰PNG». У SVG-файлов будет так же видна вся XML структура присущая SVG-файлам.


Итого, файл макета открыт в Photopea — данные CSS доступны для переноса. Папочка с графикой для вставки в вёрстку — готова.

Кроме того, из Photopea можно сохранить в PSD, который открывается некоторыми бесплатными просмотровщиками и редакторами.

Возможно, подход не оригинальный. Но уж чем богаты.

Вероятно есть и более простые методы.

Показать полностью
[моё] Верстка Веб-дизайн Adobe XD Png Json Xml 7-zip CSS Mac Os Текст
24
Usernamelre3
Usernamelre3
4 года назад

Adobe xd я не очень понял...⁠⁠

Привет как я понял эта программа помогает создавать интерфейс макеиа приложения без особых навыков программирования(с каким-то опытом работы в photoshop)и видел что приложения работают на чем-то вроде blue-принтов как ue4.

Правильно ли я все понял и вопрос можно ли создавать только макеты

Adobe xd я не очень понял... Adobe, Adobe XD
Показать полностью 1
[моё] Adobe Adobe XD
3
Metrik79
Metrik79
5 лет назад

Почему UI-специалисты отказываются от Photoshop и переходят на Sketch?⁠⁠

25 лет назад, 19 февраля 1990 года, братья Джон и Томас Нолл запустили небольшую программу, которая соединила компьютер со сканером. Проект назвали Photoshop. На протяжении двух десятилетий он был монополистом на рынке графических программ, а слово «фотошоп» стало нарицательным.


Однако, вероятно, первенство Photoshop пошатнулось. Сейчас многие веб-дизайнеры переходят на Sketch — продукт, созданный специально для UI-специалистов. Шеф-редактор vc.ru пообщался с разработчиками интерфейсов и выяснил, готова ли индустрия сменить поставщика программного обеспечения.


Для меня переход с Photoshop на Sketch был крайне болезненным, Я, что называется, человек старой закалки. Помню ещё ранние версии Photoshop вроде CS4 and CS5. За 25 лет Photoshop стал стандартом для индустрии веб-дизайна, несмотря на «вес» (программа занимает больше 1 Гб дискового пространства), невостребованные функции в интерфейсе и чрезвычайно запутанную процедуру покупки, на которую даже жаловался создатель соцсети «ВКонтакте» Павел Дуров.


Adobe также выпускает векторный Illustrator, из-за чего разработчикам интерфейсов часто приходилось постоянно держать открытыми сразу два редактора.


Photoshop cоздавался и развивался, как софт для фотографов. Потом его напичкали всем, что только в голову пришло. От этого редактор стал похож на неповоротливого бегемота», — считает продуктовый дизайнер «Яндекса» Артур Касимов. Сложности возникали и со скоростью работы и с производительностью. Например, макеты, содержащие большое количество слоев, заметно замедляли процессы в Photoshop. Особо ощущались «тормоза» при одновременной работе над несколькими макетами.


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


Впрочем, на рынке появлялись альтернативы Photoshop: GIMP, Krita, Paint.NET и другие. Однако они не могли предоставить даже близко необходимый набор инструментов для проектирования интерфейсов, считают UI-специалисты.


Появление Sketch

Несколько лет назад разработчики компании Bohemian Coding выпустили программу для Mac OS под названием Sketch. Первое отличие, сразу бросавшееся в глаза — приложение являлось альтернативой Photoshop, однако его интерфейс был больше похож на программу из пакета iWork — нативные иконки из Cocoa, минимальное количество инструментов на панели, единственный блок настроек, подстраивающийся под действия пользователя.


В отличие от Photoshop, Sketch не использует собственных средств для отрисовки создаваемого контента — эти функции возложены на встроенные инструменты Mac OS X: QuickTime, Quartz Extreme, Core Image, Core Animation, OpenGL и ColorSync. Благодаря этому даже последняя версия программы занимает всего 42 Мб на диске.


Однако с первыми версиями оказалось не всё так гладко. Многие дизайнеры заметили новинку, но побоялись отказаться от Photoshop. Тогда еще разработчики Sketch не могли определиться, для кого они выпустили продукт — поэтому часть функций напоминала графический редактор, другая часть — приложение для создания сайтов. Sketch 2 расставил нужные акценты — программа была ориентирована на UI-специалистов. Но её бедой было большое количество багов.


Появление отлаженной третьей версии Sketch привело к началу популяризации программы среди специалистов.


Переход на Sketch и ХD


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


Переход с Photoshop на Sketch, однако, может оказаться непривычным.


Я настолько привык к Photoshop, что от одной мысли о других графических редакторах мне становилось как-то не по себе, — Ситуация осложнялась тем, что мои коллеги-дизайнеры, с которыми я тогда работал, уже перешли на Sketch и всячески его хвалили. Они подкалывали меня, смеялись. Но я продолжал придумывать отмазки (в первую очередь, для самого себя). Сначала я говорил, что перейду, когда сделают "зум" колёсиком мышки, потом уверял себя, что по окончанию проекта с Photoshop будет покончено. Я и сам видел, что скорость работы в Sketch у моих коллег возросла».


Одна из трудностей, , заключалась в непривычных «шорткатах» Photoshop — в Sketch они по умолчанию были другими: Я не сразу догадался вручную подстроить всё под себя. Но когда сделал это, скорость работы заметно возросла.


Также пользователям Photoshop будет непривычен принцип работы с векторными объектами — в Sketch он больше похож на Illustrator



ООтказ от Photoshop


Sketch and Adobe XD (проект Комета) — не идеальные продукты, считают многие опрошенные ЦП UI-специалисты. В программах все еще много багов. В интернете есть даже отдельные ресурсы, которые собирают ошибки и мониторят их исправление.


Не хватает инструментов для командной работы, что очень актуально для студий и компаний с отдельными командами дизайнеров. Кроме того, в Sketch практически отсутствует работа с растром, что в некоторых задачах пока не позволяет полностью отказаться от продуктов Adobe. Но это лучше поганой Фигмы в миллион раз (примечание автора и о ней я расскажу позже)


Я считаю, что не нужно отказываться от хорошего инструмента, Sketch не заменяет Photoshop полностью, он отлично подходит для создания сайтов и интерфейсов, но это не значит что я не могу пользоваться продуктом Adobe классик набора для подготовки фотографий или 3D-редактором для моделирования и рендера».


Однако учитывая низкую, по сравнению с Photoshop, стоимость приобретения Sketch ($99,99), Adobe может потерять большой кусок постоянных клиентов в лице UI-специалистов, считают дизайнеры. Но всегда есть возможность скачать бесплатно-православно с https://www.appstorrent.ru/programs/ .


Вот такие пироги — решайте сами что вам больше нравится и удобнее для вас, в веб разработке — но это точно не PS and Figma.

Почему UI-специалисты отказываются от Photoshop и переходят на Sketch? Дизайн, Ui, SketchUp (программа), Figma, Длиннопост, Adobe XD
Показать полностью 1
[моё] Дизайн Ui SketchUp (программа) Figma Длиннопост Adobe XD
14
389
funkym0nkey
funkym0nkey
7 лет назад
Графический и Веб-дизайн

Современные инструменты Web & UI/UX дизайнера⁠⁠

Фотошоп — всё

Современные инструменты Web & UI/UX дизайнера Дизайн, Скетч, Figma, Photoshop, Ui, Ux, Длиннопост, Adobe XD

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


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

1. Sketch

Современные инструменты Web & UI/UX дизайнера Дизайн, Скетч, Figma, Photoshop, Ui, Ux, Длиннопост, Adobe XD

По моим субъективным ощущениям Скетч лидирует на профессиональном рынке. Если вы отправитесь на собеседование в значительную компанию, почти наверняка вас спросят, умеете ли вы в Скетч? Правда, для работы он использует встроенные функции iOS: на версию под Win уже никто особо не рассчитывает.


Скетч активно разрабатывается: из практических преимуществ, которые существуют на данный момент, можно выделить очень удобную работу с символами. Это что-то вроде смарт-объектов в фотошопе, но значительно функциональнее. Например, вы можете изменить контент внутри символа, не меняя сам символ. Предположим, у вас есть карточка товара. Чтобы создать бесконечное разнообразие карточек с разными товарами — вам хватит одного (!) символа.


Это небольшой и конкретный пример его превосходства над Figma и XD, о которых речь пойдет дальше. Если говорить о Фотошопе — Скетч превосходит его буквально во всём, что касается интерфейсов.

2. Figma

Современные инструменты Web & UI/UX дизайнера Дизайн, Скетч, Figma, Photoshop, Ui, Ux, Длиннопост, Adobe XD

На данный момент самая удачная альтернатива Скетчу для win-юзеров. По сути, этот выбор за вас делает платформа.


Фигма тоже активно разрабатывается. Есть все надежды на то, что она ни в чём не будет уступать Скетчу, но уже сейчас у неё есть свои особенные фишечки, например, коллективная работа над документом — механика похожа на коллективную работу в GoogleDocs.


Можно брать.

3. Experience Design

Современные инструменты Web & UI/UX дизайнера Дизайн, Скетч, Figma, Photoshop, Ui, Ux, Длиннопост, Adobe XD

Не то, что мне было что сказать о нём, но как дань былому величию Adobe; и XD, как надежде на хотя бы частичное его возвращение, думаю, стоит его упомянуть. Кто работает в XD, можете дополнить меня в комментариях.


На данный момент он очень сырой, но выглядит, тем не менее, перспективно. И, может быть субъективно, но в плане взаимодействия — приятнее Фигмы (потому что больше похож на Скетч).

Всё это здорово, но...

Современные инструменты Web & UI/UX дизайнера Дизайн, Скетч, Figma, Photoshop, Ui, Ux, Длиннопост, Adobe XD

Всё это здорово, но если вернуться от теории к правде жизни, наверняка возникнут некоторые проблемы. Например,


Как быть с обработкой растровых изображений (ретушь, коррекция, сменить-фон-убрать-прыщи)?

Никак. Всему свои инструменты: для разработки интерфейсов — Sketch, Figma etc; для работы с растровыми изображениями — Фотошоп. Никого не смущает, что мы не обрабатываем фотографии с помощью HTML/CSS, к примеру, так почему должно смущать, что мы не делаем это с помощью Скетча?


Что делать, если заказчик панически боится любых исходников, не заканчивающихся на .psd?

Внедрение Sketch или Figma повышает качество и скорость работы, как со стороны дизайна, так и со стороны разработки.


Для работы с исходником не требуется установки, покупки, пиратства дополнительного софта. Файл .sketch выгружаем в Zeplin (бесплатный, есть веб-версия, есть аналоги); .fgm никуда не выгружаем — Figma сама по себе бесплатная и имеет веб-версию.


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


Разработчик отправит меня на х#й Как быть, если панически боится разработчик?

Прежде всего, это какой-то неправильный разработчик. В нашей сфере, если ты не развиваешься, то очень быстро оказываешься на обочине. По возможности избегайте этого.


Маловероятно, что такой вопрос в принципе возникнет. Как правило, преимущества Zeplin/Figma над psd-исходником, им (разработчикам) даже очевиднее, чем нам (дизайнерам) — достаточно минимальной демонстрации.


Спасибо!

Показать полностью 4
[моё] Дизайн Скетч Figma Photoshop Ui Ux Длиннопост Adobe XD
108
10
OneClickStudio
OneClickStudio
8 лет назад
Android Developers

Material Design - Макетирование в xD (Experience Design)⁠⁠

Всем привет!


Выдался свободный от рутины денек, а значит, пора приступить к очередному этапу улучшайдзеров для приложений на Android.


Сегодня поговорим о таких скучных словах как user interface, material design, перекопаем кучу гайдов и вообще, будем немного причесывать приложения в плане юзабилити.


Все телодвижения будем производить за компьютером в приложении experience design от Adobe. Поехали!

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

Рассматриваемая на сегодняшнем занятии программа - это попытка мега гиганта Adobe заменить такие приложения, как Sketch, Fluid Ui и кучи других.


Попытка получилась однозначной. С одной стороны, здесь есть приятные фишечки, как динамическое проектирование (возможность потыкать сразу), возможность нарисовать красивую картинку, но также из минусов мало инструментов, косяки при импортировании графики непосредственно в слой, и другие болячки.


Но мы сейчас не об этом. Прикидывать новый дизайн будем для клиента интернет магазина Эльдорадо, и немного освежим его.


Открываем новый документ, в панели инструментов выбираем готовый шаблон для ведроид девайсов.

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

Пару пустых экранчиков мы наклепали, идем дальше. Нам надо нарисовать привычные для каждого устройства status bar и toolbar. А для этого что? Правильно. Нужно залезть в гайды, и вспомнить их размеры.

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

Двигаемся дальше - в инструментах берем прямоугольник, и рисуем заветные полоски, задаем цвет, и вуаля! Почти похоже. Решил немного уйти от принципов (статус бар должен быть всегда темнее), и поиграться с отображением.

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

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


И черт меня дернул растянуть toolbar аж до 250dp (вместо положенных 56). Дальше как говориться понеслось, только успевай. Вышло что то наподобие экрана "О приложении".

В целом мне показалось миленьким.

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

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

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

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


К примеру, нарисованный ниже за пол часика экран частично берет корни из приложения Google Play Store, часть из программы AliExpress.


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

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

Запуск, в отличии от эмуляторов мгновенный, это явный плюс. Пока что не нашел параметров для скрола контента, но думаю это прикрутят в будущих фиксах.

Material Design - Макетирование в xD (Experience Design) Android, Программирование, Длиннопост, Adobe XD

Очень часто в дальнейшем приходилось обращаться к гайдам, вспоминать отступы, так как никаких данных ни для одной платформы не указано.


Использовал множество ресурсов, в том числе:


- Иконки (https://material.io/icons/)

- Цветовая палитра (https://material.io/guidelines/style/color.html#color-color-palette)

- Библиотеки (https://android-arsenal.com/)

- Общие принципы концепта MD (https://material.io/guidelines/patterns/confirmation-acknowledgement.html#confirmation-acknowledgement-confirmation)

- Cтоковая графика (http://www.freepik.com/)


Ну и в качестве подведения итогов.


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


Скачать можно пока на халяву, ну а дальше вы знаете. Подписка, пиратство, срок.

http://www.adobe.com/ru/products/experience-design.html


Поддерживается только Windows 10 и MacOS. Потыкал на обеих платформах, в целом идентичен.


Всем бобра, до связи! =)

Показать полностью 8
[моё] Android Программирование Длиннопост Adobe XD
2
Посты не найдены
О Нас
О Пикабу
Контакты
Реклама
Сообщить об ошибке
Сообщить о нарушении законодательства
Отзывы и предложения
Новости Пикабу
RSS
Информация
Помощь
Кодекс Пикабу
Награды
Команда Пикабу
Бан-лист
Конфиденциальность
Правила соцсети
О рекомендациях
Наши проекты
Блоги
Работа
Промокоды
Игры
Скидки
Курсы
Зал славы
Mobile
Мобильное приложение
Партнёры
Промокоды Biggeek
Промокоды Маркет Деливери
Промокоды Яндекс Путешествия
Промокоды М.Видео
Промокоды в Ленте Онлайн
Промокоды Тефаль
Промокоды Сбермаркет
Промокоды Спортмастер
Постила
Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии