Владимирский центр культуры и поддержки творчества "Звенящие кедры России" Владимирский центр культуры и поддержки творчества "Звенящие кедры России"
 Помощь  • Правила  •  Поиск   •  Регистрация  •  Профиль  •  Войти и проверить личные сообщения  •  Вход
Рассылка RSS Дизайн страницы ИНФО (info.anastasia.ru) Следующая тема | Предыдущая тема
Дополнительные настройки темы
Начать новую темуОтветить на тему   Все сообщения темы   вывод темы на печать
АвторПрикреплённое сообщение темы
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

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

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

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

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

Image

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

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

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

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

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

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

Image

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





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

 Имя файла:
Дизайн-ИНФО.jpg
 Просмотрено:  118958 раз(а)  Размер файла:  48.43 KB




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

 Имя файла:
Дизайн-ИНФО---схема.jpg
 Просмотрено:  118958 раз(а)  Размер файла:  42.05 KB



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

АвторСообщение
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

322937СообщениеДобавлено: Сб 22 Апр 2006, 20:32 | Ответить с цитатойВернуться к началу

Ну вот и открылась исчезнувшая было тема по дизайну... Smile

Итак: Все сроки ожидания истекли, так что считаю, что активистам ИАЦ пора самим заняться разработкой дизайна для ИНФО, которая в будущем (надеюсь) будет главной страницей Международного Инфоромационно-Аналитического Центра (МИАЦ)
Тем более, что все работы уже оплачены и программисты ждут тех. задание.

Подводим накопленные в процессе обсуждения итоги

План работ таков:
I. Разработать общую структуру страницы ИНФО (поля и общая идея оформления)
1). картинка не масштабируется, берем стандартное разрешение мин. 1024х768
2). разрабатывается две версии дизайна входной страницы ИНФО при сохранении общей структуры страницы, т.е. страница под шапкой делится на два поля - левое узкое навигационное, правое широкое ознакомительно-информативно-новостное.
- версия дизайна страницы с минимальной графикой. Оформляется (хотелось бы всё-таки красочно по максимуму) шапка страницы (напр., по макету varlenn в смысле цветовой гаммы, шрифта. Но расположение дерева - слева, как на основной версии страницы и как на макете eye-of-universe). Ниже шапки на цветовой заливке (моно- или дихромной) два поля с текстами и ссылками (как сейчас оформлено на входной странице info.anastasia.ru)
- версия дизайна страницы с полноцветной и элементами анимации графикой по прототипу макета Eco-Heretic.
*) Картинка изначально рисуется в векторной графике, т.к. векторная графика ярче по цветам. Затем она переводится с помощью соответ.программы в растровое изображение, с которым легко проводить манипуляции по сжатию картинки с целью максимально облегчить её вес и загрузку в кэш пользователю, зашедшему на страничку с этим рисунком.
*) Отрабатывается (оптимизируется) деление прототипа макета на сегменты (по схеме) и каждый сегмент отрабатывается либо вручную, либо заполняется размножением элемента текстуры (тайга, дерево, трава, небо), либо gif-анимацией. Стыки между сегментами - маскируются. а вообще здесь Тимуру надо написать, чтобы по уму всё было.
Необходимые элементы "текстуры" - кора дерева, трава, хвойные ветви, ...

Пользователю, впервые заходящему на info.anastasia.ru, предлагается с объяснением причин в доброжелательной манере выбрать одну из версий дизайна первой страницы. М.б., это стоит сделать через отдельное окно (как при установке любой лиц.программы - согласен ли ты с лиц.соглашением Smile ), содержащее такое предложение и вэтом окне предоставить выбор через кнопки, либо сделать в виде кнопки-переключателя версий дизайна и расположить её в ОЧЕНЬ заметном месте, дабы озаботиться экономией трафика посетителя, но при этом по умолчанию будет стоять полноцветная версия страницы.
**************
По кнопкам завтра допишу.
*******************
2) Цветовая гамма и наличие/отсутствие анимированных элементов;
3) Внешний вид кнопок-ссылок и их расположение;
4) Содержание ссылок (аудит). Возможно в другой теме.
5) Разработка символики сайта;


--
Исправлено мама Света Ср 03 Май 2006, 1:52


--
Исправлено Forest Пт Dec 15, 2006 5:37 pm
Посмотреть профильОтправить личное сообщение
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

