На данный момент - это итоговый вариант дизайна главной страницы Международного Информационно-Аналитического Центра (МИАЦ) расположенной по адресу info.anastasia.ru

Дизайн постепенно уточняется и дополняется.

Изменения от 07.05.06
- подправлены кнопки-дощечки
- сдвинут ствол кедра к краю страницы
- заменено солнце (восход)
- использована другая шапка сайта (вариант Varlenn)
- белое поле теперь непрозрачно

Изменения от 10.05.06
- исправлен размер страницы (под 1024*768)
- увеличена надпись "МИАЦ"
- исправлено положение белого поля

Изменения от 19.05.06
- первый образец тех. задания и создание итоговых макетов страниц

Тех. задание ещё сырое. Надо дописать про 2 варианта дизайна и про стандартный размер страницы + уточнения и дополнения.

Дописала про дизайн для первичного входа.
Уточнен дизайн по макету varlenn
Дописала про простой вариант дизайна.


Тех. Задание.
демоматериал
- макет полноцветного дизайна страницы с анимационными элементами
- схема макета полноцветного дизайна с пронумерованными секторами страницы
- макет дизайна страницы для первичного входа на ИНФО
- эмблема ЗКР (два варианта)
- эмблема МИАЦ не представлена (нужны предложения от веб-дизайнеров), описание в тексте.
- лента орнамента для разделения столбцов в варианте простого дизайна не представлена, описание в тексте


Размеры рисунка для полноцветного дизайна страницы.
1) Либо рисунок не масштабируется, делаем под стандартное разрешение мин. 1024х768.
2) либо рисунок должен быть масштабируемым, точнее, дизайн должен быть устойчивым к изменениям горизонтали окна от 800 до 1600 хотя бы.
Пожелание - сделать всё-таки рисунок масштабируемым.

Разрабатывается три макета с различными вариантами дизайна.

1). дизайн для первичного входа на страницу ИНФО. Этот вход служит исключительно для выбора пользователем двух дизайнов ИНФО и содержит эмблему ЗКР (ветка кедра на фоне солнца), эмблему МИАЦ (летящий, парящий орел) и два ссылочных поля на разные дизайны ИНФО. Данная страница позволяет пользователю, впервые зашедшему на ИНФО, выбрать в соответствии с возможностями его компьютера и интернет-трафика тот вариант дизайна, который будет загружаться в кэш быстрее. В дальнейшем этот пользователь будет попадать сразу в тот дизайн, который поставит себе по умолчанию, но с возможностью всегда его поменять на второй вариант.
Страница первичного входа оформляется в соответствии с предоставленным макетом. Основной фон - зеленый и голубой. В центре страницы помещено слово ВХОД (не активно). Справа и слева от него располагаются два ссылочных поля (кнопки, стилизованные под солнца), подписанные "Полная версия" и "Легкая версия" соответственно. Вверху страницы первичного входа дается надпись Международный Информационно-Аналитический Центр (шрифт повторяется из шапки дизайна ИНФО, см.ниже), под ним более мелким шрифтом надпись "Объединенные ресурсы под знаком ЗКР". и в ряд с этой надписью - эмблема МИАЦ - парящий орел. Слева от названия МИАЦ в шапке помещается эмблема ЗКР. Внизу страницы по центру под входами в два варианта дизайна ИНФО помещается краткий текст-приветствие с информацией о назначении МИАЦ.


2). Полноцветный дизайн страницы основан на изображениях, стилизованных под векторные, с целью снизить размер итоговой страницы. Т.е. картинка изначально рисуется в векторной графике, т.к. векторная графика ярче по цветам. Затем она переводится с помощью соответ.программы в растровое изображение, с которым легко проводить манипуляции по сжатию картинки с целью максимально облегчить её вес и загрузку в кэш пользователю, зашедшему на страничку с этим рисунком.
На странице присутствует флеш-анимация (см.схему).

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

Левый столбец (а также левая часть «шапки») представлен в виде ствола дерева (кедра), находящегося на переднем плане. На нём размещаются кнопки ( сектор 7), сделанные в виде дощечек, соединённых цветочной лианой. На дощечках будут находиться: текст ссылок и небольшие картинки-пиктограммы.



