Обмен технологиями

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Классификация архетипов

1. Эскиз прототипа

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

2. Некачественные прототипы

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

Стандартизированные прототипы низкой точности являются основой для прототипов высокой точности.

3. Высококачественные прототипы

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

Продукт сначала создает низкоточный прототип, а дизайнер на основе прототипа создает эскизный проект.

Низкоточный прототип + эскизный проект = высокоточный прототип

Аксуре

1. Рабочий интерфейс

①Область меню ②Область слоев ③Область компонентов ④Область рисования ⑤Область стилей

2. Общие операции

1. Создайте новый файл: Файл->Создать.
2. Открыть файл: Файл->Открыть.
3. Сохранить файл: Файл->Сохранить.
4. Основные типы файлов

• .rp: файл прототипа
• .rplib: файл библиотеки компонентов.
• Файл командного проекта .rpteam
• .html файл веб-страницы

1. Автосохранение: Настройки->Включить резервное копирование.
2. Комбинация: Ctrl+G
3. Публикация: создание прототипа в файл HTML -> рекомендуется сначала создать новую папку.
4. Справка: Об Axure ->Просмотреть версию
5. Помощь: Управление авторизацией->Взломать ПО
6. Добавить исходную библиотеку: библиотека компонентов + номер
7. Удалить библиотеку компонентов: Открыть библиотеку компонентов->Еще->Удалить библиотеку компонентов.

3.Стильный дизайн

Перетащите компонент на холст и измените стиль.

4. Дизайн взаимодействия

Взаимодействие — это процесс взаимодействия человека и компьютера, а дизайн взаимодействия — это разработка правил и производительности взаимодействия.

В Axure взаимодействие разделено на стиль взаимодействия и логику взаимодействия.

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

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

3. Установленные интерактивные эффекты необходимо просмотреть в превью.

5. Репитер

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

1. Создайте репитер, дважды щелкните ретранслятор, чтобы войти в режим редактирования.
2. Назовите все компоненты, чтобы облегчить последующую привязку данных.
3. Выйти из редактирования и заполнить данные таблицы (названия столбцов поддерживаются только на английском языке)
4. Вид->Маска->Отключить маску ретранслятора

6. Динамическая панель

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

1. Добавить левую панель навигации
2. Добавьте динамическую панель справа
3. Дважды щелкните динамическую панель, чтобы войти в режим редактирования.
4. Установите разные элементы в разные состояния

1. Добавьте события кликов в навигацию и установите динамический статус панели.

1. Эффект предварительного просмотра

спецификация прототипа

Разница между приложениями для мобильного телефона и компьютера:

1. Адаптация экрана (размер экрана, разрешение)
2. Способ взаимодействия (мышь более точна, чем управление пальцами)

ПК-версия

1. версия сердца

Текущее основное разрешение — 1920*1080, поэтому центр версий обычно находится в диапазоне 960–1200, а общая рекомендация — 1200.

До 2012 года основное разрешение было 1024*768, поэтому центр версий был 760.

2.Навигация

3. Форма

4. Список

М конец

Для мобильного терминала не существует спецификации фиксированного размера. Прототипы изготавливаются по размеру адаптированной модели. Например, размер iPhone 6 составляет 375*667.

1. Фиксированный размер элемента

2. Места общего пользования

3. Общие формы отображения