323243СообщениеДобавлено: Вс 23 Апр 2006, 16:35 | Ответить с цитатойВернуться к началу

Всем привет.

Вот хочу описать своё видение главной страницы Международного Информационно-Аналитического Центра.
Прежде всего - мне кажется, что должна использоваться яркая векторная графика, примерно такая же, как в "шапке" сайта Поселения (http://www.poselenia.ru/)

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

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

Кнопки-ссылки находятся на стволе кедра (левый столбец) в виде дощечек-указателей с написанным текстом.

БОльшую часть правого поля занимает белый лист (полупрозрачный), на котором и размещается основная информация - текст, ссылки и т.д.

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

    Добавлено пользователем cпустя 22 мин., 6 сек.:
Вот в фотошопе сделал небольшой монтаж. Правда есть несколько существенных отличий от того, как действительно должна (в моём понимании) выглядеть страница:
1) Данная картинка сделана из <b>растровых</b> клипартов, а страница ИНФО должна быть основана на векторных картинках
2) На этой картинке на заднем плане - холмы, покрытые лесом. А на странице холмов быть не должно - тайга до горизонта
3) Деревянные таблички-кнопки, висящие на дереве должны выглядеть инече - я просто не смог подобрать подходящее изображение...
4) Размер страницы по вертикали - немного больше экрана, но так, чтобы не приходилось много прокручивать страницу.

Вообщем - это только грубый набросок общей идеи оформления. Так что не судите строго. Жду мнений.


Последний раз редактировалось: Eco-Heretic (Пт 19 Май 2006, 10:11), всего редактировалось 2 раз(а)
Посмотреть профильОтправить личное сообщение
мама Света



Возраст: 58
Зарегистрирован: 15.02.2005
Сообщения: 1688
Благодарили 8 раз/а
Населённый пункт: Мытищи М.О.

323893СообщениеДобавлено: Пн 24 Апр 2006, 19:10 | Ответить с цитатойВернуться к началу

Цитата:
1) Разработать общую структуру страницы ИНФО (поля и общая идея оформления);

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

цветовая гамма - давно уже хочется пронзительного синего неба с ярким солнцем. Сейчас солнце розового оттенка, хочется такого как сейчас на странице info. Там оно, кстати, пульсирует.
Анимированные элементы наверняка тяжелые. Хочется да колется. Хотя вот в нынешнем дизайне третий вариант (которым Тимур вот пользуется) для сайта Анастасии (Xgreen) - там анимированное название сайта и вообще вся шапка "живая", если бродить по ней мышкой. Значит, есть возможность и здесь сделать такие эффекты. Если да, то я за.
Что касается выскакивающих расшифровок кнопок (типа наводишь мышу на кнопку, а тебе простынка выскакивает с объяснением - чего там есть) - лично мне оно не надо. А где еще анимацию делать, не вижу. Еще вспоминаю, как Тимур показывал сайт брата (если не ошибаюсь) со сказками. Там анимация тож красивая была. Т.е. если хочется, чтобы расшифровка кнопки была в виде некоего выплывающего из тумана текста, опять смотреть надо - сколько весит. Но честно не знаю, надо ли оно.
Цитата:
3) Внешний вид кнопок-ссылок и их расположение;

Собственно, вид кнопок в виде стилизованных дощечек хорош и в тему дерева, на котором они располагаются. Единственно, что висеть они должны не на веревке и не за гвозди к дереву, а на вьющемся растении или гирлянде из цветов. Кнопки располагаются в левом узком столбце для навигации и всё, наверное. Сверху правого большого поля их делать пока не вижу смысла.
Цитата:
4) Содержание ссылок (аудит). Возможно в другой теме.

Это в теме Структура и функции МИАЦ. Здесь не надо.
Цитата:
5) Разработка символики сайта;

Это для баннеров? А какая символика? Для МИАЦ? Так уже было немерено предложено вариантов для логотипа (если не считать, что знак ЗКР уже есть в дизайне Тимура). Все они были выложены в теме ИАЦ месяца два-три назад. Если нать, могу нарыть.

В целом, повторюсь, идея Тимура мне нравится. Если всё это в векторной графике можно сделать более легковесным или малость где подстилизовать, то будет здорово. Хочу синего неба Smile Ведруссии.
Посмотреть профильОтправить личное сообщениеПосетить сайт автора
Андрей Гаскин




