Презентацию к данной лекции можно скачать здесь.
Windows, Bing, PowerPoint, InternetExplorer, VisualStudio, WebMatrix, DreamSpark и Silverlight являются зарегистрированными товарными знаками или товарными знаками MicrosoftCorporation в США и / или других странах. Другие названия продуктов и компаний, упомянутые здесь, также могут быть торговыми марками их соответствующих владельцев.
Названия компаний, организаций, продуктов, имена доменов, адреса электронной почты, логотипы, люди, места и события являются вымышленными. Не предполагается их связь с реальными компаниями, организациями, продуктами, доменными именами, адресами электронной почты, эмблемами, людьми, местами и событиями.
Информация, содержащаяся в данном руководстве, предоставляется без каких-либо явно выраженных, установленных законом, или подразумеваемых гарантий. Ни авторы, ни корпорация Microsoft, ни организации, обеспечивающие доступ к руководству, не будут нести ответственности за любые убытки, вызванные или предположительно вызванные прямо или косвенно этим руководством.
Создан для Microsoft компанией Avlade: http://www.Avlade.com.
Copyright 2012 MicrosoftCorporation.
Дизайн новой операционной системы Windows 8, названный новым дизайном Microsoft (Modern UI), можно назвать революционным, так как в нем используются сочные цвета, новое оформление и сенсорное управление. Эта операционная система предоставляет дизайнерам новые возможности. Освоив данную лекцию, вы ознакомитесь с основными принципами этого дизайна и научитесь применять полученные знания на практике.
Новый дизайн для Windows основан на классическом Швейцарском графическом дизайне, в котором текст стал основной формой навигации. В пользовательском интерфейсе сделан акцент на шрифтовое оформление, избавленное от ненужных деталей, а не на кнопки, границы, эффекты и другие графические элементы интерфейса.
Дизайн для Windows, от концепции программного продукта до готового приложения, не только является современным дизайном интерфейса, но и соответствует ожиданиям пользователей в плане положительного опыта взаимодействия с системой (userexperience, UX). Это дает возможность сосредоточиться на полезном информационном содержании приложений, построенных по новым принципам.
С помощью данной лекции вы узнаете, как устроен новый интерфейс Windows и как он связан с уже принятыми принципами дизайна. Так же вы ознакомитесь с тонкой настройкой пользовательского интерфейса Windows для обеспечения прозрачного взаимодействия с пользователем и научитесь использовать различные компоненты, такие, как:
Чтобы пройти данный курс, вам необходимо иметь компьютер с установленной Windows 8.
Узнать подробности об этой операционной системе можно, пройдя по ссылке: http://windows.microsoft.com/ru-ru/windows-8/meet.
Для этой лекции вам нужно установить 2 приложения: Photos и PuzzleTouch. Сделайте следующее, чтобы найти и установить эти приложения.
 |
 |
