– новый язык дизайна, созданный и популяризованный Microsoft с выпуском Windows 8, впервые использован на портативных устройствах с Windows 7. Частично этот стиль интерфейса встречался в MSN 2.0 или Encarta 95, но он не такой, как сегодня. Он в большей степени фокусируется на эффективной типографике, размещая полезное содержимое в центре. Microsoft удачно использовали знаменитый интернациональный швейцарский стиль. Он был разработан более 60 лет назад и подчёркивает читаемость, объективность и эргономичность. Легко заметить, что суть заключается в использовании сетки и шрифтов без острых углов.

Инструкция по настройке живых плиток в Windows 10.

Microsoft впервые представили новый дизайн в Windows Media Center 2003 для Windows XP Media Center Edition. В качестве формы навигации здесь основное внимание уделялось контенту и используемому тексту. В 2006 году Zune обновил интерфейс, используя несколько другие принципы, например, больше сосредоточился на контенте, красивой типографии и меньше – на UI-дизайне. Оттуда он перешёл на смартфоны под Windows 7, а затем на новую операционную систему Windows 8, выпущенную сразу после окончания периода бета-тестирования. Другие продукты, такие как Windows Live Messenger, Live Mesh и Outlook, также содержат современные тенденции в дизайне пользовательского интерфейса.

Дизайн вызывает доверие и акцентирует внимание на деталях. Он создаёт ощущение надёжности и безопасности. Этот новый минималистический подход может быть настоящим будущим интернета. Портативные устройства, такие как планшеты и сенсорные смартфоны – это будущее технологий, а современный пользовательский интерфейс создан специально под такие девайсы. Да, Windows 8 для компьютеров и телефонов имеет один и тот же интерфейс, но, кто знает, как долго мы ещё будем использовать мышь и клавиатуру.

Настройка плиточного интерфейса в «Пуск»

Майкрософт любит плитки и хочет, чтобы вы тоже их полюбили. Они появились в Windows 8, а затем и в Windows 10, даже с возвратом меню «Пуск» . Любите вы плитки, или нет, вы можете настроить их так, чтобы вам было легче получать доступ к вашим любимым приложениям. Как их настроить? Вы можете изменить их размер, вывести их в меню «Пуск», включить и выключить живые фрагменты и упорядочить их в определённых группах. Рассмотрим настройки интерфейса более детально.

Рассмотрим, как добавить плитки. Чтобы создать дополнительное пространство для большего количества плиток, нажмите кнопку «Пуск» – «Настройки» – «Персонализация» – «Пуск». Справа найдите и активируйте функцию «Показывать больше плиток в меню Пуск». Теперь нажмите «Пуск», и вы увидите, что площадь меню стала больше, создавая дополнительное место для новых плиток. Дальше правой клавишей нужно выбрать любое приложение и нажать «Закрепить на начальном экране».

Настройка размера

Как и в Windows 8 и 8.1, в Windows 10 также можно изменить размер закреплённых плиток, сделав их больше или меньше. Для этого щёлкните правой кнопкой мыши на плитке, затем во всплывающем меню наведите указатель мыши на параметр «Изменить размер» и выберите новый из 4-х доступных размеров.

Группировка

Вы можете разместить плитки в разные группы, чтобы они были лучше организованы и их легче было найти. Например, одну группу вы можете создать для своих основных приложений, другую группу – для приложений, связанных с Интернетом, и третью – для игр. Сначала выберите плитку, которую вы хотите использовать, чтобы создать новую группу и переместить её в пустую область в меню «Пуск». Затем переместите в эту группу все остальные ярлыки приложений . Продолжайте до тех пор, пока не внесёте все приложения. Теперь нам нужно дать группе имя. Наведите мышь чуть выше первой в группе плитки, пока не появится надпись «Назвать группу». Щёлкните на ней мышкой, введите название новой группы и нажмите Enter.

С выпуском Windows 10 Creators Update вы можете использовать новую функцию, которая позволяет размещать ярлыки в папках. Этот процесс поможет лучше организовать ваши плитки, чтобы они занимали меньше места на экране. Предположим, вы хотите поместить все приложения, связанные с развлечениями, в одну папку. Например, Xbox, Groove Music, Movies & TV и Netflix. Начните с перетаскивания одной плитки поверх другой, например, поместите плиту Groove Music поверх плитки Xbox.

Теперь ваши ярлыки Xbox и Groove Music находятся в одной папке. Чтобы получить доступ к одному из приложений, просто нажмите на папку, чтобы открыть и отобразить её ярлыки. Затем выберите приложение, которое вы хотите запустить. Если нужно добавить ещё одну плитку в папку, просто перетащите её. Продолжайте этот процесс до тех пор, пока не перетащите все связанные приложения. Потом папку можно переименовать.

Запрет обновления плиток

Живые плитки могут быть очень удобными, поскольку показывают последние новости и другую обновляемую информацию. Чтобы отключить их анимацию, щёлкните правой кнопкой мыши живую плитку, например, «Новости», «Погода» или «Календарь». Во всплывающем меню наведите указатель мыши на параметр «Дополнительно» и нажмите «Отключить живые плитки». Анимация будет отключена.

Настройка расцветки меню «Пуск»

Для настройки цветовой схемы нажмите «Пуск» и выберите «Настройки». В разделе «Персонализация» слева пункт «Цвета». Откроется меню с выбором цвета фона для плиток. Функция «Автоматический выбор главного цвета фона» сама подберёт подходящий под цветовую схему обоев оттенок.

Здесь также доступны и дополнительные настройки оформления. Переключатель эффектов прозрачности делает панель задач и фон меню «Пуск» немного прозрачными. Выбранный цвет также можно автоматически дублировать в другие элементы интерфейса – на панель задач, в центр уведомлений и в заголовках окон. Если отключить эту функцию, фон меню «Пуск», панель задач и заголовки активных окон станут тёмно-серыми.

Возврат к меню Metro

Владельцы гаджетов и ПК под управлением Windows 8 уже привыкли к полноэкранному оформлению в стиле Metro. Пуск в Windows 10 сочетает в себе старые и новые элементы дизайна. Как отключить плитки в Windows 10? Чтобы перейти к привычному полноформатному отображению, нажмите «Пуск» и выберите «Настройки». В разделе «Персонализация» перейдите в раздел «Пуск», найдите здесь опцию «Открывать меню Пуск в полноэкранном режиме» и включите её. После этого при открытии меню «Пуск» вы увидите стандартный дизайн Metro, занимающий весь экран рабочего стола.

Как убрать плитки из меню «Пуск» в Windows 10

Удаление плиток может занять некоторое время, поскольку делать это придётся для каждого ярлыка отдельно. Выберите любую плитку правой кнопкой мыши и нажмите «Открепить от начального экрана». После этого плитка исчезнет, но программа в списке «Пуск» всё равно останется. Как убрать живые плитки? Чтобы «Пуск» стал максимально похожим на дизайн Windows 7, нужно удалить все плитки и вручную изменить размер панели. После удаления ярлыков «захватите» мышкой правую часть меню «Пуск» и перетащите его максимально влево.

Возврат классического интерфейса

Описанный выше метод не вернёт полноценное меню из семёрки, а только сделает его немного похожим. Чтобы получить полноценный привычный список программ без загромождения рабочего стола, придётся использовать стороннее ПО. Classic Shell – идеальное решение для людей, которые обеспокоены новыми функциями Windows 8, 8.1 и 10. Программа представляет собой мощный инструмент, содержащий множество вариантов для возврата к старым, хорошим решениям, известным из более ранних версий системы Microsoft. Программа позволяет восстановить:

• классическое меню «Пуск»;
• классический вид Internet Explorer 9;
• классический вид Windows Explorer.

С помощью широких настроек можно выбрать вид меню «Пуск» (Windows Classic, Windows XP, Windows 7), изменять настройки, общее поведение, внешний вид меню или действия при поиске. Кроме того, можно редактировать звуки, контекстные меню, внешний вид кнопки «Пуск» и т. д. Classic Shell также позволяет создавать резервные копии сохранённых настроек.