Зарегистрирован: 24.12.2002
Сообщения: 1522
Благодарили 193 раз/а
Населённый пункт: РАЙСКОЕ (Тюменская область)

324021СообщениеДобавлено: Пн 24 Апр 2006, 23:17 | Ответить с цитатойВернуться к началу

цветовая гамма - давно уже хочется пронзительного синего неба с ярким солнцем.
Присоединяюсь. Хочется.

kartush, Eco-Heretic и все, все, все

Структуру давайте опишем еще раз. Сколько страниц дизайнить?
1. главная
на ней назначение, карта сайта? или структура Тимура?, навигатор (руководство пользователя)
2. ИАЦ РП России
кнопки сайтов входящих в ИАЦ РП России с выпадающими менюшками, ссылки на ресурсы ИАЦ иного формата (газеты, альманахи, книги, музыка, фото, видео)
2.1. Под газету уже можно делать страницу, где номера в pdf можно складывать (или хотя б дайджесты)
3. ИАЦ РП Украины (так же примерно)
4. ИАЦ РП Белоруссии
5. ИАЦ РП Казахстана
6. .....

Так?

_________________
Image
ПРЕДЛОЖЕНИЯ РОДНОЙ ПАРТИИ
Посмотреть профильОтправить личное сообщениеЛичная страничка пользователяICQ Number
eye-of-universe




Зарегистрирован: 01.12.2005
Сообщения: 31



324031СообщениеДобавлено: Пн 24 Апр 2006, 23:45 | Ответить с цитатойВернуться к началу

Здравствуйте!
Для быстроты загрузки предлагаю просто сделать титульную картинку, которая будет размещаться в

шапке сайта.
А все остальное - меню, кнопки, панели, границы - использовать наиболее подходящие шаблоны для сайтов с небольшим изменением. Этот же общий стиль можно оставить для всех дружественных сайтов, которым необходим дизайн.
Предлагаю все же использовать не векторные картинки, а растровое фото - образ должен быть

реалистичным.
Цитата:

...давно уже хочется пронзительного синего неба с ярким солнцем...
Хочу синего неба Ведруссии.

Вот мое видение:
Image

_________________
www.esmark.ru - Магазину Родовых поместий требуются товары, созданные с любовью.
Посмотреть профильОтправить личное сообщениеОтправить e-mailПосетить сайт автора
kartush




Зарегистрирован: 14.04.2006
Сообщения: 182
Благодарили 1 раз/а


324065СообщениеДобавлено: Вт 25 Апр 2006, 2:09 | Ответить с цитатойВернуться к началу

Есть затея сделать две точки входа на ИАЦ каждая со своим запоминающимся WWW адресом, например:
1. info.anastasia.ru и
2. ???.ru

(оплата доменного имени наверное тут возрастет)

Одна точка входа на главную страницу с хорошей графикой как уже предложено, а вторая - на главную страницу где все больше HTML и почти без графики. Тогда сознательный юзверь будет со второй точки ходить - его и провайдера трафик меньше. А когда возникнет желание посозерцать действительно очень красивую заставку, пойдет по первому адресу. Меню же двух лицевых страниц в целом может быть одинаково.

Для новичков стоит везде публиковать первый адрес с хорошей картинкой, пускай люди порадуются.

Вообще то для сайта проблема загрузки больших картинок на лицевой не так актуальна, все равно картинка в кэш подвешивается, а вот пользователю зачастую это не очень.
Посмотреть профильОтправить личное сообщение
Андрей Гаскин




Зарегистрирован: 24.12.2002
Сообщения: 1522
Благодарили 193 раз/а
Населённый пункт: РАЙСКОЕ (Тюменская область)

324148СообщениеДобавлено: Вт 25 Апр 2006, 8:34 | Ответить с цитатойВернуться к началу

kartush, была такая идея - www.rp.ru, Родовые Поселения, мол. Дык, щас как то и не удобно. Путаница может получиться. Есть poselenia.ru, есть rodpart.ru. Все на "Р-р-р". Может что-нить на тему "копы", "вече" - veche.ru. Почему? Есть идея механизм интерактивного голосования реализовать.
love_harbinger, спасибо. Учтем. Кнопки надо сайтов группы сделать красивые, это ручная работа, похоже (по крайней мере с эскизов надо начинать). Со структурой ИАЦ знакомы?

