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

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

по

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

#151: Автор: 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

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

125385 раз(а)

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

48.43 KB

Имя файла:

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

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

125385 раз(а)

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

42.05 KB

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

Добавлено: Пт 26 Май 2006, 21:48
—
varlenn, ага. Вот, кстати о таком типе разделителя между столбцами в упрощенном варианте дизайна ИНФО я и думала - в таком же роде, как ты обрамил объявление. А орла найдешь?
Насчет объявления. Ольга, как дела у тебя со вступительным словом для Входа? Игорь вон уже начал писать.

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

Добавлено: Пт 26 Май 2006, 21:59
—
Опс, вам орел нужен?

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

Добавлено: Пт 26 Май 2006, 22:04
—
Привет, Василий.
Нужен, да. Извини, что ссылки не даю. Не сочти за труд, прогляди 10,11 стр. этой темы. А если кратко, какой нужен - летящий-парящий орел как эмблема ИАЦ.

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

Добавлено: Пт 26 Май 2006, 22:12
—
Хмммм....

Думаю, будет ли он вязаться с остальными элементами?

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

Как вам в такой позе?

Или вы хотите фотографию, и с нее скопируете?

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

Добавлено: Пт 26 Май 2006, 22:19
—
Василий! Сосредоточься. В тех.задании определено место для него (пока так)

Цитата:

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

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

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

Ух, ты, красотища! не видела, пока писала тебе ответ. Как лучше будет, смотреть надо.

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

А есть у тебя еще орлы? Игорь пока ездит, а так он говорил, что у него есть тоже варианты изображений орла.

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

Добавлено: Пт 26 Май 2006, 22:38
—
Ну это не трудно найти орлов.

Идешь в гугль (www.google.com)
и пишешь в images: eagle

Выйдет около 1000 различных изображенний... А может миллион

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

Добавлено: Пт 26 Май 2006, 22:48
—
Да, точно - там за миллион картинок (ну, не все орлы, конечно)
Допустим

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

а если поиск уточнить и набрать bird eagle, то выйдут исключительно орлы.

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

вроде этого

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

или этого

В общем, спасибо за наводку, Василий.

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

Добавлено: Пт 26 Май 2006, 23:10
—
Смотрите чтобы не походили на орла Luftwaffe:

Просьба за фашиста меня не считать.
Извините что выложил фотки, но это чтоб ошибок каких либо не наделали...

Орел конечно он орел, а что клиенты на это скажут?
Вот почему это важно

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

Добавлено: Пт 26 Май 2006, 23:40
—
Надо напомнить, кем был орел для Анастасии.

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

Добавлено: Пт 26 Май 2006, 23:44
—
Так точно.

#162: Автор: varlenn,

Добавлено: Сб 27 Май 2006, 12:06
—
Shambo, отличный способ отпугивания политиков и чиновников Smile

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

Всё же суть МИАЦ информационная и аналитическая.

#163: Автор: Shambo, Населённый пункт: Russia

Добавлено: Сб 27 Май 2006, 18:13
—
varlenn, про что писать МаксиМАЛьно подробно?
И потоМ ты уверен, что чиновников раньше не отпугнули различныМи инструкцияМи, МОл такое-то движение ваМ поддерживать не рекомендуеться. И еще Игорь просьба, что тебя отпугнуло или какие плохие Мысли возникли от прочтения, когда ты себя представил чиновникоМ. То что сайт организовали читатели ЗКР?
А еще дуМала, что когда человек прочитает в кратце к чемУ Мы стремиМся, то уж выбрав режиМ входа, будет читать более подробно что такое МИАЦ, и его информационный и аналитические задачи, к-е он решает для пользы поМещиков во всех странах нашей планеты, потому и Международный. Кстати вот интересно бывают народные аэролинии, а то я только Международные знаю.

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

Добавлено: Сб 27 Май 2006, 20:47
—
love_harbinger, орёл хороший на первой картинке, только его надо будет стилизовать под общий стиль страницы. Ещё это будет довольно маленькое изображение (ведь он парит в вышине), поэтому его лучше полностью "отвекторизовать", чтобы осталось максимум 2-3 цвета (практически только один силуэт)... (это уже к Игорю обращаюсь Smile

)

Shambo, я тоже считаю, что приветствие должно быть более... официальное, что ли... У нас ведь именно информационно-аналитический центр, т.е., можно сказать, научно-просветительская организация Very Happy

С точки зрения чиновника почти всё приветствие вызывает "подозрения". Это и "собрать все знания человечества" (не очень скромное заявление) и "воплощения мечты каждого человека о своем Родном поместье" ("...что ещё за родовое поместье? с чего это вдруг они решили, что все о нём мечтают?..")
Rolling Eyes

Цитата:

А еще дуМала, что когда человек прочитает в кратце к чемУ Мы стремиМся, то уж выбрав режиМ входа...

Если человеку (впервые зашедшему на сайт) хоть что-то покажется "подозрительным" (в приветсвии и целях), то он скорее всего не пойдёт дальше, а просто закроет страницу... Neutral

("от греха подальше!")

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

Добавлено: Сб 27 Май 2006, 21:11
—
Значицца так...
Рисовать мне орла, или нет?
Я понимаю что вы кокретно хотите

#166: Автор: Shambo, Населённый пункт: Russia

Добавлено: Вс 28 Май 2006, 2:37
—
Ладно хорошо, у нас информационно аналитический центр. правда. А что за информация? К чему имеет отношение? И что подозрительного в слове Родное и поместье. Хорошо все знания человечества уберём. Что останется просто знания. Какие? Полезные для чего и кому?
Понимаете я это писала основываясь на своем личном ощущении зачем МИАЦ нужен. вот тут веселый друг писал. И сколько уже подмечено, что да нужна своя база данных без трепа лишнего, типа имеющегося сейчас на форуме. Да хорошо бы и путеводитель, или навигатор, или поисковик нормальный. Сайтов то много , и с реальным опытом поселений.
И мне этот проект интересен, т.к. мне не хочется тратить уйму времени, чтобы что-то найти, крупицу какую-нибудь. А уж если нашла, то пусть и другим пригодится, только, чтобы они могли об этом узнать сразу.
Т.е. мне как будущей помещеце этот сайт нужен именно с полезной инфой для моего родного, Родового поместья. Гармоничная жизнь на нём в моем представлении это тесная взаимосвязь с приРодой, Богом и самой собой, с другими людьми, в мире, благости, радости и Любви. И чтобы жизнь и работа были сплетены в целое гармоничное, помогающее мне чувствовать Любовь и Радость Мира.
Ладно что должно входить в официальное обращение?
А вообще ну уйдет он, если ему покажется что-то подозрительным. ну так ведь насильно то мил не будешь, и я не понимаю чего юлить.
МИАЦ ведь создавался помогать в воплощении РП. Каждому кто хочет.

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

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

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