Аналогичным образом можно изменить настройки внешнего вида Internet Explorer или Windows Explorer. Даже можно добавить классическую панель инструментов в «Проводнике» Windows. Кроме того, доступны скины, созданные другими пользователями, и даже редактор собственных. Количество вариантов, которые предлагает Classic Shell, постоянно увеличивается, и, самое главное, программа доступна абсолютно бесплатно. Софт имеет огромное количество дополнительных опций, благодаря которым настраивается внешний вид отдельных элементов в Windows 8 и 10. Приложение больше не обновляется. Производитель запустил новый проект – Classic Start.

Classic Start – новая утилита, позволяющая вернуть «Пуску» его прежний вид. Софт основан на популярном приложении Classic Shell. Таким образом, разработчик продолжает свой старый проект, предлагая новые возможности и дополнительную функциональность.

StartIsBack++ – это небольшое расширение, которое восстанавливает меню «Пуск» в Windows 10. Приложение восстанавливает меню «Пуск» вместе со всеми функциями и инструментами, сохраняя тот же вид, что и в предыдущих системах Windows 7/8. StartIsBack улучшает функциональность рабочего стола и использование наиболее важных инструментов. Приложение запускается автоматически с операционной системой. Он восстанавливает исходное меню «Пуск» со всеми наиболее важными функциями – поиск, привязка наиболее часто используемых приложений к левому окну, а также параметры, с помощью которых мы можем отключить, перезагрузить или перевести компьютер в режим ожидания.

StartIsBack восстанавливает список недавно открытых документов, каталог игр, музыки и изображений, а также функциональную панель управления. Также стоит упомянуть о меню с установленным принтером и другими подключёнными внешними устройствами.

Подпишитесь:

После установки операционной системы Windows 8 на начальном экране расположен набор плиток, схожий со списком часто используемых программ в меню «Пуск» прежних версий «окон». На экран выведен набор плиток, которые Microsoft или производитель компьютера посчитал актуальным.

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

Удаление плиток

Прежде всего стоит убрать с начального экрана Windows 8 ненужные плитки. Для этого следует выделить интересующую плитку и нажать в появившемся меню пункт: «Открепить от начального экрана».

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

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

Добавление плиток

Добавить плитки на начальный экран возможно несколькими способами. Самые распространённые из них:

Список «Все приложения». Для начала следует попасть в список всех установленных приложений. Что бы это сделать нужно сделать правый клик мыши по пустой области на экране и в появившемся меню выбрать пункт «Все приложения». В открывшемся окне будет отображен список всех программ на компьютере.

Добавить плитку с программой или приложением на начальный экран Windows 8 можно, выделив ее из списка меню и нажатием кнопки «Закрепить на начальном экране».

Поиск. Если нужна конкретная программа, но вы не знаете ее расположения, достаточно воспользоваться средствами поиска Windows 8, которые доступны на начальном экране. На странице результатов поиска выделите нужную программу и добавьте ее на начальный экран кнопкой «Закрепить на начальном экране».

Рабочий стол. К плиткам начального экрана Windows 8 так же можно добавить элементы рабочего стола: Корзину, папки, файлы и пр. Для этого требуется выбрать интересующий элемент, кликнуть правую кнопку мыши и в выпавшем меню выбрать «Закрепить на начальном экране».

Расстановка плиток

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

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

Разработчики Android постоянно экспериментируют, но иногда их действия приводят к неожиданным результатам. Недавно пользователи Google Pixel, OnePlus, Essencial и Nokia стали замечать, что на разных устройствах по непонятным причинам активен режим эн...

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

Совсем недавно Интернет всколыхнуло заявление о том, что в новой версии мобильной ОС разработчики кардинально поменяют дизайн всех элементов. Об этом рассказал один из экспертов авторитетного агентства Bloomberg по имени Марк Гурман.Выход новой сис...

За последние пару месяцев я получил от читателей несколько писем с вопросом: как добавить на уже установленного приложения. Ответ на удивление прост, однако совершенно не очевиден.

Добавление плитки

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