| Нажмите на значке поиска и введите photo | |
Чтобы посмотреть установленные приложения, сделайте следующее.
Если на вашем устройстве еще нет изображений, их можно загрузить в папку Pictures (Изображения).
NewWindows UI (новый дизайн пользовательского интерфейса Windows), Modern UI - кодовое название языка дизайна корпорации Microsoft. Новый дизайн Windows основан на так называемом Швейцарском дизайне, в котором сделан акцент на минимализм, ровность линий, читабельность текста, простые и красивые элементы. На новый дизайн также повлияли: Немецкая школа дизайна Bauhaus и интернациональный типографический стиль.
В интернациональном типографическом стиле сделан акцент на чистоту, читабельность и объективность. Отличительными признаками этого стиля являются асимметричное расположение элементов, применение сетки, шрифты без засечек, выравнивание по левому краю. Этот стиль также предпочитает использование фотографий вместо иллюстраций или рисунков.
К особенностям интернационального типографического стиля относят:
При ознакомлении с современным дизайном важно упомянуть о немецком учебном заведении Bauhaus, работавшем с 1919 по 1933-й год и объединявшем прикладное и изобразительное искусство. В наши дни немецким термином "Bauhaus" называют определенное направление дизайна и архитектуры. Дизайнеры, работающие в этом стиле, стремятся к минимализму и стараются обойтись без ненужных элементов, что вы можете видеть и в новом дизайне Windows. Раньше движение Bauhaus влияло на печатные издания, изготовление механических изделий и мебели, теперь же - на представление информации на экране.
В Windows 8 используется большое количество текста и выравнивания по сеткам, следовательно, в приложениях для данной операционной системы дизайнерам нужно делать то же самое.
В новом дизайне для Windows также присутствуют идеи дорожных указателей, которые интуитивно понятны любому человеку. Эти знаки отображают только нужные и полезные элементы, чтобы путешественники получали только информацию, которая им требуется, и не отвлекались на ненужное.
В этой лекции вы узнаете, как платформа Windows 8 помогает приложениям, интерфейс которых построен по новым правилам, сконцентрировать внимание пользователя на самом важном, используя комбинацию из концепций Швейцарского дизайна, движения Bauhaus и идей дорожных указателей. Также вы узнаете, как платформа Windows 8 с помощью использования собственных компонентов позволяет дизайнерам концентрировать внимание пользователя на том, что важно в данный момент.
В этой части вы изучите настоящее приложение и увидите, как текст и изображения используются в новом дизайне Windows.
Приложение Финансы (Finance) имеет свой уникальный стиль, но текст и изображения используются в том же формате, который существовалв начальном виде экрана.
Windows 8 отличается от всех операционных систем, ранее создававшихся корпорацией Microsoft. Windows 8 работает единообразно на нескольких типах устройств, таких, как настольные компьютеры, планшетные компьютеры и другие устройства с сенсорным экраном. Эта операционная система поддерживает ландшафтную (горизонтальную) и портретную (вертикальную) ориентации экрана. Теперь у дизайнеров есть возможность создавать что-то общее для пользователей разных устройств. Соответственно, от дизайнера, для создания хороших приложений, требуется знание платформы.
В помощь дизайнерам платформа Windows 8 предоставляет единообразную модель пользовательского интерфейса, что позволяет дизайнерам сконцентрировать функциональность приложения на полезной деятельности, сохраняя приложение понятным и лишенным отвлекающих элементов.
Ниже представлены главные элементы интерфейса, которые позволяют строить приложения для Магазина Windows, направленные на максимальное соответствие ожиданиям пользователей.
Прочитайте следующие части, чтобы понять, как эти компоненты работают в системе и как они влияют на дизайн приложений.
Полотно (canvas) - это рабочая поверхность устройства, посредством которой пользователь взаимодействует с операционной системой и приложениями. В Windows 8 пользователь может выполнять ключевые действия, такие, как запуск приложений, поиск, предоставление общего доступа, навигацию по контенту, используя только рабочую поверхность. Пользователь здесь непосредственно манипулирует контентом, используя рабочую поверхность приложений, что заменяет добавление команд для работы с контентом. На рабочей поверхности могут быть отображены два приложения: одно в виде прикрепленного приложения (Snappedapplication), другое - в виде основного (Mainapplication), его еще называют заполняющим (Filled) приложением.
Чудо-кнопки дают возможность использовать общие команды в разных приложениях, чем и создается единообразная модель интерфейса. В частности, доступны команды поиска, обеспечения общего доступа, работы с устройствами - такими, как устройства печати, видеоустройства, команда отправки в одно нажатие. Панель чудо-кнопок можно вызвать, проведя пальцем справа налево от правого края экрана, либо разместив мышь в правом нижнем углу рабочей поверхности, либо нажав Win + C.
Чудо-кнопки позволяют дизайнерам убрать лишние, ненужные элементы из приложений, так как являются встроенными элементами ОС и расположены в интерфейсе всегда в одном и том же месте. Дизайнерам не придется тратить усилия на внедрение этих элементов в свои приложения.
Чтобы приложение могло использовать чудо-кнопки, разработчик приложения должен активировать соответствующий контракт, а дизайнер, в свою очередь, должен продумать структуру приложения: например, в приложении не нужна кнопка поиска, но место, куда будут выводиться результаты поиска, дизайнер предусмотреть должен.
Помните, что здесь мы только бегло рассказываем вам о возможностях чудо-кнопок, более детально вы узнаете о них в лекции 8.
Чудо-кнопка Поиск позволяет пользователю не только искать информацию в активном приложении, но и по всему содержимому в системе. Вы уже видели пример ранее в этой лекции,когда искали приложение Финансы (Finance) и запускали поиск в Магазине Windows. Проделайте следующее, чтобы протестировать возможности поиска.
Учтите, что вы не выходите из приложений, они просто становятся неактивными, когда вы их не используете. Далее в этой лекции вы узнаете, как выключать приложения и переключаться между ними.
Чудо-кнопка Общий доступ (Share) дает возможность отправлять содержимое приложения другому пользователю или в другое приложение и принимать общедоступный контент. Так же, как и в случае с другими чудо-кнопками, Общий доступ активируется на стадии разработки приложения; но как дизайнер вы должны определить - что именно может быть предоставлено для общего доступа. Хотите ли вы, чтобы ваше приложение было целевым при обмене данными, может ли другое приложение отправлять контент вашему? Или вы хотите, чтобы ваше приложение стало источником общедоступных данных, выступая в таком случае создателем источника данных?
Прежде чем работать по нижеприведенной инструкции, убедитесь, что вы установили приложения Photos и PuzzleTouch из магазина приложений и выполнили указания, данные в начале лекции.
Можете собрать паззл или вернуться на главный экран, воспользовавшись панелью чудо-кнопок.
Эта чудо-кнопка позволяет пользователям приложений отправлять видео, музыку и изображения на другие устройства в домашней сети. Также ее можно использовать для того, чтобы подключить второй экран или проектор. Нажав на Устройства, вы в настоящий момент увидите лишь команду подключения второго экрана, но на самом деле здесь доступны любые устройства, имеющие отношение к отображению видео или печати.
Эта чудо-кнопка даёт доступ ко всемпараметрам приложения, что очень удобно для пользователя:он сможет задавать здесь параметры как для конкретного приложения, так и для глобальных настроек.
Можете поэкспериментировать, запуская разные приложения и вызывая настройку их параметров. Вы увидите, что приложения позволяют осуществлять глобальные настройки в окне Параметры (Settings). Учтите, что за внешний вид и удобство настроек отвечает дизайнер.
Если у вас есть устройство, обладающее сенсорным экраном, вы можете без проблем пользоваться возможностями операционной системы и приложений, связанными с сенсорным управлением. Распознавание прикосновений и жестов является встроенной частью платформы Windows 8 и приложений для Магазина Windows. ОС поддерживает четкий набор жестов и прикосновений, единообразный во всей системе. Применив данный набор, вы сделаете приложение легким в освоении и в использовании. Более подробно об этом вы узнаете в лекции 7.
Если ваше устройство не имеет сенсорного дисплея, не беспокойтесь: Windows 8 полностью поддерживает работу с мышью и клавиатурой. Это взаимодействие имеет много общих черт с управлением жестами и касаниями, в то же время обеспечивая особый стиль взаимодействия с системой, который знаком пользователям и разработчикам приложений.
Панель управления приложением поможет вам создать приложение, которое будет соответствовать концепции нового дизайна для Windows - делать больше с меньшими усилиями. С помощью панели приложения можно скрывать функции и команды до того момента, пока они не понадобятся. Пользователь может сконцентрироваться на своих задачах, а не на командах, которые в данный момент ему не нужны.
Пользователь может вызвать панель приложения, проведя по нижней части экрана, от края – к центру, или может продолжить работу с контентом - тогда панель исчезнет. Также её можно использовать для отображения команд илипараметров, которые являются специфическими в данном контексте, например, при выделении фотографий или в режиме рисования.
Если в вашем приложении есть функции, которые важны в процессе работы (такие, как команда покупки продукта), поместите их не на эту панель, а на рабочую поверхность приложения.
Более детально об этом рассказывается в лекции 5.
Новый дизайн Microsoft предусматривает использование новых ориентаций экрана, с которыми дизайнер пользовательских интерфейсов мог не встречаться ранее. У вас есть основной ландшафтный режим экрана, режим прикрепленного приложения и портретный режим. Как дизайнер, вы также можете работать с различными разрешениями и размерами экрана. Более подробно об этом читайте в лекции 10.
Ландшафтная (landscape) ориентация экрана является самой распространенной, так как она используется в настольных компьютерах и ноутбуках.При разработке следует ориентироваться на ландшафтную ориентацию и создавать альтернативу в виде портретной ориентации, если она вам нужна.
Вы можете решить оставить ваше приложение в ландшафтном режиме даже тогда, когда экран устройства повёрнут, но отметим, что пользователи могут воспринимать это как ошибку. Solitaire - пример приложения, которое "предпочитает" ландшафтный режим, поскольку карты сложно располагать в портретном режиме.
В конкретном устройстве портретный режим может не поддерживаться (это зависит от наличия акселерометра). В лекции 10 у вас будет возможность протестировать ваше приложение при портретной и ландшафтной ориентации экрана с помощью симулятора - без настоящего поворота экрана.
Помните, что при создании дизайна приложения необходимо учитывать и портретный вид, нодизайнер может отказаться от использования приложения в портретном режиме.
Режим прикрепленного приложения нацелен на то, чтобы окно вашего приложения было доступно пользователю на как можно большей площади рабочего пространства экрана. В этом режиме можно открыть сразу 2 приложения: одно в режиме заполняющего (главного) приложения, другое - в режиме прикрепленного приложения.
Такой вид ориентации экрана является частью платформы Windows 8, от любого приложения может потребоваться работа в прикрепленном режиме - независимо от того, адаптировали ли вы его для этого режима или нет. Поэтому ваше приложение должно его поддерживать.
Прикрепленный режим - это один из режимов, над которым стоит поработать, чтобы обеспечить положительный опыт взаимодействия пользователя с вашим приложением. Помните о том, что в данном режиме ваше приложение - не гаджет. Перед нами полнофункциональная программа, которая отображается на экране в гораздо более узком пространстве, чем обычно. В данный момент важно просто отметить это, но подробности вы найдете в лекции 10.
Режим прикрепленного приложения хорош тем, что пользователь может не закрывать приложение и в то же время заниматься чем-то другим. Подобный режим позволяет открыть сразу 2 приложения на экране: одно в режиме заполняющего приложения, другое - в режимеприкрепленного.
В этой лекции вы узнали об основах, на которых построены WinRT-приложения, о том, что повлияло на разработку нового дизайна интерфейса Windows. Кроме того, вы получили возможность поэкспериментировать с важнейшими компонентами, такими, как чудо-кнопки, которые позволяют дизайнерам уменьшить количество элементов, используемых в дизайне приложений.
Также здесь вы познакомились с различными режимами ориентации экранов.
Самостоятельно просмотрите различные приложения в системе с установленной Windows 8, чтобы оценить, насколько эффективно они используют возможности чудо-кнопок. В частности, обратите особое внимание на чудо-кнопки Общий доступ (Share) и Параметры (Settings). Функциональность приложения, зависящую от чудо-кнопок, не следует оставлять на последний этап разработки. Её следует принимать во внимание с начала работы над концепцией приложения и до завершения.
Для получения официальных документов о завершении программы дополнительного профессионального образования (удостоверения о повышении квалификации, дипломов о профессиональной переподготовке и MBA) необходимо предоставить:
Внимание! Вы можете не заказывать доставку бумажной версии официального документы, а скачать его в электронном виде и распечатать самостоятельно. Информация о выданном документе в течение 1 месяца загружается в Федеральную информационную систему «Федеральный реестр сведений о документах об образовании и (или) о квалификации, документах об обучении» - ФИС ФРДО.
Доступ на новый сайт осуществляется с использованием адреса электронной почты, который был указан вами при регистрации на "старом". Мы постарались перенести все ваши данные с прежнего ресурса, однако не исключена вероятность потери части информации.
При возникновении проблемы со входом, воспользуйтесь функцией сброса пароля
Если вы обнаружите несоответствия, пожалуйста, сообщите нам.