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

Стиль Metro: новая реализация

Графический интерфейс ОС Windows, получивший название Metro, пришел на смену Aero еще несколько лет назад, когда были представлены мобильные ОС Microsoft и десктопная Windows 8. Вместо глянцевых пиктограмм компания представила новый формат меню, состоящего из прямоугольных плиток.

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

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

Меню Пуск возвращается

Меню пуск на протяжении долгих лет было неотъемлемой частью интерфейса ОС Windows, но в 2012 году от его использования было решено отказаться в угоду рабочему столу Metro. Не всех устроило такое нововведение, и в свежей версии своей ОС Microsoft решили вернуть его, изрядно доработав.

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

Главным отличием новой реализации этого элемента интерфейса стало объединение классических пунктов меню и живых плиток. Расширились и возможности настройки: теперь каждый может настроить меню Пуск под себя.

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

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

Функциональность живых плиток в новой ОС осталась на уровне Windows 10, видимых нововведений в Microsoft не вносили. Чтобы настроить под себя плитки, достаточно просто нажать правой клавишей мыши по значку. Можно редактировать размер, цвет, включить ил выключить анимацию, отправить значок на панель задач или удалить пиктограмму из «Пуска».

Добавление и удаление новых плиток

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

Аналогичные операции нужно выполнить и для удаления плитки, только выбирать нужно пункт «Открепить от начального экрана».

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

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

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

Для того чтобы изменить размер плитки, необходимо кликнуть по ней правой кнопкой мыши и выбрать опцию «Изменить размер».

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

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

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

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

Чтобы сделать это, кликните правой кнопкой по плитке и во всплывающем меню выберите пред последний пункт «Отключить живые плитки».

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

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

Фон подложки в Windows 10 можно изменить так же, как и цвет отдельных плиток. Для этого нажмите ПКМ в любом месте, не занятом иконкой и выберите пункт меню «Персонализация».

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

Закрепление ярлыка программы в начальном экране меню Пуск

Если нужно обеспечить максимальную скорость доступа к приложению или программе в меню пуск, его можно зафиксировать в начальном экране меню.

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

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

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

Добавление специальных элементов

Такая возможность в Windows 10 тоже присутствует, но принцип ее работы несколько отличается от добавления плиток. В первую очередь, следует выйти на Рабочий стол, а затем кликнуть по пустому месту правой кнопкой мыши и выбрать опцию «персонализация». В появившемся окне следует выбрать вкладку «Пуск» в нижней части. В появившемся диалоговом окне можно обнаружить перечень элементов, которые можно добавить в левую половину «Пуска».

Возврат меню Пуск из Windows 7

Не всем пришелся по душе обновленный интерфейс Windows 10. Одни давно привыкли к старому облику ОС, другим просто не нравятся плиточные элементы «Пуска». На этот случай разработчики предусмотрели возможность возврата меню к классическому облику, знакомому всем по Windows 7. Настроить «Пуск» можно так, что внешне он не будет отличаться от позапрошлой версии ОС от Microsoft.

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

Возврат плиточного меню Metro

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

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

Что нужно знать перед обновлением до Windows 10

Помимо привлекательных новшеств, которые уже понравились многим пользователям, не лишена новая ОС и недостатков.

Так, на данный момент еще не обеспечена полная и безошибочная поддержка всех устройств, которые отлично работают под Windows 7. Невозможность отключения авто обновления системы обычным способом также может огорчить многих пользователей. Ведь при лимитированном трафике или низкой скорости соединения загрузка апдейтов может обернуться дополнительными затратами или повлиять на качество интернет-браузинга на период загрузки.

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

Так что, устанавливая новую версию ОС, следует знать о ее особенностях и принять на себя всю ответственность за ее нестабильную работу или распространение сведений о пользователе.

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

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

Хороший веб-сайт не может обойтись без навигации по следующим причинам:

1. Она помогает понять, чему посвящен сайт, не просматривая все страницы.
2. Благодаря навигации сайт выглядит логичным и упорядоченным, повышается его юзабилити.
3. Навигация призывает пользователя задержаться, чтобы изучить другие разделы.
4. Хорошая навигация полезна для SEO, потому что помогает поисковым роботам индексировать содержимое сайта.