_________________
Image
ПРЕДЛОЖЕНИЯ РОДНОЙ ПАРТИИ
Посмотреть профильОтправить личное сообщениеЛичная страничка пользователяICQ Number
varlenn




Зарегистрирован: 10.05.2003
Сообщения: 227
Благодарили 2 раз/а


324608СообщениеДобавлено: Вт 25 Апр 2006, 22:21 | Ответить с цитатойВернуться к началу

Всем Привет!
Вот и добрался я до форума.
Я тоже думаю, что лучше векторную использовать, как-то элегантней она и лаконичнее. Это если фон делать: пейзаж, небо, солнце, тайга, а так-же дерево например. Анимация тоже уместна: листочки да иголочки колышуться, облачки проплывают, но так минимум. Логотип, кнопки и прочие элементы можно и gif.
Всё же структуру (т. е. расположение всех элементов) надо придумывать. Сдесь нужно рисовать чертёж-схему.

_________________
Мечтаю жить в волшебном лесу.
Игорь.
Посмотреть профильОтправить личное сообщениеОтправить e-mail
Андрей Гаскин




Зарегистрирован: 24.12.2002
Сообщения: 1522
Благодарили 193 раз/а
Населённый пункт: РАЙСКОЕ (Тюменская область)

324820СообщениеДобавлено: Ср 26 Апр 2006, 10:14 | Ответить с цитатойВернуться к началу

varlenn, рисуй.

love_harbinger, вот ссылки на сайты с интересными вариантами:

http://www.rodniki.bel.ru/

http://prorus.ru

_________________
Image
ПРЕДЛОЖЕНИЯ РОДНОЙ ПАРТИИ
Посмотреть профильОтправить личное сообщениеЛичная страничка пользователяICQ Number
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

325110СообщениеДобавлено: Ср 26 Апр 2006, 17:31 | Ответить с цитатойВернуться к началу

Привет всем. Извините, что пару дней не появлялся.

kartush, Shambo, leo_cat, на счёт "веса" страницы: если правильно сделать - то много весить не должно.
1) Учтите, что будет вектор, а значит - меньше цветов и размера картинок.
2) Я не сильно разбираюсь в веб-программировании, но разве нельзя использовать текстуры?
Например: ствол кедра - зачем грузить его как отдельную картинку, если можно взять одну текстуру ствола (векторную) и "размножить" её по всему стволу при помощи HTML-кода. Потом взять другую текстуру - край ствола - и опять размножить её по вертикали, справа и слева по краям ствола. (пример текстуры ниже).
Т.е. смысл - чтобы загружался не весь рисунок, а только текстуры - которые потом бы копировались на весь объект. Так можно было бы поступить с небом (без облаков), стволом кедра и тайгой, т.к. эти части страницы состоят из множества одинаковых элементов.
Или я ошибаюсь и это нельзя сделать?
Вот пример текстуры для ствола (опять же - растровая, а должна быть - векторная):



Ствол кедра

untitled-2.jpg

 Имя файла:
untitled-2.jpg
 Просмотрено:  16689 раз(а)  Размер файла:  1.7 KB

Посмотреть профильОтправить личное сообщение
kartush




Зарегистрирован: 14.04.2006
Сообщения: 182
Благодарили 1 раз/а


325116СообщениеДобавлено: Ср 26 Апр 2006, 17:42 | Ответить с цитатойВернуться к началу

Опять двадцатьпять!

Говорю же: сделать две заглавные страницы с двумя точками входа:

info.anastasia.ru - с шикарной графикой;

infot.anastasia.ru - только текст HTML а содержание то же;

кто хочет с графикой - на info пойдет,

а кто побыстрее на infot.

Проблема на пустом месте.
Посмотреть профильОтправить личное сообщение
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

325122СообщениеДобавлено: Ср 26 Апр 2006, 17:47 | Ответить с цитатойВернуться к началу

Т.е. из наиболее "тяжёлых" объектов остаются: надпись "МИАЦ", веточка кедра с солнцем (как отдельный элемент, но и её можно сделать "лёгкой", например так, как на сайте в стиле XGreen, в шапке) и верёвки (цветочные гирлянды), на которых кнопки висят

А при помощи текстур (если можно):
- Небо
- Ствол кедра
- Тайга (взять узкий вертикальный кусочек тайги от близких деревьев до горизонта и размножить по горизонтали)
- Трава внизу страницы
- кнопки-дощечки