В «шапка» страницы изображён пейзаж (4,5,6) (стилизованный под векторное изображение): голубое небо (градиент), холмы покрытые лесом и луга.
На фоне неба расположено название страницы: «Международный Информационно-Аналитический Центр» и ниже, более мелкая надпись «Объединённые ресурсы под знаком «ЗКР».

В левой части «шапки» видна крона дерева с ветками, хвоёй и кедровой шишкой. (1,2)
Одна ветка отходит от ствола вправо и располагается на фоне солнца (3), образуя, таким образом, символ ЗКР (ветка кедра на фоне солнца).

Нижнее горизонтальное поле (17,18 ) состоит из изображения травы.

Большая правая область страницы состоит из двух частей:
1) узкая вертикальная область (10,11,12), на которой изображено продолжение пейзажа из «шапки» страницы. Таким образом, эта область визуально составляет одно целое с «шапкой».
2) Белое информационное поле (19), выделенные границы этого поля (16) а также небольшой элемент в виде загиба листа бумаги (8 )

Описание каждого сектора на странице:

1. Рисунок. Ствол кедра и часть кроны
2. Рисунок. Часть ствола, пейзаж, крупная ветка, хвоя и шишка. Возможно шишка будет отдельным изображением-ссылкой.
3. Анимированный объект (flash). Небольшое покачивание (на ветру) ветки и создающийся из-за этого эффект мерцание солнца (свет, проходящий через хвою).
При наведении курсора вокруг солнца появляется надпись «Звенящие Кедры России». При убирании курсора надпись исчезает. Этот элемент также является ссылкой, ведущей на сайт Anastasia.ru



4. 5. 6. Рисунки. В пятом секторе располагается заголовок страницы
7. Рисунок. Дощечка-кнопка
8. Рисунок. Загиб листа.
9. Рисунок. Изображение края ствола кедра. Это изображение повторяется на протяжении всего ствола (до сектора 2), чтобы уменьшить итоговый размер страницы. Однако, при этом должно сохраняться визуальное единство ствола.
10. 11. Рисунки. Являются продолжением пейзажа, изображённого в «шапке страницы».
12. Рисунок. Изображение травы. Является переходным от анимированного 18 сектора к 11-му. Создаёт визуальное единство секторов 11 и 18.
13. Рисунок. Изображение коры. Такой же принцип, что и в секторе 9.
14. Рисунок. Белый цветок, находящийся между дощечками. Это изображение повторяется на протяжении всего ствола кедра (как и секторы 9 и 13)
15. Рисунок. Кора дерева. Повторяется между всеми дощечками.
16. Граница белого поля (рисунок наверное?..)
17.18. Анимированные объекты (flash). Изображение травы, которая слегка покачивается (на ветру). Анимация интерактивная. При проведении по траве курсором, она (трава) пригибается и снова выпрямляется.
Сектор 18 может быть разделён на несколько одинаковых flash-элементов (для экономии трафика)

3). Дизайн страницы с минимальной графикой
Шапка страницы полностью берется из полноцветного дизайна. Убирается анимационный элемент с ветки. При этом сохраняется вход на Анастасию через солнышко.
Под шапкой основное поле страницы однотонное в цвет неба шапки.
Левый столбец отделен от правого узкой лентой орнамента. Орнамент состоит из переплетенных листьев (возможно виноградных, дубовых, кленовых и т.п.), выполнен в стиле рисунка черным пером, заливка орнамента может оставаться в тон общего фона страницы, может быть и в тон травяного поля шапки.
Содержание левого стобца подобно левому столбцу в полноцветном дизайне, и ссылочные поля прописываются в строчно-буквенном варианте. В начале каждого ссылочного поля может размещаться небольшая картинка-пиктограмма, взята с соответствующей дощечки также из варианта полноцветного дизайна. Правое основное поле содержит аналогичные варианту полноцветного дизайна страницы ссылки и информацию.

--
Исправлено мама Света Пт 19 Май 2006, 23:31

--
Исправлено мама Света Вс 21 Май 2006, 14:36

Так, разъясните мне всё-таки внешний вид МИАЦ (ИАЦ?), кто делает, форумчане или веб-контора? Мне лично первый вариант больше нравится. Т. е. на кого возложена эта миссия? Будет ли толк от наших усилий и обсуждений.

