На данный момент - это итоговый вариант дизайна главной страницы Международного Информационно-Аналитического Центра (МИАЦ) расположенной по адресу 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

А, конечно могу.
Сделаю их с гирляндой цветочной, и такое прочее. только запомните:
Вам надо будет это потом "отделить" от цвета белой бумаги (то есть вырезать на компьютере).

Можете, думаю?

love_harbinger, думаю, да.

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

Eco-Heretic, а как думаешь, стыки между повтор.сегментами (составными текстуры) можно прорисовывать вручную?

И вопрос давно хотела тебе задать: Вот что ты имел ввиду под "Смежные области" на твоей схеме?

love_harbinger, тогда рисуй крупнее, чтобы вырезать удобнее можно было.

мама Света,

Цитата:

Eco-Heretic, а как думаешь, стыки между повтор.сегментами (составными текстуры) можно прорисовывать вручную?

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

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

У тебя ещё предложение было - чтобы слева ствол кедра выходил за экран. Я тоже об этом думал... В таком случае труднее разместить дощечки/кнопки, потому что они будут висеть не по центру ствола... Хотя - это опять же рисунок нужен. Завтра сделаю.

love_harbinger, а если из цельного куска дерева, как вариант (чтоб сравнить можно было - вдруг потом окажется, что как раз дощечка из трех полос будет удобнее для текста из нескольких строк, чем цельный кусок дерева) и вместо стыков между дощечками обозначить саму текстуру дерева, там, напр., спилы от сучков, полосы и т.п? А набросок хороший, мне нравится.

Немного инструксии по опыту:
Если дощечка, то обязательно надо чтоб было 3 дощечки а не одна единая.
А насчет Текста, предлагаю не помещять его на линиях дощечки, а пусь они пересекают линнию.
Результат от этих обоих сщветов будет более романтичен и приятнее (кстати, чем больше деталей, тем лучше вещь)

А то одна дощечка, извините, кажется очень примитивной.
Ну чтож: нанести краску?

Времени всем доброго!

Картинка симпатишная! Жаль только, что Вики не позволяет переформировать дизайн по собственные нужды. Ну что ж, придется свои желания вставлять в рамки Вики

Далее. Существующую картинку можно несколько подработать с тем. чтобы размер страницы уменьшить. Например, лес внизу можно плавно перевести в спшлошной зеленый цвет.

А сколько вариантов дизайна уже есть?

Rashaverak, Игорь, привет!
Вариант для основного дизайна - симпатишная картинка от Eco-Heretic.
Вариант для доп.дизайна с простой графикой - шапка с текстовыми под ней полями - два макета от varlenn и от eye-of-universe

а расскажи про эту жаль

Цитата:

Жаль только, что Вики не позволяет переформировать дизайн по собственные нужды

и что с этим делать, если основной дизайн отрабатывается по макету Тимура (Eco-Heretic)?

Дизайн будет в формате cms. Ни в чем себе не отказывайте. Есть идея разработать мощный модуль для анкетного голосования. Потом может много раз пригодиться.

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

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

Дизайнеров обзательно приглашу. Прям завтра же, мы с ними на связи через аську. Возможно, когда тех. задание утрясем, кто-нить тоже с ними будет на постоянной связи. Ок?

Привет всем, извиняюсь, что поздно.

love_harbinger,
У меня по дощечке нареканий нет - всё замечательно!
Светло-тёмный вариант - в принципе, мне без разницы, всё равно любую из них доведу "до ума" в фотошопе. Но если есть более крупная фотография - отправь мне на почту: dragon-house[собака]yandex.ru

мама Света, идея с входом не плохая. Но мне кажется, что должно быть немного другое расположение: приветствие наверху, точнее даже не приветствие а текст "Международный Информационно-Аналитический Центр. Объединённые ресурсы под знаком ЗКР". А приветствие лучше сделать на самой странице, так же, как это предполагалось с ПСА на сайте Анастасия.ру

Так вот, отвлёкся: под текстом, по середине экрана - символ ЗКР. Вот только его лучше сделать более современным. Копия с обложки книги смотрится неказисто и не современно. Т.е. надо, чтобы кто-то заново "перерисовал" знак - чтобы солнце выглядело более натурально, хвоя кедра была более ажурной... и т.д.
А по краям от знака ЗКР (и чуть ниже) 2 разных входа.

Хотя, по "переключателю" оформления у меня появилась интересная идея - сегодня не успею сделать, а вот завтра предоставлю описание и рисунок.

varlenn,
КЛАСС!!!! Просто суперррр! Примерно так я себе и представлял фон страницы. Но вот с текстом я бы ещё поработал, мне твой первый вариант текста больше нравится.

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

мама Света, ...действительно, уже говорилось, что сама страница ИНФО не будет на вики-движке. Поэтому мы и разрабатываем красочный дизайн. А вот остальные страницы, прописанные в МИАЦ ("Энциклопедия поместья", "Поселения" и т.д.) - они остаются на вики.

ЕМ...
Крупнее фотки нету...
А что, нужно?

Кстати, насчет эмблемы ЗРК
Хотите опять меня?

love_harbinger,
Ладно, я использую эти фотки дощечек. Но опять же - переделанный вариант смогу выложить только завтра.

А на счёт ЗКР... Был бы здорово, если бы ты попробовал его перерисовать...
Попробуешь?

Ноу проблем, окей, по факту, как говорят Россияне
(Из книги Задорнова )

Кстати, расскажите сначала и более подробно: что вы конкретнее хотите чтоб было измененно на эмблеме?

Я вас русским языком спрашиваю:
Окей или не окей?

love_harbinger,

Цитата:

что вы конкретнее хотите чтоб было измененно на эмблеме?

Цитата:

заново "перерисовал" знак - чтобы солнце выглядело более натурально, хвоя кедра была более ажурной... и т.д.

погляди еще вживую на эмблему ЗКР, какая она сейчас на странице ИНФО - нажми на надпись Информационно-Аналитический Центр в моей подписи или вверху страницы темы на кружок с буквой I
.

Нарисовать солнце...
Так так так...
Практически, это невозможно.
Могу зделать его только так:

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

Шамбо:
Поместье неплохая идея добавить.
А вот реку не советую, на таком стиле она не будет вцглядеть нормально.
Товарищи, а хотите если что я вам и шапку нарисую?

По поводу дощечек:
Могу добавить и вьюн. Светочка, как вы хотите?

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

Насчет малыша, не знаю...
Хоть и не советую по опыту...
А как вы думаете?

Шамбо, пожалуйста извините за отрицательность...
Поклон вашей мудрости до земли.

love_harbinger писал(а):

По поводу дощечек: Могу добавить и вьюн.

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