Setting map-content (UX/UI)

[ConnectionAxis]

Вводное примечание: содержание планируемых объектов (вкладок) см. файл Word - Setting map-content (UX); содержание распределяется по вкладкам в следующем порядке: а) Menu Settings - первая вкладка, ей соотв.содержание "элемент 3"(всплывающее окошко справа в верхней панеле) b) ConAx Settings- вторая вкладка, ей соотв.содержание "элемент 4" (см.примечание по содержанию и фактурам) с) Creative Networks- третья вкладка, ей соотв.содержание "элемент 5" d) Targeting and analytics- третья вкладка, ей соотв.содержание "элемент 6" ! Все что ниже в содержании файла Word на доработке, не обращать внимание!

Структура:

• Объект (а) Menu Setting - реализуется как всплывающее окошко при нажатии в верхней панеле трех точек (см.реализацию на Pinterest); При выборе одного из пунктов меню (ConAx Settings, Creative Networks, Targeting and analytics, Privacy and Terms, Log out) всплывает соотв.окно (см.скрин из Medium, аналогичного размера);
• объект ConAx Settings (b) имеет аналогичную структуру, как страница на Pinterest - Edit Settings: -слева содержание, при нажатии на пункты которого происходит переход к соотв.разделу (см.реализацию Pinterest)
• справа основное содержание разделов (Account settings, Edit Profile, Claim ConAx, Notification inbox);
• Объекты: Creative Networks и Targeting and analytics НЕ ИМЕЮТ меню слева, а просто содержание копируется, как в файле Word; Реализуются в отдельных окнах (при нажатии в меню на пункты соотв.разделов);

Фактуры объектов: -Шрифты: применяется 3 шрифта- Основные заголовки (большой, жирный), средние-разделы (средний, жирный), описание, содержание (мелкий, тонкий); см.файл Word как в нем!!!

• Цвета (и подсветка объектов): -Заглавные шрифты (и средние шрифты разделов)- темно-серые (аналоги ленд.); при наведении на кликабельные слова-кнопки меняют цвет на голубой (цвет шрифтов с лендинга)- например меню слева во вкладке b- ConAx Settings;
  • Мелкие поясняющие записи в разделах (поясняют действия, пользоват.инструкции) - голубым выделить;

Кликабельные кнопки, меню-рамки (+подсветка): -кликаб.кнопки (надписи)- левое меню в первой (а) вкладке (цвет серый, при наведении меняется на голубой); все что выделено в файле Word голубым в основном содержании голубым - кликабельно (например раздел Account settings- Male, Female, Custom и тд.) ! Прим.: везде в содержан.Yes No - реализуется как на Pinterest в виде подвижных (влево-вправо) кнопок-тумбл.;

• Выделяемые кнопки: раздел Account setting кнопки- Deactivate account, Delete account, Cancel, Save settings- выделить в рамку по аналогии с Pinterest кнопки Edit или Done и тд., выделить белым на сером фоне (серая заливка), и при наведении заливка голубая, шрифт белый, аналогично кнопкам на лендинге; в разделе Edit Profile- кнопки Change, и Personal или Corporate
• Рамки: все что выделено в файле заливкой (серой): Country, Language, First Name, Last Name, Username, Status, Institutions, Description, Location, Claim (оба)- реализуются как рамки с возможным воодом (см.Pinterest рамки под словами для ввода); ! Main Focus Areas и Activity- имеют под собой рамку с меню; меню выделено заливкой ниже.

[ConnectionAxis]

Образцы для переработки RAR ConAx Tool 2.pdf ConAx Tool.pdf ConAx домашняя страница 2.pdf ConAx домашняя страница.pdf ConAx проекты каналы.pdf ConAx публикация открытая.pdf

[ConnectionAxis]

Файл на доработке - Setting map-content (UX)