Дизайн 2 страниц сайта

1 Главная страница сайта

1.1 Шапка сайта: небольшая по вертикале, содержит логотип-баннер

на все ширину экрана.

1.2 Меню

Regions: Post-Soviet States, USA, EU

Topics: Policy making, Economy, War, Root grass

Outlook: Historical articles, Modern reseach.

Cover story(публикация дня) (без подменю)

About US: Our people, Leave a feedback.

Пункты меню могут редактироваться на странице

администратора

Отображаетсяв две строки. На первой строке – все ссылки верхнего меню, второй строгой– ссылки второго уровня.

1.3 Блок правой колонки “Cover story”

большаяквадратная иконка и название материала.(выбрать материал Cover story можно в админке)

1.4 Блок правой колонки “теги “

содержит теги: Sociology, Root grass, External links.

Теги могут редактироваться на странице администратора

1.5 Футер

Повторяет шапку, в дополение – отображается иконка

rss, имейл, линк feedback последняя строка“Copyright © 2020Название сайта. All rights reserved.”

1.6 Основная часть страницы, на которую выводится оглавление или выбранный материал.

По умолчаниювыводится “cover story” (публикация дня).

Вверху – название,

слева – главная картинка,

слева от картинки – преамбула,

под ними – остальной текст.

2 Страница раздела

Содержит

названия раздела/тега,

Иконку раздела,

список связанных материалов (в каждом пункте списка – картинка материала и его название)

Иконка раздела – настраивается на странице администратора.

Картинка материала – настраивается на странице редактирования материала.

Если нет иконки/картинки – выводятся дефолтные.

3 Пожелания по дизайну:

дизайн“чистый”, c минимумом элементов и преобладанием фона (белый или легкого

оттенка, как у https://www.ft.com/ )

верстка“резиновая”

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

Меню – верхняя планка видна всегда и растянута на всю ширину экрана.

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

при наведении – меняется фон выбранного меню и появляется нижняя планка.

Нижняя планка,отображающая меню второго уровня – тоже горизонтальная (“от края до края”)

но большая размером по высоте и может

содержать иконки.

Примеры меню

https://www.stratfor.com/

https://www.rand.org/

правда они там очень большие

4 В задачу дизайнера входит:

дизайн главной страницы,

дизайн страницы меню,

доработка баннера шапки сайта

дефолтныеиконки меню и материала

подбор свободных шрифтов в формате ttf