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

Долгий путь: idle

Кликер, Ролевые, Фэнтези

Играть

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

  • SpongeGod SpongeGod 1 пост
  • Uncleyogurt007 Uncleyogurt007 9 постов
  • ZaTaS ZaTaS 3 поста
Посмотреть весь топ

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

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

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

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

Помощь Кодекс Пикабу Команда Пикабу Моб. приложение
Правила соцсети О рекомендациях О компании
Промокоды Биг Гик Промокоды Lamoda Промокоды МВидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
0 просмотренных постов скрыто
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
5 лет назад

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
8 лет назад
Графический и Веб-дизайн

Современные инструменты 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
Информация
Помощь Кодекс Пикабу Команда Пикабу Конфиденциальность Правила соцсети О рекомендациях О компании
Наши проекты
Блоги Работа Промокоды Игры Курсы
Партнёры
Промокоды Биг Гик Промокоды Lamoda Промокоды Мвидео Промокоды Яндекс Директ Промокоды Отелло Промокоды Aroma Butik Промокоды Яндекс Путешествия Постила Футбол сегодня
На информационном ресурсе Pikabu.ru применяются рекомендательные технологии