Перейдите на начальный экран и нажмите правой кнопкой мыши в любом пустом месте, чтобы вызвать кнопку «Все приложения» (All apps) в нижнем правом углу дисплея (рис. A).

Рисунок A. Нажмите правой кнопкой мыши в пустом месте.

Нажмите кнопку «Все приложения», чтобы увидеть список всех установленных на компьютере приложений (рис. B).

Рисунок B. Список всех установленных приложений.

Найдите приложение, которое хотите добавить на начальный экран. Для примера я добавлю World of Warcraft. Нажмите на нем правой кнопкой мыши – и увидите меню, в котором есть пункт «Закрепить на начальном экране» (Pin to Start, рис. C)

Рисунок C. Нажмите правой кнопкой мыши на приложении.

Нажмите кнопку «Закрепить на начальном экране», и плитка приложения появится на начальном экране (рис. D)

Рисунок D. Плитка добавлена на начальный экран.

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

Тем, кто пропустил Windows 8, придется привыкать ко многому, особенно к плиткам. В этой статье мы расскажем о том, как их добавлять, удалять и изменять.

В новом меню «Пуск» есть так называемые плитки приложений. Их можно добавлять, удалять, менять их размер, включать и отключать анимацию. Анимированные плитки называются «живыми» или динамическими. Они показывают полезную информацию – например, заголовки новостей, последние обновления и т. п.

Пользователям Windows 8.1 плитки уже знакомы, а вот новичкам, которые пропустили Windows 8 и обновляются до с Windows 7, Vista или даже XP, придется привыкать.

Вот как выглядит новое меню «Пуск». Слева – папки, настройки и ссылки. Справа – плитки, в основном для приложений из Магазина Windows.

Нажмите правой кнопкой мыши на любой плитке – и увидите список опций. Самая первая из них – «Открепить от начального экрана» (Unpin from Start). Она, со всей очевидностью, удаляет плитку из меню «Пуск».

Если хочется закрепить приложение в меню «Пуск», нажмите кнопку «Все приложения» (All apps), нажмите на нужном приложении правой кнопкой мыши (или прикоснитесь к нему и удерживайте) и выберите опцию «Закрепить на начальном экране» (Pin to Start).

Помимо меню «Пуск», приложение можно также закрепить на панели задач (и открепить оттуда) или вовсе удалить.

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

Вот отличие между широким и большим размерами (по сравнению с предыдущим скриншотом).

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

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

Нажмите кнопку в нижнем правом углу – и получите доступ к другим опциям, включая изменение размера, включение или отключение динамической плитки, закрепление/открепление от панели задач и удаление (под заголовком «Еще» (more options)).

Возможность закреплять приложения на панели задач означает, что доступ к любимым приложениям из Магазина можно получить даже не открывая всякий раз меню «Пуск».

Чтобы удалить приложение из панели задач, нажмите на нем правой кнопкой мыши и открепите или используйте опцию «Открепить от панели задач» (Unpin from taskbar) в меню «Пуск».

Последняя опция, доступная для плиток, – «Удалить» (Uninstall). Она вызывает диалоговое окно с просьбой подтвердить, что вы действительно готовы удалить приложение и связанные с ним данные.

С этим разобрались. Теперь надо понять, как располагать плитки в меню «Пуск». Можно нажать на плитке левой кнопкой мыши или коснуться ее и удерживать, а затем перетащить в нужное место.

Можно дать каждой группе плиток определенное название – для этого нажмите на значке из двух горизонтальных черточек в верхнем правом углу группы. Например, если у вас установлено много игр, можно собрать их все в одну группу и назвать ее «Игры». Или можно сгруппировать Office и другие похожие приложения под заголовком «Продуктивность».

Плитки сайтов в панеле быстрого доступа Windows 10 и 8.

Всем привет! Сегодня я хочу затронуть тему плиток сайта для операционных систем Windows 8 и Windows 10, и рассказать вам как это сделать для вашего сайта.

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

Плитки сайта для Windows

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

Но вернёмся к плиткам сайта. Если Вы ещё не поняли о чём идёт речь, подкину два изображения, объясняющие что это такое. В десятой винде если кликнуть по иконке Windows в панеле задачь или просто на клавиатуре нажать на кнопку (win), откроется панель быстрого доступа:

А в Windows 8 это вообще стартовая страница:

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

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

Как сделать плитки сайта

Делается это просто и легко. Для этого необходимо сделать 4 изображения и 1 файл с названием browserconfig.xml, в котором будет небольшой код настроек плиток сайта.

Основная задача подготовить изображения - всё остальное "проще паренной репы".

Изображения для плиток сайта

Плитки сайта отображаются в четырёх размерах 70х70рх, 150х150рх, 310х150px и 310х310рх . Для каждого размера можно задать отдельное изображение.

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

Корпорация майкрософт по поводу размеров изображений для плиток даёт следующие инструкции:

Размер плитки	Стандартные размеры плитки	Минимальный размер изображения	Рекомендуемый размер изображения
Маленькая	70 x 70	56 x 56	128 x 128
Средняя	150 x 150	120 x 120	270 x 270
Широкая	310 x 150	248 x 120	558 x 270
Большая	310 x 310	248 x 248	558 x 558

Так же, разработчики виндовс дают такое примечание:

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

В общем, нужно создать 4 изображения стандартного или рекомендуемого оконщиками рзмера, которые будут выводиться как плитки сайта. Если изображения готовы, то больше чем 90% работы выполнено.

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

Файл browserconfig.xml

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

Файл browserconfig.xml небольшой в содержании. Вот весь его код:

#f5f5f5

Ниже можно скачать данный файл:

Скачать файл browserconfig.xml

Разархивируйте скачанную папку и откройте лежащий в ней файл browserconfig.xml при помощи редактора кода (VSCode, Notepad++ и т.п.), текстового редактора или просто обычным блокнотом виндовс, после чего в нём нужно исправить значения согласно тому, где у вас будут находится изображения и их названия.

Теперь что касается настроек файла browserconfig.xml

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

В первой строке код:

Здесь указана версия и кодировка файла. Кодировку мы не трогаем, а вот версия файла нужна для того, чтобы была возможность при смене изображения плитки, обновить её и в панеле пользователя добавившего ваш сайт к себе в панель быстрого доступа.

Как это работает.

К примеру через некоторое время Вы решили сменить изображения для плиток. Заменив изображения вам так же необходимо поменять версию и изменить "1.0" на "1.1", "1.2", "1.3"...."1.11"..... "2.1", "2.2" и т.д.

Увеличивая цифру - вы обновляете версию. При этом когда пользователь зайдёт на ваш сайт через браузер Edge или Explorer 11, у него автоматически сменится изображение плитки на новое, без какого либо его участия.

Думаю с этим понятно.

Следующее - код в блоке tile . В нём прописаны пути к изображениям плиток. Путь указывается в двойных кавычках после src=

Изображения для плиток можно поместить в любом месте на сайте. Так же и имена изображениям можно давать любые, необязательно брать название из приведённого мною кода. Главное потом в коде указать правильно путь к изображению. И ещё, необязательно хранить изображения в одной папке - можно раскидать их по разным местам и указать это в путях к ним.

И последняя настройка - цвет фона плитки. За это отвечает данная часть кода:

#f5f5f5

Можно заменить указанный мною серебристый цвет #f5f5f5 на зелёный #009900, или красный #f90000. Как вам пожелается...

На этом все настройки заканчиваются.

Подключаем плитки сайта

После того как изображения для плиток размещены на сайте, а в файле browserconfig.xml сделаны все настройки, нужно поместить этот XML-файл с именем browserconfig.xml в корневую папку вашего сайта .

Вот и всё!!! Плитки подключены. Браузеры Edge и Internet Explorer 11 автоматически читают файл, когда пользователь закрепляет сайт.

Добавляются плитки сайта в панель быстрого доступа осуществляется через родные для windows браузеры EDGE или Internet Explorer 11 и выше. Для этого необходимо открыть сайт в данном браузере Дополнительно (три точки справа вверху) и выбрать Закрепить эту страницу на начальном экране:

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

На этом всё Удачного вам сайтостроения!!!