Андрей а на каком CMS будет сайт, не вкурсе? А то если используется CMS, то скорее всего не получится сделать например дерево слева. В большинстве этих систем, можно вставить только шапку и нижнюю часть. Надо выяснить у программеров, на счёт элемента дерева с кнопками (расположение: от левый-нижний до левый верхний).

Eco-Heretic, сейчас рисую облачки проплывающие над равниной (кстати это Карпаты), и ещё солнышко надо бы подрисовать. Насчёт шрифта, надо определиться, кокой он будет:
- современный креативный,
- старославянский.

мама Света писал(а):

love_harbinger писал(а): По поводу дощечек: Могу добавить и вьюн. Вот хотения, Василий: *а можно добавить к цветку какой-нить листик кудрявый? И цветки чередовать по цвету - голубой-белый? *Может пусть вьюн вьется по веревочкам, есть такое растение, листики похожи на виноград только попроще, а цветочки, как рожок, только поля наружу.

Могу...

varlenn, веб-контору озадачивают форумчане. Возможно будет много ручной работы, которую лучше б дополнительно не оплачивать (картинки, подложки, кнопки). Поди сами сделаем. А вот в целом сайт пусть лучше "профи" делают. Так надежнее. Не находишь?
ИХ CMS-ки вот тута есть. http://www.portalinfo.org/

varlenn,

Цитата:

Насчёт шрифта, надо определиться, кокой он будет: - современный креативный, - старославянский.

Мне понравился шрифт на последней твоей картинке с лесом и полянками. он стройный, ажурный и изящный.
love_harbinger,

Цитата:

иначе будет все равно как желтый шар. То есть вырезать придется с фоном (позже покажу вам вариант)

Может если всю картинку рисовать, то и вырезать не придется. Кстати солнце если рисовать в стиле картины Варлена(последняя его от 3 мая), то его можно края обозначить мазками желтыми, потом белыми, а потом оранжевых добавить размытых. А можно сделать солнце встающим, т.е. еще расплавленным немного розовым таким , слегка желто-абрикосовым, как пламя прозрачным, новым свежим, несущим своим розовым золотом обновление дню и утру. Тогда оно как шар.

Цитата:

Лестница. Какая лестница??? Может вы имеете в видк дощечки? Это дощечки на которых будут всякие кнопки

Ну да дощечки на которых висят кнопки. Но с другой стороны какой смысл в этих висящих дощечках, для чего они, что за смысл в этом символе. А так очевидно, что это ступеньки, и что есть тот, кто по ним залезает, ими пользуется и видит с кедра все поместья в поселениях. Т.е. такой намек на содружество, к-е очевидно, и что с помощью этой лесенки это можно увидеть. Такой косвенный символ МИАЦ.

neo2003,

Цитата:

Не открывается, значит надо зарегистрироваться на rodparte. Окно с кнопками открывается для изменения личных настроек

Вот заставил таки меня зарегистрироваться на Родпарте, хитрюга!
Кнопки как кнопки, сюда не катят вообще никак. Может, чего не увидела. Но что смогла увидеть - не поняла, каким боком пристроить в эту тему.

Добавлено пользователем cпустя 36 мин., 48 сек.:

Сообщение love_harbinger из темы ИАЦ
"кстати, как вам этот набросок?"

Добавлено пользователем cпустя 44 мин., 49 сек.:

Shambo писал(а):

Я тоже за то, чтобы солнце было больше на солнце похоже, а не на шарик. Солнце символ света, любви , тепла, нового дня. А веточка кедра пусть тоже будет богата иголками, и ШИШКАМИ, или хоть пусть одна шишечка будет. Плод, или результат, к-й уже созрел. ...солнце если рисовать в стиле картины Варлена(последняя его от 3 мая), то его можно края обозначить мазками желтыми, потом белыми, а потом оранжевых добавить размытых. А можно сделать солнце встающим, т.е. еще расплавленным немного розовым таким , слегка желто-абрикосовым, как пламя прозрачным, новым свежим, несущим своим розовым золотом обновление дню и утру. Тогда оно как шар.

Попробуешь, Василий, как с шишками (шишкой) будет смотреться веточка?

Я об этом думал и пришел к выводу что результат не будет хорош, так как ветка слишком мала и тонка, а толстая не будет выглядеть приятно

