23. Создание иконки мобильного сайта в Adobe Muse

Автор German Usachev
23. Создание иконки мобильного сайта в Adobe Muse

ещё одна.

Функция которую вы наверняка захотите установить для телефонного Makita вашего сайта — это иконка приложения и пользователи мобильных устройств iOS and имеют возможность добавить иконку любого веб-сайта или странице какого-то сайта на домашний экран для более быстрого доступа к нему. Давайте посмотрим как — это я нажму на иконку внизу и выберу функцию на экран домой. Здесь мы можем задать имя этому приложению например сайта.

Ванкувере я напишу вам сейчас на домашнем экране у меня появилась новая иконка с надписью.

Ванкувер если я на неё нажимает у меня открывается автоматически этот сайт, но вы можете заметить, что дизайн такой иконки не совсем привлекательный на изображении данных иконка и подтягивается странице этого сайта если мы перейдём на другую страницу на примерно достопримечательностей и сделаем её и на экран домой то тоже появляется иконка довольно не привлекательного вида и с первого взгляда довольно трудно распознать. Что именно — это за сайт если мы откроем другой сайт например музмастер её здесь иконку на экран домой то вы можете видеть, что автоматом подтягивается симпатичная изображение которое я заготовила заранее и на экране телефона появляется такая узнаваемая иконка с логотипом вашей компании вы можете создать такой более узнаваемым значок который автоматически будет подтягиваться на иконку приложения вашего сайта момент средства мьюз такого сделать невозможно, но компания — гид создала бесплатно видео с помощью вы легко можете сделать такую иконку. Давайте откроем Adobe Muse я вам покажу как сделать иконку с помощью этого бесплатного виджета. Давайте откроем шаблон 1 я раскрою библиотеку виджетов данные виды входят в состав Music гринспринг. ПЭК в этот пакет входит в 8 бесплатных виджетов тот который нас интересует называется Mobile Helper виджет. Давайте перенести его на нашу шаблону страницу сайта вот так выглядит этот виджет не переживай при публикации сайта этого баннера видно не будет он создан только для того чтобы его было заметно. При работе над сайтом в Adobe Muse. Почему её устанавливают данные виджет на главную страницу так как я хочу чтобы у меня одинаково иконка каждая страница моего сайта если вы хотите чтобы каждая ваша страничка имела свой индивидуальный значок то вы можете установить. Виджет напрямую на страницу либо установить его на отдельные шаблоны которые в дальнейшем привязать к этим страница чтобы прикрепить значок, что вам нужно сделать прежде всего вам нужно создать самую иконку она должна быть квадратная. Я создала 300 на 300 пикселей. Вы можете сделать размер 100 на 100 120 на 120 — это тоже хороший размеры сама иконка приложения например для iPhone имеет размеры 44 на 44 пикселя поэтому создавайте важно чок исходя из этих размеров также учитывайте то, что иконка имеет загнутые края поэтому делают люди чтобы вас не обрезалось по краям ваше изображение. Теперь давайте откроем настройки этого виджета первое поле — это Home Screen Bottom Girl сюда. Вы должны записать название вашей иконки после того как вы создали изображения вы проходите файл. И выбираете добавить файлы для передачи. Здесь вы загружаете иконку для вашего сайта. Называйте ваше изображение более простыми короткими названиями чтобы — это название было удобно вводить. Далее в настройки виджета вот у меня есть такая корочка загружаемые о она должна появиться на панели ресурсы — это проверим все элементы на этой панели расположены в алфавитном порядке нашей иконка называется Site icon на букву с так вот она отлично загрузилось рядом с иконками для передачи появляется такое изображение со стрелкой вверх. Должны внести — это название в настройки нашего виджета. Вот в — это поле сайт нижнее подчёркивание. png. Данный вид имеет еще и дополнительные настройки к примеру если вы выберете свечи в папке. Павел он её. Установите галочку здесь-то будет открываться в виде приложения будет отсутствовать header и Footer такая функция наиболее удобна для сайтов одностраничников и лэндинг страниц. Также вы можете отключить определение номера телефона если. Установите галочку здесь мьюз автоматически определяет любой номер телефона который у вас видел на сайте если вы хотите чтобы человек просто я его смотрел то вы можете установить эту функцию здесь и также можете выбрать цвет мобильного Stat выбрать по умолчанию чёрный или черный полупрозрачный для того чтобы проверить данные везёт в действии. Нам необходимо применить прежде всего этот шаблон к нашим страницам шаблон 1 1 к 2 и опубликовать этот сайт наш сайт опубликоваться. Теперь давайте добавим иконку на домашний экран нашего телефона выбираем функции на экран и сейчас мы можем видеть, что иконка которую мы загрузили виджет. Она появилась вот здесь, тогда название и нажму кнопку добавь кто появилась иконка в виде приложения которые гораздо симпатичнее техника на котором мы создавали ранее на этой иконки удобно размещать логотип компании чтобы оно было более узнаваемой. Теперь если мы начнём эту иконку наш сайт открывается в браузере. Вы можете заметить, что вверху нашего сайта и внизу находятся серые поля так называемых ядра футляр для одностраничных сайтов. Вы можете задать функцию открытие этого сайта во весь экран слушать этих серых полей сверху не будет видно для примера. Я хочу показать вам мастер нажму на эту иконку которую мы с вами роняли создали на этом сайте я применила функцию этого виджета которая говорила ранее и вы можете видеть, что сайт открылся во весь экран внизу у нас нету серых полей — это удобно для одностраничных сайтов или лэндинг страниц.

0 комментариев
0

Читайте также