Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Step 2 - стартовая страница (витрина), after autorit., and per-profile sett. #6

Open
ConnectionAxis opened this issue Mar 18, 2019 · 1 comment

Comments

@ConnectionAxis
Copy link
Owner

ConnectionAxis commented Mar 18, 2019

ОБразец цвета, шрифта и разметки
Всплывающий элемент при наведении (стат )

Фактуры:
Цвета- голубой (все кликабельные кнопки); серый (заглавный текст)
Шрифты- Жирный (заглавные); средний жирный (меню слева, верхняя панель) тонкий средний (в публикации- обозначения Owner, Institute or Startup..., Research stack etc.)

Структура:
Верхняя панель (слева направо):

лого (+ надпись ConAx)- поле для поиска- Targeting & Analytics- Creative Networks- Notifications- Аватар (он же переход на страницу Home)- "многоточие"(Settings)

Ниже отступ от верхней панели, (основное содержание страницы слева направо):

Слева меню: Content (некликабельная, серым жирным шрифтом);
My Research Spaces-
My Frameworks-
Call to action-
(кликабельные элементы, при нажатии в середине сменяются сегменты- Research space или Frameworks пользователя; СМ доп. фото рисунка с разделенным экраном (Do not yet have ... СМ. Step 3);

Середина страницы:
Рамка на рисунке с кнопкой "Create new Research Space", в ней также текст:

A research space is interconnected framework that routes tools and activities from deferent research areas to build an end-to-end pipeline process on your project. Check out some already posted research spaces like the one below.

ниже кнопка- Create new Research Space По аналогии с Github СМ скрин);

Середина страницы: Research Spaces (или Frameworks, Call to action в зависимости от выбора пользователя)
Research Spaces (содержание публикации/content)(!также применяется принцип публикаций на Github или Stackshare):
-аватар- owner (Имя или название института/фирмы и тд)

  • Статус/ позиция (должность в институте, компании и тд.)- соотв.пункту в настройках профиля- Corporate (где указывается организация)
    -Activity/Sector (указывается область к которой принадлежит пользователь и проект, также из настроек профиля)
  • дата публикации проекта (1-2-3-4-5- days ago)
    -Frameworks (голубым выделяется; указывает сколько фраймов в данном проекте, по аналогии с Github, frameworks у нас дублируют репозитории); СМ. issue- "Create new research space")
    -Name of space (Название проекта)
  • Description (короткое описание)
    -Topics & categories (кликабельные топики и доп.слова для поиска)
  • see more (открывает текст описания полностью)
    (СМ. аналог скрин Stackshare)
    -upvotes, views (статистика проекта)
    add comment (рамка для комментария)
  • многоточие меню (правее от рамки комментариев); содержание в разработке!

Правая часть страницы- Frameworks (! содержание по аналогии с Res.Spaces):

  • Текст с напоминанием о том, зачем frameworks (по аналогии с текстом для Res.Spaces):

Discover and create research frameworks to empower operations research, stack and share your research activities.

Popular Frameworks (содержание/content):
-Name of framework
-Owner (имя пользователя, или корпоративного-название фирмы, института)
-at Research Space (означает к какому research space относится, имя проекта)- Research stack (набор main focus areas, research areas, industrys и тд., все что указывается при создании (настройках))
-Themes and Topics
-Contributors (небольшие аватарки тех кто follows этот фраймворк, +число)

  • Go to Explore (переход на страницу с Frameworks, по аналогии с Github) - страница в следующих issues (!)

-Иллюстрация

Stackshare

CМ иллюстрации:

Github
Call to action

стартовая страница изобр

@ConnectionAxis
Copy link
Owner Author

ConnectionAxis commented Mar 24, 2019

Шрифты:
Применить шрифты используемые в лендинге проекта;
По скрину:
-верхняя панель (Targeting & Analytics, Creative Networks, Notification) шрифт со скрина голубой (уменьшить);
-в основной части: кнопки и надписи (слева -Me Frameworks , MyResearch space и аналогичные) шрифтом как на скрине кнопка Discover Networking; оглавления разделов крупным голубым; описания (Description ) мелким шрифтом; кликабельные части текстов (кроме заглавных) выделять голубым; тексты полупрозрачным (upvotes, views, тексты в рамках- add comments) цветом как соц.сети логотипы (!может быть немного сочнее цвет);
-напоминания (или призывы) создать проект в рамках - мелким шрифтом со скрина.
Примеч.: может быть шрифты немного уменьшить для страницы;
разметка- убрать линии (разделения на зоны страницы, левый блок, правы и тд.), применим решение аналогичное Pinterest - минимум линий, все текста и кнопки в свободном пространстве от разметок.
Шрифты

@ConnectionAxis ConnectionAxis changed the title Элемент 3- стартовая страница (витрина) Step 2 - стартовая страница (витрина), after autorit., and per-profile sett. Apr 10, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant