forum.anastasia.ru :: Дизайн страницы ИНФО (info.anastasia.ru)

Дизайн страницы ИНФО (info.anastasia.ru)

по

[^/[Печать]\]
На страницу Пред. 1, 2, 3 ... 7, 8, 9 ... 12, 13, 14 След. Раскрыть всю тему
forum.anastasia.ru -> _Архив (Библиотека старых тем)

#106: Автор: Eco-Heretic, Населённый пункт: Казахстан, Семипалатинск

Добавлено: Ср 10 Май 2006, 12:39
—
На данный момент - это итоговый вариант дизайна главной страницы Международного Информационно-Аналитического Центра (МИАЦ) расположенной по адресу 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

Последний раз редактировалось: Eco-Heretic (Сб 20 Май 2006, 19:58), всего редактировалось 11 раз(а)

Имя файла:

Дизайн-ИНФО.jpg

Просмотрено:

125493 раз(а)

Размер файла:

48.43 KB

Имя файла:

Дизайн-ИНФО---схема.jpg

Просмотрено:

125493 раз(а)

Размер файла:

42.05 KB

#107: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Чт 11 Май 2006, 16:24
—
neo2003, так не вопрос - встретиться. мы и так встречались в эту субботу, а тебя не наблюдалось, меж прочим. А логи так и выкладываются в ИАЦ, как и раньше, можешь там пошуршать. И где, собственно, вебисты-программисты?
Начинать тех.задание - уже начали и в первом сообщении этой темы и в прикрепленном сейчас с картинкой.
Насчет доп.функций - так голова не резиновая у здесь участвующих, уперлись вот в картинку, а ты подкинь насчет доп.функций.
Меры по продвижению - пожал-ста. Автомат. рассылка по ЛС об ИАЦ всем зарегистрированным и вновь регистрирующимся. Оповещение на всех родственных сайтах новостным режимом, в том числе задействовать карту поселений, где поселения могут размещать свои интернет-адреса. Ребята из Карты обещали ссылки сактивизировать. Через газеты тож можно, это к Руслану, а больше не знаю, к кому.
Достатчно пока? И не фиг пропадать надолго, крейсер наш ненаглядный Smile

.
А Руслан (Forest) вернется с дольменов через недельку - обещал озарение про ИАЦ оттуда привезти.

#108: Автор: Eco-Heretic, Населённый пункт: Казахстан, Семипалатинск

Добавлено: Чт 11 Май 2006, 19:45
—
мама Света, Андрей вот предложил лишние сообщения в этой теме убрать (которые стали неактуальны). Чтобы его програмистам не читать 10 страниц. Как думаешь?

#109: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Чт 11 Май 2006, 19:54
—
Так, теперь я в роли пугала - даже Андрей ушел в личку от меня подальше Smile

. Докатилась! Давай уберем, не вопрос. Предлагаю совместно дать ссылки на потенциальные к удалению посты. Которые совпадут - те и удалить, чтоб рука не дрогнула.

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

Мне сейчас другая мысль пришла - открыть для сброса из этой темы Вспомогательную по дизайну. Сделать её закрытой для обычных пользователей, но Хранители Каталога смогут работать в той теме, не открывая её. Чего-то жалко щас вот взять и удалить - давай вот в такой буфер, а оттуда уже на свалку или обратно сюда, когда программисты ознакомятся. Сигнализируй!

#110: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Чт 11 Май 2006, 20:46
—
В общем, выделила в отдельную тему http://www.anastasia.ru/forums/topic_15524.html всё, что смогла (по желанию заказчика). Тимур, смотри сам, что еще, на твой взгляд, можно отделить. Дай здесь список ссылок на эти посты, я их вклею аккуратненько по датам в ту Вспомогательную тему. Она в закрытом состоянии, доступна для просмотра всем и для работы только Хранителям. Когда программисты почитают рабочую тему Дизайна (эту, то бишь), можно будет оттуда вернуть посты назад.

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

упс. Ольга, не увидела твое сообщение, пока ковырялась с разделением. Уже сделала.

#111: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Вс 14 Май 2006, 23:36
—
Привет всем.
Eco-Heretic, Тимур, в первом сообщении темы уже начато было написание тех.задания. Снимай картинку, прикрепляем первое сообщение. Ты собирался написать (дописать, переписать) тех.задание (вчера в чате). И где??
Теоретически в тех.задании помимо описания словесного хорошо бы дать картинки для наглядности. Может, так сделаем. В первом сообщении будет редактироваться само задание. И картинки окончательные (они-то где, Игорь? Тимур?) и анимацион.участки и всё-таки отдельный вход на развод по двум дизайнам (Крестик, Николай то бишь вот вчера тоже подтвердил оптимальность такого выбора дизайна для впервые зашедших) вместе с написанным в этой теме тех.заданием выложим в отдельной закрытой для обсуждений теме. Василий где-то запропал с обновлением знака ЗКР. Мальчики, вы ж умеете работать с этими картинками. Я бы умела - сама бы всё давно сделала. Не спите, прошу очень. Давно надо завершить тех.задание и желаемый внешний вид первой страницы МИАЦ - в чем еще сомнения остались?

#112: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 17:53
—
Изображение от Milla, 24/04/06 в http://www.anastasia.ru/forums/post_107582.html#107582

#113: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 17:55
—
Изображение от Pavel-Feier, 25/04/04 в http://www.anastasia.ru/forums/post_100577.html#100577

#114: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 17:57
—
Изображение от Радосвет, от 11/02/03 в http://www.anastasia.ru/forums/post_33274.html#33274

#115: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 18:16
—
Цветов еще захотелось. вот, нашла.
Изображение от Ликсеич, от 18/11/02 в http://www.anastasia.ru/forums/post_21770.html#21770

#116: Автор: Eco-Heretic, Населённый пункт: Казахстан, Семипалатинск

Добавлено: Пн 15 Май 2006, 19:46
—
Shambo, улей я привешу и изменю его цвет. Но надо спросить у Игоря, может у него есть векторный улей... Или этот ему отправить, чтобы он его подправил (в стиль общей картинки).

мама Света, Embarassed

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

#117: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 19:54
—

Цитата:

...а зачем столько разных картинок?..

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

#118: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Пн 15 Май 2006, 22:17
—
Eco-Heretic, Тимур, свое мнение насчет декорирования пустого пространствами ветками (см. на 7 стр.) я уже писала.
Насчет улья - была в сомнении, поэтому ничего не говорила.
Наша-то задача - дать как можно более полное представление всех элементов первой страницы, а подгонять будут уже те ребята на соответствие векторам, размерам и прочему. Если рисунок дерева будет сделан в векторе (где Игорь-то?? Варленн, ау?), может, смотреться будет и дерево и улей и ветки над ним по другому. Как крепить улей - понятия не имею, но если ты закроешь верхнюю часть улья левой веткой (которой сейчас нет), то проблема крепежа снимется, если так уж хочется улей прицепить. Я больше в минус насчет его присутствия на данный момент.

#119: Автор: love_harbinger, Населённый пункт: Kursk - Greece

Добавлено: Пн 15 Май 2006, 22:49
—
Такс... Very Happy

По поводу солнца, мне нравится солнце Варленна.

А сам я добавть веточку на то же солнце не могу, так как не умею рисовать на компютере...

Так что мне надо делать всю эмблему самому...
Правда замедляю, так как у меня времени мало последнее время... Много работы на компе, учеба так же... Сессия! Sad

#120: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Вт 16 Май 2006, 11:20
—
Андрей (neo2003) в своей теме в Картинной галерее разместил когда-то в том числе и фотографию Райского (вид сверху). Может она подойти в качестве фона под белое поле на первой странице ИНФО (если в вектор перевести как рисунок, а потом обратно)? Т.е. сверху шапка как есть (только где же птицы?), ниже можно попробовать эту фотографию, переведенную в вектор, поместить (подстилизовать чуть-чуть). Зато будет Родовое поселение вживую как Ольге хотелось. И красиво опять же смотрится.

Райское на связи

Имя файла:

Райское_1.jpg

Просмотрено:

11425 раз(а)

Размер файла:

61.96 KB

#121: Автор: мама Света, Населённый пункт: Мытищи М.О.

Добавлено: Вт 16 Май 2006, 15:25
—
Вопрос. Подумалось, а какой интернет-адрес будет у первой страницы ИНФО? Тож info.anastasia.ru? Заклинило меня чего-то. Кто знает ответ?

forum.anastasia.ru -> _Архив (Библиотека старых тем)

output generated using printer-friendly topic mod. Часовой пояс: GMT + 4

На страницу Пред. 1, 2, 3 ... 7, 8, 9 ... 12, 13, 14 След. Раскрыть всю тему Страница 8 из 14