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

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

по

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

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

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

124048 раз(а)

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

48.43 KB

Имя файла:

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

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

124048 раз(а)

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

42.05 KB

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

Добавлено: Вт 16 Май 2006, 23:22
—
Да что нам нужен этот улей, товарищи?! Very Happy

Если хотите заполнить пространство, могу вам нарисовать доску со знаком ЗКР на ней, или что нибуть другое...

Но улей здесь никак не вяжится, не так ли? 8O Very Happy

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

Добавлено: Пт 19 Май 2006, 12:48
—
В прикрепленном сообщении дала описание для первичного входа. А вчера мысль ко мне прицепилась, вот пишу насчет эмблемы МИАЦ. Летящий (парящий) орел. Смысл понятен вроде, если вспомнить, какая роль была у орла в воспитании ребенка. Поэтому в описании первичного входа на ИНФО я описала эту эмблему. Что думаете, народ, насчет эмблемы МИАЦ?

#124: Автор: leo_cat, Населённый пункт: Москва

Добавлено: Пт 19 Май 2006, 14:45
—
Согласно статистике, примерно четверть пользователей заходят до сих пор с разрешением 800на600, половина 1024на768 и где-то четверть 1280на1024.

Так что я категорически не согласен на 1024на768 как на минимальный размер.

Тем более, что я и сам частенько смотрю сайты не на весь экран.
Рисунок должен быть масштабируемым, точнее, дизайн должен быть устойчивым к изменениям горизонтали окна от 800 до 1600 хотя бы.

#125: Автор: varlenn,

Добавлено: Пт 19 Май 2006, 15:34
—
Всем привет!
Вот и я опять встрою.
Eco-Heretic, а где эмблема с орлом? Она уже готова?
leo_cat, да сложный вопрос. У меня например 1280x1024.
Скорее всего всётаки надо оптимизировать на 800x600.

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

Добавлено: Пт 19 Май 2006, 15:37
—
varlenn, эмблемы еще нет, есть идея. Может, ребята там подберут варианты. Насчет разрешения надо зарядить в задание, там видно будет.

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

Добавлено: Пт 19 Май 2006, 16:11
—
мама Света, На счёт орла - идея классная! Надо попробовать.

leo_cat, varlenn, с разрешением надо подумать...
А разве нельзя сделать так, чтобы картинка (изначально 1024*768) "растягивалась" на весь экран (если он больше этого размера)?

#128: Автор: varlenn,

Добавлено: Пт 19 Май 2006, 16:47
—
Eco-Heretic, если изначально задать 1024x768 с оптимизацией на расширение, и у пользователя 1024x768 и более, то проблем нет, а вот если меньше, то тогда страница не влезает в монитор и внизу появляется прокрутка.

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

Добавлено: Пт 19 Май 2006, 18:38
—
Хоть leo_cat уже и неинтересен этот вопрос, продублирую еще раз место из переписки со своим знакомым программером (переписка на второй стр. темы), чтобы понять - проблемы большой нет в этом разрешении.
"Также нужно определиться с разрешением - либо постоянным, либо
страница должна быть масштабируемой. Вашу картинку, правда, сделать масштабируемой не получится. Наиболее вострбованное сейчас - 1024х768, у кого 800х600 - на экран не поместится, у кого больше - будут поля по краям - красота требует жертв".

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

пишу сейчас дизайн для простой (графики) страницы, а в голове всё равно этот вопрос крутится. Давайте соображать, ребята, насчет интернет-адреса. Раскладка такая. Есть вход О, из него две ветки в А и Б. Первичный вход О будет на info.anastasia.ru, а где будут А и Б жить? Для них отдельные имена доменов регистрировать или можно на info.anasyasia.ru ветвить? Т.е. так получится?: А - info.anastasia.ru\page1 (допустим, не знаю, как правильно назвать), Б - info.anastasia.ru\page2. Кто скажет?

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

Добавлено: Пт 19 Май 2006, 19:30
—
мама Света,
Обычно так и делают. Wink

Например:
info.anastasia.ru - общий вход
info.anastasia.ru/index-f.htm - полная версия (f - от "full")
info.anastasia.ru/index-L.htm - облегчённая версия (L - от "light")

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

Добавлено: Пт 19 Май 2006, 19:50
—
Eco-Heretic, ну и чудненько.

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

Осталось подождать, когда сайт будет снова глотать картинки, чтобы макеты поместить в тех.задание. А может, и не будем ждать, отправим задание с рисунками дизайнерам сегодня. Надо Андрея выцепить. Считаю, что задание готово.

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

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

#132: Автор: varlenn,

Добавлено: Пт 19 Май 2006, 20:05
—
Как вам такой вариант? Достаточно минималистично и символично.

Последний раз редактировалось: varlenn (Пт 19 Май 2006, 20:06), всего редактировалось 1 раз

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

Добавлено: Пт 19 Май 2006, 20:05
—
На счёт упрощённого дизайна:

Мне кажется, что шапка из полного дизайна не будет смотреться, да и "съедать" она будет прилично траффика... Ведь в шапке не только небо и надпись "МИАЦ". Там ещё и ствол слева и вся хвоя...

А как это будет смотреться на странице: вверху кусок ствола, а ниже - однотонное поле...

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

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

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

Добавлено: Пт 19 Май 2006, 20:08
—
varlenn, легок на помине Smile

. Ты как всегда поражаешь. Ну, здоровски смотрится. Пойду осознаю еще чуток, где тексты писать и эмблемы сажать.

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

Добавлено: Пт 19 Май 2006, 20:21
—
varlenn, КЛАСС!!!!!!!!!!!!!!!!!!!!!!!!

Только такая страница тоже не мало "весить" будет...
Может размер деревьев уменьшить?..

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

Добавлено: Пт 19 Май 2006, 20:26
—
Shambo, насчет орлов поясни. Тебе как идея эмблемы МИАЦ с парящим орлом?

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

А вообще, эмблема ЗКР, безусловно, нужна как возврат на Анастасию, только вот куда её поместить? На небо слева? А эмблему МИАЦ на небо справа? Уж больно солнышки для входов красивые получились у Игоря.

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

varlenn, а ты сможешь для упрощенного варианта дизайна шапку придумать? Сам вариант описан в тех.задании.

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

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

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