Мы разделили отобранные примеры дизайна меню на три группы: горизонтальные, вертикальные и раскрывающиеся (выпадающие). Однако на сайте можно одновременно использовать и несколько видов меню - все зависит от того, насколько разветвленная у него структура.

Горизонтальное меню

Горизонтальное меню подходит для сайтов с небольшим количеством разделов, а также одноколоночных сайтов. Обычно оно располагается под или над шапкой. Вот несколько вариантов дизайна такого меню:

В виде ссылок с тем или иным оформлением:

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

То же самое касается пункта, на который наведен курсор. В этом примере он на Notes:

Использование иконок также распространено. Кроме того, иногда вертикальное меню можно минимизировать и отображать только иконки :

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

Раскрывающееся меню

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

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

Или же полный набор разделов и подразделов:

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

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

А в случае с комбинированными типами меню потребуется решить, какие части меню будут раскрываться и содержать в себе дополнительные подразделы :

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

В вертикальном меню:

Упоминания также заслуживает инновационный дизайн для меню сайтов, который пока еще не получил широкого распространения, но вызывает интерес. Например, элементы навигации на сайте компании Unlabel расположены по все четыре стороны от основного содержимого страницы:

Такой вариант навигации неудобно использовать на экране ПК или ноутбука, поскольку для перехода по разделам пользователю придется совершать слишком много движений рукой с мышкой, но это уникальное меню подойдет для мобильных устройств:

Идея выезжающего меню интересно реализована в теме Wordie для Wordpress:

На сайте веб-приложения Issuefly реализована возможность переключаться между уже посещенными разделами, как если бы они были открытыми окнами в операционной системе, используя меню-гамбургер:

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

Мы, студия , разрабатываем дизайны с удобной и функциональной навигацией и будем рады создать веб-сайт или приложение для вашего бизнеса.

Меню на сайте — вроде ничего сложного с первого взгляда, но как сделать так, чтобы меню отличало сайт, делало его особенным и в тоже время целиком соответствовало стилю всего сайта? Создать меню — несложно, а вот создать оригинальное интересное меню — не так то и просто. Даже небольшие элементы — подсветка, подчеркивание, стрелочки, обводка, меню с небольшими иконками, выпадающие разноцветное меню, меню с эффектом перелистывания, другое, делают сайт более интересным, интерактивным, предоставляют пользователю небольшой элемент игры и просто такое меню — приятно для работы с сайтом. Надеемся, что сайты с подборки подскажут вам новые идеи и решения.

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

7. Оригинальная презентация магазина сумок Noonstyle . Меню чуть заметно в правой части сайта, зато на весь экран выводится фотография, которая как-будто имитирует текстуру изделья.

8. Интересный сайт студии Tisha creative , на котором как бы протекает обычная жизнь Лондона — меняется день и ночь, а меню для удобства пользователей подсвечивается белым.

9. Learnlakenona . Попутешествуйте по озеру, ведь это — настоящая карта со всеми надписями. Никогда не знаешь, что найдешь под очередным объектом на карте.

10. Alexbuga предлагает нам настоящее сложное технически меню. У пользователя создается впечатление, что он зашел не послушать музыку, а заглянул в настоящую аппаратную. Так и чешутся руки поклацать кнопки и потянуть все рычажки. На этом сайте даже можно самому сочинить музыку;-)

11. Campfirenyc . Меню на этом сайте можно рассматривать с разных ракурсов. Интересно, что само меню оформлено в виде характерного прямоугольника, который создает аллюзию с прямой речью, что часто используется в комиксах. Однако, это не главное. Самым интересным элементом сайта является реализация каждой из рубрик меню — рубрика открывается не вниз, и не на ширину всей страницы сайта, как стоило того ожидать, а вправо одновременно в две колонки.

12. Wearefellows — меню как будто выпадающее меню в левом верхнем углу, которое сначала совсем незаметно для пользователя. Этот сайт — подтверждение идеи, что минимализм нынче в моде — только черные и белые оттенки — ничего более. Стильно и эффектно.