Ещё можно упростить белое поле - на моей картинке оно имеет узорные края - можно сделать простые.

Т.е. если подумать - можно сделать и красиво и не особо "тяжеловесно"

    Добавлено пользователем cпустя 3 мин., 25 сек.:
kartush, а может просто сделать 2 дизайна для одной страницы и кнопочку - "Только текст" (ну что-то типа того).
Т.е. по умолчанию стоит красивый дизайн, но если пользователи хотят экономить траффик (или они уже давно на этом сайте и им не так важно оформление), то они могут переключиться на простой дизайн, где нет картинок, а только текст и HTML

По моему - это более разумно, чем открывать 2 отдельные сраницы Very Happy
Посмотреть профильОтправить личное сообщение
Shambo



Возраст: 48
Зарегистрирован: 04.10.2005
Сообщения: 3700
Благодарили 199 раз/а
Населённый пункт: Russia

325126СообщениеДобавлено: Ср 26 Апр 2006, 18:00 | Ответить с цитатойВернуться к началу

Дорогой Виктор-kartush, дай и другим уразуметь, не торопись, каждый по своему усваивает. Давай сейчас главную парадную с шикарной графикой обдумаем.
Сколько главных элементов там будет:
*Верх- где надпись МИАЦ "Сотворение", кстати как это называется, баги или по-другому. Т. е. название центра.
*Слева Основное Меню в виде кедра, плавно переходящего в
*Знак Движения ЗКР.
* Справа основное широкое поле , где расположена дополнителоьная информация или Дополнительное Меню. Там будет красивая картинка-фон Тайга или Родовое поселение окруженное тайгой. Т.е. смыл картинки в образе Родины человека, Тайга, лес, река, родовые поместья, ну хоть кусочек чего нибудь от них, кусочек крыш соломенных, вместо городских коробок и труб заводских.

Основные элементы - образы:

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


Основные цвета:
-Синий неба, нежный и лазоревый.
-Солнце расплавленного золота, ближе к абрикосовому такому мягкому оранжевому
-Зеленый насыщенный, цвет обложек книг серии ЗКР, или фон на к-м обычно привык глаз видеть знак ЗКР.

Анимация:
-Солнце пульсирует
-Колышаться, искрятся слегка, иголки у кедра
-Если будет ручей или река, то может по тихоньку плыть вода,
-Возможно таянье и появление лёгких облачков, как бы плывут по небу.

Если будут плавающие или всплывающие панели , то где и в каком виде, или какой символ будет для них. Т.е. это мог бы быть такой тоненький поясок из цветов, как символ венка, а цветок , олицетворял бы собой каждого человека и красоту мира. Располагаться может под названием, по длине белого поля, ну так это я вижу на приведенной у Тимура картинке.
Посмотреть профильОтправить личное сообщение
Eco-Heretic



Возраст: 37
Зарегистрирован: 13.01.2003
Сообщения: 1718
Благодарили 14 раз/а
Населённый пункт: Казахстан, Семипалатинск

325138СообщениеДобавлено: Ср 26 Апр 2006, 18:30 | Ответить с цитатойВернуться к началу

Дальше:

Наличие анимации -я вижу 3 основных элемента:

1) веточка и солнце (кстати, солнце - оно будет выглядеть не так, как на моей картинке, а более походить на знак ЗКР. Просто я изобразил его, как мог)
Веточка может слегка колыхаться, и из-за этого солнце будет как бы "мерцать", т.е. лучи будут по разному пробиваться через хвою.
Кстати, если этот элемент будет анимированный, то будет привлекать внимание новичков - этим можно воспользоваться так: человет заходит на сайт, обращает внимание на ветку, наводит на неё курсором - тогда вокруг ветки появляется надпись "Звенящие кедры России", так же, как на оригинальном знаке. Smile
Надпись может появляться примерно так же, как "мерцает" надпись "Анастасия" в стиле XGreen
Человек убирает курсор - текст медленно растворяется Smile
Вот посмотрите эту страницу: http://www.volkodaw.ru/story/news.asp - там в правом нижнем углу примерно так же сделано (только надпись "Централ Партнёршип" появляется Smile )