love_harbinger,
Василий, покажи в цвете (когда сможешь) тогда свой наборосок, пожалуйста.
И дощечки как там поживают?

Вот обновленные дощечки:



Добваыил немного такого, зеленого, что висит...

Привет всем!

Извиняюсь, что не писал долго, и не сделал обещанного - у меня сессия была, последние, самые суматошные дни учёбы...

Но теперь всё закончилось (удачно для меня )

Вот, наконец-то руки дошли до дощечек и тут выяснилось, что есть несколько замечаний по их расположению.

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

Добавлено пользователем cпустя 28 мин., 10 сек.:

Вот ещё набросок сделал.
Дощечки удленнил, сделел уже и приблизил друг к другу. Чтобы цветы не исчезли - пустил лианы по верху дощечек.

Вот сделал немного обновлённый дизайн страницы.
Изменения:
1) подправил кнопки-дощечки
2) сдвинул ствол кедра к краю страницы
3) Заменил солнце (восход)
4) использовал другую шапку сайта
5) сделал белое поле непрозрачным (вроде так лучше)

Что надо сделать:
1) Исправить надпись МИАЦ в шапке - сделать её крупнее и сместить вправо (у меня нет такого шрифта, так что - это задание для varlenn)
2) Между стволом кедра и белым полем есть пространство. Предлагаю "продолжить" в этой полосе шапку страницы. Т.е. дорисовать пейзаж, изображённый в шапке... поля, Поместья, речку... (предлагайте!)
3) Доделать лиану, на которой висят дощечки. Если это именно лиана (вьюнок), то он должен расти от земли, проходить через все дощечки и расти куда-то дальше. Как именно это должно выглядеть - я пока не знаю.
4) Ещё над дощечками есть пустое пространство (голый ствол). Предлагаю добавить туда ещё какой-нибудь элемент...

Кажется нормально.

Ещё, чуть не забыл, надо сделать:
5) Перерисовать солнце. Я использовал "оригинальный" символ ЗКР, но на такой картинке он смотриться мрачно
Дело в том, что раньше он был на тёмно-зелёном фоне - было неплохо. Однако на фоне голубого неба символ смотриться совершенно иначе. Его необходимо сделать более светлым, "тёплым", лучистым...

Не забывайте, что это анимированный знак. При наведении на него курсором должна появляться надпись "ЗКР" (примерно так, как на этом сайте, в правом нижнем углу: http://www.volkodaw.ru/story/news.asp)

Всем Привет!
Дощечки хорошие, эксклюзивная работа.

А я ещё немного доработал, как вам?

[quote="Eco-Heretic"]Ещё, чуть не забыл, надо сделать:
5) Перерисовать солнце. Я использовал "оригинальный" символ ЗКР, но на такой картинке он смотриться мрачно
Дело в том, что раньше он был на тёмно-зелёном фоне - было неплохо. Однако на фоне голубого неба символ смотриться совершенно иначе. Его необходимо сделать более светлым, "тёплым", лучистым...

Не забывайте, что это анимированный знак. При наведении на него курсором должна появляться надпись "ЗКР" (примерно так, как на этом сайте, в правом нижнем углу: http://www.volkodaw.ru/story/news.asp)[/quote]

Mission impossible

Добавлено пользователем cпустя 2 мин., 34 сек.:

Ладно, пора всзять солнце в руки (то, что на шапке)

На бумаге его не нарисуешь (как вы потом вырезать свет будете, отсвеченния?

Предлагаю вот что:

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

Как вам?

Добавлено пользователем cпустя 3 мин., 28 сек.:

Опс, варленн смог сделать тоже неплохо

varlenn, красиво!
Eco-Heretic, дощечки тоже здоровски смотрятся. А сколько дощечек "вешать в граммах", сколько надо-то разместить? Сообразить бы. Может, тогда и ствол заполнится полностью. Надо изначально меню с запасом делать. Вдруг потом придется еще дощечки добавлять.
И гирлянда-лиана из земли пойдет по уму. А где будет анимация, Тимур? Только трава внизу получается и знак ЗКР?

Добавлено пользователем cпустя 3 мин., 3 сек.:

love_harbinger,

Цитата:

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

Ага.