13. Usu На сайте видим сразу несколько вариантов реализации меню — это и нетипичный белый шрифт в черных прямоугольниках, которые при наведении подсвечиваются красным, а также меню на сайте реализовано посредством приема доски объявлений — ненавязчиво и по-студентчески.

14. Добро пожаловать в бар Getraenke-kukral ! Хотите воды, лимонада, пива или сока? Меню на этом сайте реализовано посредством использования больших иконок, которые олицетворяют тот или другой напиток. При наведении контур меню слегка подсвечивается темным цветом.

15. Typographica Меню этого сайта — типографические работы, но в придачу существует выпадающее меню с детальным описанием содержания всей рубрики. Интересно, что в развернутом виде можно открыть все рубрики одновременно.

16. Workatplay — меню сайта спрятано в верхнем левом угле страницы, но открывается при движении мышки в соответствующем направление. Кроме этого — красивое сочетание цветов — розовый шрифт на черном фоне.

17. Benhulse . Типичное плиточное меню. При этом каждая рубрика слегка подсвечивается при наведении. Просто и понятно.

18. Rednoseday Каждая рубрика при открытии перекрашивается в белый цвет, а по краю образовывается своеобразная строчка от шва — оригинально и стильно.

19. Molanphydesign Оранжевая еле заметная подсветка меню.

20. Синяя подсветка Fullyillustrated реализовуется одновременно в двух ракурсах — сверху страницы и снизу фотографии. Таким образом, обозначено, что каждый пример с галереи задается одновременно двумя рубриками (одной нижней и одной верхней).

21. Builtbybuffalo — Обратите внимания на обозначения активного меню оранжевой каплей.

22. Mariecatribs На активное меню указывают стрелочки.

Виды отображения каталога

Чтобы настроить вид отображения товаров в каталоге, то есть, как будут расположены товары в витрине магазина, необходимо перейти в панель администрирования, пункт меню "Настройки-Каталог товаров" вкладка "Общие" (рис.1).

Рисунок 2.

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

Рисунок 3.

Рисунок 4.

Рисунок 5.

Также в подразделе "Тип отображения списка товаров", в строке "В поиске (по умолчанию)" можно указать, какой вид отображения использовать для товаров в результатах поиска.

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

Рисунок 6.

Количество товаров на одной странице

Чтобы указать какое количество товаров выводить в категории на одной странице, необходимо перейти в панель администрирования, пункт меню "Настройки-Каталог товаров" вкладка "Общие" (рис.7).

Рисунок 7.

В разделе "Вывод товаров" в строке "Товаров на странице" укажите, какое количество товаров выводить в категории на одной странице.

Настройка вывода превью фотографий в каталоге

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

Рисунок 8.

Чтобы настроить вывод превью фотографий в каталоге, необходимо перейти в панель администрирования, пункт меню "Настройки - Каталог товаров". В разделе "Вывод товаров" в строке "Показывать превью фотографий" устанавливаем галочку.

Рисунок 9.

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

Настройка вывода количества фотографий в каталоге

Чтобы настроить вывод количества фотографий в каталоге у товара, необходимо перейти в панель администрирования, пункт меню "Настройки - Каталог товаров". В разделе "Вывод товаров" в строке "Выводить количество фотографий" устанавливаем галочку (рис.10).

Рисунок 10.

Данная опция определяет отображать или нет в каталоге у товара небольшую иконку с количеством фотографий у товара (рис.11).

Рисунок 11.

Настройка вывода товаров в наличии не в наличии

Чтобы настроить вывод всего товара или только товара, который есть в наличии, необходимо перейти в панель администрирования, пункт меню "Настройки - Каталог товара" вкладка "Общие". В разделе "Вывод товаров" в строке "Показывать только в наличии" устанавливаем галочку.

Рисунок 12.

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

Настройка вывода товаров в каталоге в соответствии с сортировкой

Для вывода товара в каталоге можно задать сортировку, например, по названию, по цене (по возрастанию или по убыванию), по рейтингу и т.д.