2) Анимированные кнопки-таблички. Т.е. не сами таблички, а то, что ни них будет находиться. Smile
Я думаю, что лучше сделать текст+картинка, где "текст" - это название кнопки (например "энциклопедия поместья"), а "картинка" - это какая-нибудь анимированное изображение, которое будет символизировать эту ссылку. Что-то вроде того, как сделано на сайте http://info.sotvorenie.kiev.ua/ с выпадающими менюшками - там каждая строка имеет свою картинку, правда статичную. Но у нас кнопок-дощечек не так много, поэтому можно сделать и анимированные картинки.

3) Трава внизу страницы. Смотрелось бы классно! Невысокая травка (опять же, из одинаковых флеш-элементов), которая слегка колышится (группами по несколько травинок (стеблей), независимо от других групп)
Было бы вообще классно, если бы они ещё на курсор реагировали - проводишь курсором - а они пригибаются, как будто рукой ведёшь.
Вот, например, что-то подобное на сайте Масяни (проведите курсором по окнам вверу страницы): http://www.mult.ru

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

Цитата:
Основные цвета:

Поддерживаю!

Цитата:
-Если будет ручей или река...

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

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

Цитата:
плавающие или всплывающие панели

Над этим подумать надо... Если делать - то что-то вроде того, как на сайте "Сотворение"

love_harbinger, вот что-то торможу я - что значит твоя фраза "АНИМАЦИЯ ДАЕТ LAG ИНОСТРАНЦАМ" Question Rolling Eyes

    Добавлено пользователем cпустя 20 мин., 21 сек.:
Кстати, название МИАЦ "Сотворение" - это я просто на свой вкус написал. Этот вопрос ещё не решённый!
Посмотреть профильОтправить личное сообщение
kartush




Зарегистрирован: 14.04.2006
Сообщения: 182
Благодарили 1 раз/а


325370СообщениеДобавлено: Чт 27 Апр 2006, 3:52 | Ответить с цитатойВернуться к началу

Цитата:

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



Eco-Heretic, то что Вы предлагаете сделать "переключатель графика-текст" не так то плохо, но для того чтобы включить этот переключатель в комнату нужно войти - уже загрузить главную страницу. Мы же как раз против трафика первой страницы перегруженной графикой и боремся.

Чтобы попасть на сайт с минимальным трафиком в Вашем предложении я вижу два варианта:

1) Входить в текстовом режиме а потом если нужно включать графику. Но этот вариант неприемлем - человек первый раз попавший на сайт должен видетьХОРОШУЮ картинку.

2) Использовать Cookies для того чтобы уже перед входом было известено положение переключателя и сервер отрабатывал нужный вариант. Могут ли так сделать наши программисты - я не знаю.

*********
Мои соображения - никакой анимации или музыки. Не путать информационный сайт с развлекательным.
Но красивую картинку нужно обязательно для новичков.
*********
Shambo, мне не хотелось бы давать тут слово что я сейчас поучаствую в проекте, у меня есть некоторые идеи, но их еще нужно и оформить прежде чем показывать Вам. Где остальные то? Почему не участвуют?

Насколько срочно нужно все это сделать? Если так уж велика необходимость сейчас занять подвернувшуюся нишу, то может вместо всех этих размышлений и многодневных топтаний на месте можно пока слепить нечто сыроватое и занять нишу а потом уже доработать? Правда в этом случае велика верояность просчитаться со структурой взаимодействия ИАЦ с другими центрами а потом расхлебывать.

Спасибо за развернутое обьяснение возможностей сайта. Чесно говоря, Вы заставили меня покраснеть за свою тупость. Smile Еще раз благодарю за детальное обьяснение и урок.
Все лишнее не по теме в этом посте я со временем подотру Wink
Посмотреть профильОтправить личное сообщение
Показать сообщения:      
Начать новую темуОтветить на тему   Все сообщения темы   вывод темы на печать


 Перейти:   



Следующая тема
Предыдущая тема
Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете вкладывать файлы
Вы можете скачивать файлы



Журнал модерирования


© 2002-2018 Все права принадлежат Anastasia.ru!
Все материалы, публикуемые на этом сайте, могут быть использованы на усмотрение Фонда "Анастасия", в том числе, и в выпусках Альманаха. Если Вы используете материалы с нашего сайта, то ссылка на нас обязательна. За информацию, размещённую на сайте пользователями, администрация Фонда "Анастасия" ответственности не несёт!


Powered by рhрВВ © 2001, 2002 рhрВВ Group :: FI Theme :: Часовой пояс: GMT + 4
Русская поддержка phpBB