X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Свободный доступ Премиум

Доступ всей нашей библиотеке Премиум Статьи концентратор, файлы проекта и первые 10% от каждого Учебник-Video из Интернет библиотека Учебник .

Создайте свой бесплатный аккаунт!

Обзор: 5 вещей, любить Об Adobe Muse (кодовое название)
  • Обзор: 5 вещей, любить Об Adobe Muse (кодовое название)

Перевод Google Translate

С выпуском InDesign CS5 Adobe сделал значительный сдвиг в сторону позволяет дизайнерам делать интерактивные документы без, и это действительно важно бит, без того, чтобы сначала научиться любой код, что так всегда. Возьмите панель Состояния объектов в качестве примера. Внезапно мир дизайна интерактивных SWF открыл свои двери для самых дизайнеры хардкор печати. Так революция, если это то, что он продолжает с бета-версии под кодовым названием Muse.

Muse является пакет редактирования HTML5, которая использует веб-дизайна преимущества CSS3 но для этого потребуется ни один из кодирования. На самом деле программное обеспечение таким образом, не-код Thats его основных рабочих процессов, верстка и терминология большей степени связаны с InDesign, чем Dreamweaver. И случается так, что InDesign эмуляции, который действительно открывает Muse (рабочее название) до дизайнеров.

Есть много действительно хороших функций Muse, которые делают его действительно очень простое приложение для тех, кто с базовыми знаниями InDesign, чтобы справиться с. Я выбрал 5 из моих любимых функций для вас.


Функция 1 - вид сверху

Плане находится в много способов эквивалентно Страницы Группы в InDesign, только с добавлена ​​возможность того, что это веб-сайт, который собираются вместе, как карта, а не документ.

Plan View

План View.


Давайте начнем с рассмотрения структуры и макета в первую очередь. Кроме первой страницы (это будет ваш индекс страницы) вы увидите небольшой "" кнопок. Нажатие на кнопку справа от первой страницы добавляет второй странице на сайте.

An Added page.

Добавлены страницы.


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

The bottom   button

Нижняя кнопка


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

The Sibling page

Родного брата странице.


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

Site Map

Карта сайта.


Это не займет много усилий либо. Так же, как в InDesign выбранные страницы могут быть удалены с помощью корзины кнопки тоже.


Функция 2 - мастер-страниц

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

A Master Page.

Мастер-страницы.


Дважды щелкните на мастер-странице, чтобы открыть его. Обратите внимание, Есть две пары руководств? Эти заготовки в качестве заголовка для топ-пару и Footer для нижней пары.

Header guide

Заголовок руководства.


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

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

Content placed on master page plus tools

Содержимое размещены на главной странице, а также инструментов.


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

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

Page with master applied and extra content

Страница с мастером прикладного и дополнительный контент.


Страница все еще может быть отредактирован, где нет содержания главной страницы, так что на самом деле страница может состоять из 80% содержимого, добавляемого на этой странице, а 20% контента с главной страницы, например.

СОВЕТ: мастер-страниц все еще ​​можно изменить в группе Главные страницы, просто помните, что любые изменения, сделанные в главных страниц носят глобальный характер и поэтому будут отражены на страницах, которые данной мастер-страницы применяется.


Функция 3 - закрепление объектов

Использование Позиция параметры форматирования в CSS прикрепить объект позицию в окне браузера, может быть довольно сложным, если вы не уверены, что вы делаете. Muse однако нашел простой, но весьма эффективный способ сделать именно это.

The Pin option

Pin вариант.


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

Navigation selected and pinned

Навигация отобраны и приколов.


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

Нажмите на кнопку Просмотр, чтобы увидеть ваши HTML страницы, теперь попробуйте прокрутки страницы (возможно, потребуется добавить больше содержания, чтобы прокрутка).

Pinned object stays put

Важно объекта остается на месте.


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


Функция 4 - Настройка навигации

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

Plan view busy

Заняты зрения плана.


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

Widgets

Виджеты панели.


Перетащите меню на первой странице сайта и поместить его в нужном положении.

Совет: мастер-страниц являются идеальным местом для такого рода вещи.

Menu on the page

Меню на странице.


Этот виджет смарт-виджет, который автоматически присваивает каждой ссылке и создает гиперссылку на страницу.

The Options area

Параметры HUD.


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

The Control Panel

Панель управления.


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


Функция 5 - Импорт Кнопки с Photoshop CS5

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

Photoshop layers

Photoshop слоями.


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

Еще в Muse, поместите файл фотошопа в виде кнопки Photoshop, выбирая Файл

Button Options

Кнопка Options.


В опциях окне, которое появится матча каждого слоя, чтобы каждая кнопка государства, Up, Over и т.д. Затем поместите кнопку на странице.

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

The States panel

Государства панели.


Группа указывает, позволяет каждому государству Photoshop кнопку для мониторинга и изменены после размещения.


Заключение

Равно как Adobe поразил правый курс с Muse, да и вообще все, что можно было бы назвать в момент запуска? Ну, я бы сказал ... Да! Muse является отличным инструментом для дизайнеров передавать свои знания из печати в веб без участия кода. Не то чтобы я хочу сказать ничего плохого в кодировании, но и для многих дизайнеров HTML и CSS, которые не являются частью их инструментарий.

Если вы хотите опробовать бета-версии Muse а затем посетить веб-сайт Adobe и скачать его бесплатно здесь .


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link