Чтобы установить сортировку, необходимо перейти в панель администрирования, вкладка "Каталог". Нажимаем кнопку "Редактироваnm" (рис.13) и в блоке "Отображение - Сортировка по умолчанию" выбираем соответствующую сортировку (рис.14).

Рисунок 13.

Рисунок 14.

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

Всё готово.

Как скрыть отображение артикула в каталоге

При просмотре каталога под наименованием товара отображается артикул (рис. 15), при необходимости его можно скрыть.

Рисунок 15.

Для этого необходимо перейти в панель администрирования, пункт меню "Настройки" -> "Каталог товаров" (рис. 16.1), далее вкладка "Общие" (рис.16.2).

Рисунок 16.1.

Рисунок 16.2.

Рисунок 17.

Рисунок 18.

Рисунок 19.

И соответственно, снимите галочку в данной строке, если не хотите чтобы рейтинг товара отображался в карточке товара.

Отключение отображения цветов в каталоге

Рассмотрим, как же отключить отображение цветов в каталоге.

Цвета в каталоге отображаются следующим образом (рис.20).

Рисунок 20.

Для того, чтобы цвета отображались только в карточке товара, в каталоге их не было, необходимо перейти в пункт меню "Настройки" - "Каталог товаров" (рис.20.1), вкладка "Общие", раздел "Размер и цвет", и снимите галочку в поле "Учитывать в клиентском каталоге разные цены, цвета, фотографии у одного товара (требуется больше ресурсов)" (рис.20.2)

Рисунок 20.1

Рисунок 20.2

Сохраните изменения и проверьте в клиентской части, цвет в каталоге не отображается (рис.21)

Рисунок 21.

Чтобы переместить товары не в наличии в конец списка на странице каталога, необходимо перейти в панель администрирования, пункт меню "Настройки->Каталог - вкладка "Общие" (рис.22,п.3).

Рисунок 22.

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

Цена на печать меню зависит от:

• размера меню (Ш x В)
• количества полос
• выбранной бумаги
• обложки
• типа крепления
• тиража.

Исходя из количества экземпляров может использоваться офсетная или цифровая печать – что напрямую влияет на конечную стоимость.

Только после понимания всех этих моментов мы сможем сориентировать вас по ценам.

Сколько времени занимает изготовление меню?

Полный цикл работ по изготовлению меню занимает около 1 месяца.
При желании его всегда можно уменьшить до 2-3 недель.
Конкретные условия зависят от объема меню и всегда оговариваются в индивидуальном порядке.

Зачем нужен фуд-стилист на съемке?

Участие фуд-стилиста позволяет сэкономить время съемки в 2 раза.
Объем, который другие фотографы обычно разбивают на два дня, мы делаем за один.

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

Работаете ли вы с другими городами?

Мы работаем только в Санкт-Петербурге и Ленинградской области.
Работа вне нашей локации будет неизбежно связана с привлечением субподрядчиков, качество работы которых мы гарантировать не сможем.

Как дизайн меню увеличит прибыль ресторана?

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

Существует множество и других нюансов, как например: статус заведения, его средний чек, конкурентная среда, тип кухни и т.д.

Полезные материалы:

Какие гарантии вы даете?

100% гарантия результата. Вся работа делается поэтапно по договору. Только после фиксации результата по предыдущему этапу (создание концепции, съемка, печать цветопробы), мы переходим к следующему.

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

Как ресторану снизить издержки на дизайн и печать меню?

Существует несколько способов сделать изготовление меню дешевле:

• вы можете отказаться от создания концепции меню, взяв за основу уже имеющееся решение (ваше или чье-то другое)
• можете получить концепции меню в подарок, заключив договор сразу на несколько работ (например, основное меню + кальянное меню + десертное меню)
• получить скидку 10% на фотосъемку меню, заказав ее вместе с работой по дизайну
• отказаться от использования при печати меню конгрева, тиснения, шелкографии и выборочного ламинирования
• при выборе материалов для печати не использовать дизайнерскую и слишком плотную бумагу
• отдать предпочтение креплению на скрепку вместо крепления на болтах

Какую долю от бюджета вы берете себе?

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