мобильное приложение картинка для презентации
Шаблон презентации мобильного приложения для Axure
В процессе работы над ui дизайном мобильной версии сайта или мобильного приложения я пробовал разные способы презентации его клиентам. Пока остановил выбор на Invision, но там есть ряд моментов.
Другой вариант — Figma — не все ещё освоили, да и на факт, что он разовьётся в стандарт отрасли. Поэтому некоторые дизайнеры тоже обойдут его стороной.
Делаем презентацию дизайна мобильного приложения в Axure
Самым простым и доступным вариантом остаётся Axure в связке с Axshare. И вот тут начинает остро не хватать наглядности Invision — клиенты не всегда способны в деталях представить работу с приложением в уме.
Так что начнём разрабатывать свой инструментарий. И первым шагом сделаем шаблон для Axure с рамкой условного мобильного телефона. Для этого нам понадобится рамка телефона в PNG с «дыркой» в месте экрана, и структура экранов.
В начале — всё просто: вниз кладём картинку телефона, поверх кладём Inline Frame в размер дырки экрана. Но есть один неприятный момент. Он связан с особенностями элемента Inline Frame.
Этот элемент создает в прототипе окно для выгрузки разной информации — фрейм. В нём можно задать вывод другого экрана из структуры или вставить ссылку на сайт.
Проблема возникает в скролл-барах. Их можно либо показать, либо скрыть. Но при скрытых скролл-барах отключается перемотка — так что длинные экраны приложения не показать в динамике. Не порядок.
Для решения проблемы используем приём с маской (спасибо crackjack).
1. Inline Frame преобразуем в Dynamic Panel. Включаем отображение скроллбаров (если выключено).
2. Переводим фрейм и рамку телефона ещё раз в динамическую панель, у которой отключаем скроллбары. Размер нашей маски так же меняем на 360х640, чтобы скроллбары от фрейма не выглядывали.
Остальное уже проще — на главном экране у нас остаётся рамка телефона в фреймом и заглушкой. В фрейм подгружаем вывод следующего по списку экрана, налаживаем навигацию и всё. Не забываем элементы первого экрана объединить в группу и создать из неё динамическую панель.
Саму панель можно выровнять по середине браузера. В настройках Pin to Browser отмечаем параметры Center и Top. Публикуем всё на Axshare и отправляем ссылку клиенту.
Шорткат. Готовый шаблон для Axure
Важный момент
Шаблон рассчитан на макеты 360 по ширине. Это сделано специально. Макеты в 320 шириной выглядят слишком мелко для глаза на экране настольного компьютера, а макеты в оригинальном размере — 1080 (и даже 640), наоборот — слишком крупно.
P.S. Не буду писать стандартные инструкции что и куда. Я хочу дать больше практически полезных вещей для улучшения работы ux/ui дизайнеров.
С удовольствием отвечу на вопросы и буду рад предложениям по оптимизации!
Восемь мест с бесплатными и качественными шаблонами презентаций
В интернете полно бесплатных шаблонов. Но большая часть из них настолько безвкусна и примитивна, что не стоит времени, которое вы потратите на скачивание.
Поскольку я делаю презентации с 2015 года и постоянно прочесываю интернет на тему, решил собрать в одном месте достойные места с бесплатными шаблонами PowerPoint. Ну и Google Slides с Keynote. Всего нашлось 2300 штук.
Все шаблоны бесплатны и свободны для персонального и коммерческого использования. Некоторые требуют ссылку на автора, некоторые нет. Их можно как угодно менять под себя. Нельзя перевыкладывать или продавать. Многие шаблоны используют бесплатные шрифты Google.
183 шаблона от Jimena, фрилансера из Испании. Каждый месяц Jimena добавляет 2-3 шаблона.
В каждом шаблоне примерно 30 слайдов: обложка, разделитель, цитата, карта, большая цифра и т.д. Также есть небольшой набор иконок и диаграмм.
Формат: PowerPoint, Google Slides
Лицензия: Creative Commons License Attribution 4.0 International, 100% бесплатно для личного и коммерческого использования, с указанием ссылки на сайт Slides Carnival
Чистые макеты и приятные цвета. Без вырвиглазности и аляповатости, как это часто бывает с шаблонами. После регистрации дают скачать около 80 штук.
Форматы: PowerPoint, Google Slides, Keynote
Есть во Франции ребята, называются Slidor. Делают фантастические презентации исключительно в PowerPoint. Мои кумиры и эталон (хотя я не перевариваю все французское). И есть у них три бесплатных шаблона: Peetch, Glide и Selfone.
Построен по классической структуре питча: проблема, решение, рынок, команда, план. Всего 42 слайда. В качестве бонуса 172 иконки, иконки социальных сетей, цветовая палитра и градиенты.
Лицензия: Полностью свободное использование в персональных и коммерческих целях. Указывать автора необязательно.
Минималистичный шаблон из 80 слайдов + 172 иконки. Маст-хэв. Очень много комбинаций контента, при том дизайн максимально универсальный.
Лицензия: Полностью свободное использование в персональных и коммерческих целях. Указывать автора необязательно.
Шаблон для презентации мобильного приложения. 30 слайдов + 172 иконки.
Лицензия: Полностью свободное использование в персональных и коммерческих целях. Указывать автора необязательно.
6 шаблонов из Keynote в формате PowerPoint. Насколько беззубы стандартные шаблоны PP, настолько великолепны они в 10 версии Keynote. Я конвертировал их в формат pptx, адаптировал и выложил в своем телеграм-дневнике. Просто качните и насладитесь.
Сайт, где дизайнеры продают мокапы, иконки, иллюстрации, плагины и т.д. По PowerPoint есть три хороших аккаунта с бесплатными версиями шаблонов: Templatezuu, RRgraph, Dima Isakov.
20 пробников, в каждом по 10-20 слайдов.
Формат: PowerPoint, Keynote
18 пробников по 10–20 слайдов.
5 пробников по 12 слайдов. Классная композиция и типографика.
Формат: PowerPoint, Google Slides, Keynote
Дизайнер из Колумбии с отличным чувством цвета и формы. 6 пробников по 5 слайдов.
Формат: PowerPoint, Keynote
Щедрый подарок от дизайнера из Японии Jun Akisaki. 18 шаблонов по 35–100 слайдов в каждом. Все сделано очень тщательно. Прямо жемчужина в моей коллекции.
Обратите внимание, что можно вставлять картинки в рваные заполнители для картинок.
Лицензия: Полностью свободное использование в персональных и коммерческих целях.
Почти 2000 шаблонов. На удивление, приличных. В каждом примерно 30 слайдов и 1000 иконок.
Формат: PowerPoint, Google Slides
Лицензия: Полностью свободное использование в персональных и коммерческих целях. Указывать автора обязательно.
P.S. Есть еще Showeet, SlideBazaar, Articulate, PowerPointify, их не рекомендую. Эти сайты либо предлагают шаблоны низкого качества, либо устаревшие визуально.
Если на иллюстратора бюджета нет, а картинки на слайде, сайте или в приложении все же нужны, не спешите идти на платные стоки. И на Pixabay, Unsplash, Pexels не идите, туда ходят все. Интернет полон бесплатных и очень даже неплохих иллюстраций.
Все знают Noun Project и Flaticon. Отличные сайты, но часто нужно, чтобы иконки были в одном стиле. Ловите большие наборы иконок (от 260 до 9000+), чтобы «консистенси» ваших през, сайтов и приложений было на высоте.
Отобрал 150+ типовых слайдов из своих проектов, залил на Pinterest, прописал тэги, разделил на секции и назвал это Slidespiration (слайд спирэйшен, ю ноу ;).
Спасибо. В закладки.
Иногда полезно читать свои подписки:)
Спасибо, для меня, как для студента финансового университета, то что нужно😂
Теперь уж точно лучше всех буду делать презики😂
Durex всегда будет делать их лучше 🙂
Очень годно, спасибо!
У многих презентаций, мне кажется, проблемы не в неудачном шаблоне, а в контенте и в расстановке этого контента по слайдам. Красивые шаблоны не выдерживают огромных списков с кучей текста.
Лучшие программы для создания презентаций на Android
Все мы в своей жизни делали презентации. Будь то школьный проект или же доклад в университете. А кто-то продолжает создавать презентации до сих пор на своей работе. Но мало кто задумывался о том, что существует множество программ «по ту сторону» Power Point, которые не только не уступают, но в чем-то и обгоняют знаменитое приложение. Есть подобные приложения и для Android, а о лучших из них мы вам сейчас и расскажем, после чего вы уже сами сможете выбрать, подходят они вам или нет. Непременно оставляйте свои комментарии на эту тему в нашем чате в Телеграм.
Создать красивую презентацию в наше время проще простого
Mini Slide — Минимализм во всем
Если вы ищете минималистичное и легкое в управлении приложение, которое не требует изучения огромного количества руководств, то Mini Slide определенно стоит вашего внимания. К отличительным чертам программы можно отнести то, что оно, во-первых, является приложением с открытым исходным кодом, а во-вторых исповедует в своем дизайне так называемый метод Такаши. Метод Такаши — это японская техника для как можно более емкого выражения мыслей как можно меньшим количеством знаков. Довольно интересный подход.
Google Презентации — Доступ к презентациям с любого устройства
Чтобы не остаться в стороне, Google запустила свой собственный пакет приложений для создания презентаций. Причем работает он как не только в приложении, но и в мобильном браузере. Программа полностью бесплатна и в ней нет рекламы. Поскольку большинство людей используют Gmail и имеют учетную запись Google, использование этой программы имеет большой смысл, так как приложение благодаря функции синхронизации посредством аккаунта Google позволяет вам получить доступ к своим файлам с любого устройства.
Prezi — Самая продвинутая программа для создания презентаций
Prezi, в отличие от конкурентов, работает совсем иначе. Вместо того, чтобы показывать слайды один за другим, Prezi создает из вашей презентации огромный видеофрагмент. Грубо говоря, перед вами есть огромный «лист бумаги», на котором вы можете расположить требуемую информацию так, как вы хотите, а Prezi создаст из итого видео, отдельные части которого можно будет увеличить, а также создать красивые анимированные переходы между фрагментами. Выглядит все это довольно круто и свежо.
Microsoft PowerPoint — Золотой стандарт в создании презентаций
Вы же не думали, что Microsoft упустит возможность выпустить мобильную версию своего приложения PowerPoint? При этом организовано оно довольно удобно и позволяет выполнять практически все те же действия, что и программа для настольных компьютеров. При этом PowerPoint синхронизируется с Office 365 и OneDrive для доступа к файлам из облака. Присутствует тут и довольно интересная опция лектора, благодаря которой вы можете увидеть презентацию с заметками на своем мобильном телефоне, в то время как аудитория будет видеть только картинки без дополнительных подсказок.
Remote for PowerPoint Keynote — Удобный способ управления презентациями
И в конце небольшой бонус. Remote for PowerPoint Keynote, как ясно из названия — это программа, которая превращает ваш смартфон в пульт дистанционного управления для перелистывания слайдов и управления презентацией. Приложение работает с Microsoft PowerPoint или Apple Keynote. Имеется возможность подключится к проектору или ноутбуку с презентацией посредством Bluetooth, Wi-Fi или даже через интернет с использованием стандарта IPv6. В комплекте также эмулятор мыши, который позволит вам использовать виртуальную мышь, если вам это потребуется при работе с презентацией.
Вместо PowerPoint: 6 сервисов для создания презентаций
Презентации придумали для того, чтобы наглядно доносить мысли до слушателей.
Идеально, если для создания слайдов не нужно быть дизайнером и разбираться в «Фотошопе» — то есть нужны только симпатичные шаблоны и интуитивно понятный интерфейс.
Я попробовал несколько программ и отобрал такие, в которых не нужно разбираться по несколько дней: открываете и сразу создаете слайды.
Google Презентации
Сколько стоит: бесплатно
Где работает: онлайн в браузере на любой системе, Android, iOS
Файлы хранятся в облаке «Google Диск» — бесплатно 15 Гб, за 139 Р в месяц можно расширить хранилище до 100 Гб. В браузере Google Chrome и в приложениях можно работать офлайн, если включить такую возможность.
Особенность сервиса — в одном файле могут одновременно работать до 100 человек. Есть несколько прав доступа: только просмотр, комментирование и редактирование. Сохраняется вся история изменений: можно не только восстановить любые данные, но и проверить, кто их удалил.
WPS Office Presentation
Где работает: Windows, Android, iOS, Linux, MacOS
Сколько стоит: бесплатно
Главный минус WPS — рекламные баннеры, которые встраиваются в систему. Они появляются на вашем экране в любое время, даже когда офисная программа выключена. То есть включили компьютер, еще ничего не успели запустить — и уже появляется рекламный баннер.
Canva
Сколько стоит: бесплатно
Где работает: онлайн, в любом браузере
Это онлайн-редактор, в котором можно создавать визуальные продукты без знания дизайна, в том числе и анимированные презентации. Работает все просто: вы подбираете подходящий шаблон, добавляете картинки, пишете текст, редактируете его стиль, настраиваете анимацию. Дальше можете показывать презентацию онлайн или скачать ее в формате видеоролика, PDF или JPG.
Canva станет отличным решением, если презентацию нужно собрать быстро, а в комнате для выступления есть доступ в интернет. В сервисе нет такой гибкости, как в других решениях, но за счет ограниченного числа шаблонов презентации делают быстрее.
Slides
Этот сервис предлагает делать презентации в онлайн-режиме, а затем сразу экспортировать их в HTML — вы можете добавить презентацию на сайт как отдельную веб-страницу. Или можно конвертировать файл в PDF и показывать как обычно: с помощью листания страниц. Доступны готовые шаблоны, иконки. В отличие от других сервисов, здесь нет поддержки мультимедиа — добавить в презентацию GIF-анимацию не получится.
Piktochart
Сервис подойдет тем, кто совсем не разбирается в дизайне: нужно просто выбрать шаблон и наполнить его содержимым. Кроме привычных картинок и текста в Piktochart можно сделать инфографику, таблицы и графики — удобно использовать для презентаций с большим количеством данных. Анимация стандартная: движения картинки и плавные перелистывания. Можно добавить всплывающую при наведении курсора информацию.
В бесплатном тарифе можно сделать пять презентаций и загрузить не больше 40 Мб своих картинок. Нельзя создать уникальную цветовую гамму, нужно пользоваться шаблонами. На презентации будут водяные знаки сервиса.
Поделиться презентацией можно с помощью ссылки — например, отправить ее в социальную сеть другу или коллегам на электронную почту. Открываются слайды в браузере, поэтому для просмотра нужен интернет.
Этот сервис не ограничивается презентациями: здесь можно создавать майндмапы, планировать стратегии и наглядно показывать план работ. По умолчанию доступны сотни шаблонов — среди них коллаж, алгоритм, инфографика и просто пустой белый лист.
Если показываете презентацию онлайн, можно настроить чат, чтобы участники могли комментировать и задавать вопросы, или открыть голосование для всех зрителей — тогда они смогут отдать голос за какой-то элемент: стикер, текст или изображение.
В платной версии будет доступен видеочат, неограниченное количество досок — в бесплатной их три, а еще презентацию можно будет экспортировать в PDF.
ТОП-7 Андроид приложений для создания красивых презентаций прямо на телефоне
7-10 лет назад мобильные офисные программы страдали от слабой технической оптимизации, неудобного контроля, запутанного интерфейса, заставляющего часами копаться в меню, искать подходящие кнопки и стараться не промахнуться, и не нажать «лишнего».
Сейчас же ситуация в корне изменилась – разработчики старательно переносят на операционную систему Android компьютерные наработки, предлагают использовать жесты и даже передавать контроль тем, кто восседает за ПК с Windows или MacOS. И, раз уж времена изменились, пора выбирать новых любимчиков!
Google Slide
Новинка от именитого бренда, которая скрещивает идеи Microsoft, и выдает уже новые концепции с любопытными механиками. В приложении отчасти знакомый интерфейс, удивительно обширный функционал (как в PowerPoint, где возможны любые эксперименты и настройки), и минимальное количество ограничений, способных завести в тупик.
А еще в Slide продуман способ взаимодействия с информацией, добавляемой из облачных хранилищ и сторонних источников: даже при сильном желании проблем не возникнет!
Microsoft PowerPoint
Легенда жанра, которая официально выпущена для Android со всеми нововведениями, способными помочь при проработке презентаций на смартфонах и планшетах. Тут работают жесты, выбираются макеты и шаблоны, редактируется шрифт, и беспрерывно выдаются советы об управлении, и представлении информации.
Так, к примеру, можно продемонстрировать и формы из Excel, и графики, и диаграммы, которые обязательно запомнятся публике: главное – разобраться в правильном порядке действий.
WPS OFFICE
Знаменитый офисный инструмент, разработанный Kingsoft и сосредоточенный на взаимодействии с презентациями в экспериментальном формате: по сути, разработчики отменили традиционный подход и, забыв о макетах и прочих ограничениях, сосредоточились на настоящей «информационной живописи».
Оформление тут позаимствовано у абстракционистов. Шрифты – у модных журналов. А макеты вырисовываются так, как захотелось каждому отдельному участнику сообщества. В результате получается нестандартная мешанина с художественным подтекстом и удивительными экспериментами.
Adobe Spark Page
Разработчики из Adobe при разработке офисного инструмента, кажется, перестарались, и вместо компаньона, который способен работать с презентациями, придумали нечто среднее между графическим редактором и текстовым помощником. А потому тут информация легко складывается в визитки, приглашения и даже веб-страницы. Результат всегда шокирует (в положительном смысле), а экспериментировать с приложением никогда не надоедает.
Office Presentation
Серьезный инструмент с лаконичным дизайном и любопытным наполнением. Сотни шрифтов, изображений, макетов, шаблонов и подсказок для новичков. Поддерживаются, пожалуй, любые форматы – от тех, которые отвечают за музыку и до тех, которые воспроизводят видеоролики.
Prezi Viewer
Практичный мобильный компаньон, помогающий в два счета оформить важную информацию и преподнести в том виде, который станет понятен всем и каждому. Из плюсов Prezi – предсказуемый интерфейс, бесплатное распространение, работа с графиками и таблицами. Из минусов – крошечные проблемы с оптимизацией, которые разработчики обязаны решить в ближайшее время.
Polaris Office
Незаменимый инструмент, скрещивающий воедино Word, Excel, графики, таблицы и презентации. Разработкой приложения Polaris Office занимается известная студия Infraware, а потому можно не переживать ни о рекламе, ни о платных подписках (весь контент выдается сразу и без ограничений), ни о проблемах с оптимизацией.
По части функционала тоже полный порядок – инструментарий обширен, помогает работать с текстами и документами, изображениями и видеороликами, графиками и таблицами.