– новый язык дизайна, созданный и популяризованный 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 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рх . Для каждого размера можно задать отдельное изображение.

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

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

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

Для обеспечения работы плиток на самых разных устройствах, используйте изображения, размер которых в 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 и выше. Для этого необходимо открыть сайт в данном браузере Дополнительно (три точки справа вверху) и выбрать Закрепить эту страницу на начальном экране:

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

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

Новое меню новой системы Windows 10 для решения различных задач – смесь классического пуска «семерки» и начального экрана «восьмерки». Многие нарекания на новый вид кнопки «Пуск» в промежуточной редакции операционной системы между 7-кой – 10-кой поспособствовали преображению меню.

Что касается внешнего вида нового Пуска, то он включает в себя элементы оформления с нового плиточного интерфейса Metro, скопированного из окон проводника, и классические пункты. Microsoft предоставляют широкие возможности по кастомизации этого меню: любые элементы панели, как плитки, так и классические иконки размещаются в удобном для пользователя месте. Практически каждый элемент панели поддается удалению. Так можно удалить практически все элементы Metro – плитки и превратить меню в «Пуск», мало чем отличающийся от пуска в Windows 7, или заполнить экран различными плитками. Как все это осуществляется, написано ниже. Хотя разобраться, каким образом работает настройка нового меню, сможет любой.

Разбираемся с оформлением

После клика клавиши мыши по классической кнопке «Пуск» открывается обширное меню, выполненное в виде выпадающей панели. Слева размещены привычные пользователям Windows 7 ярлыки часто используемых программ, а правую часть заполняют разнообразные плитки.

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

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

Правая часть экрана содержит в себе элементы интерфейса Windows 8 – плитки, рассортированные по группам. Клик правой кнопкой мыши по панели позволит изменить ее размер, сделать ее статичной, удалить, открепить или деинсталлировать отвечающую за элемент программу. Статичность плиток: многие программы отображают актуальную информацию на плитке, помимо окон открытого приложения. Если эти данные не нужны или раздражают, их обновление легко отключить. Работает здесь и функция drag&drop: плитки можно перетаскивать, задавая их новые расположения в любом месте экрана.

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

Посредством клика мыши по панели или кнопке «Пуск», как и в предыдущих редакциях Windows, вызывается контекстное меню, через которое запускается диспетчер задач, панель управления и командная строка.

Удаляем лишнее

Разберемся, как работает удаление ненужных плиток в Виндовс 10 при помощи мыши, минимизировав размер панели и делая большей рабочую область. Устранение панели выполняется следующим образом: вызываем ее контекстное меню, кликнув по иконке, и жмем «Открепить от начального экрана».

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

Теперь ваш «Пуск» похож на меню, знакомое с Windows 7.

Более тонкая персонализация

Большее количество параметров располагается в разделе «Персонализация». Переход к нему выполняется кликом по свободному месту экрана на рабочем столе правой кнопкой мыши и выбора соответствующих задач.

Работает это следующим образом: переходим в нужную вкладку, кликнув по ее названию. Далее щелкаем по переключателям, активируя или отключая предложенные параметры панели Windows 10.

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

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

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

Для решения приведенных в статье задач (точнее, возвращения классического меню Пуск) можете обратиться за помощью к программе Classic Shell, которая работает и в Виндовс 10.

(Visited 22 597 times, 5 visits today)