Out Of Range
Группа: Пользователи
Страна проживания:
Уважение: 62 (100%)
Предупреждения: (0 из 3)
|
В общем идея такая. Основой для всего будет элемент Frame — рамка, в которой можно размещать различные визуальные элементы. Она имеет ряд свойств:
Скрытый текст: | Свойства Top, Left — координаты верхнего левого угла. Width, Height — ширина высота. Name — имя. Components — массив вложенных элементов. ComponentsCount — счетчик вложенных элементов. Visible — видимость. Enabled — доступность. Owner — владелец. Opacity — прозрачность. Texture — текстура или цвет, закрашивающий рамку. Align — выравнивание: alNone — нет, alTop — по верху, alBottom — по низу, alLeft — по левому краю, alRight — по правому краю, alClient — всю свободную область родителя.
|
Также к рамке прописаны все события, как к визуальным компонентам Windows.
На основе рамок строится следующий компонент — основной модуль сайта — виджет:
Вдохновением послужил интерфейс новой Windows.
В главную рамку помещается три других: заголовок, рабочая область и «плинтус». Эти же три рамки в свою очередь имеют каждая левую и правую части. Рабочая область будет отвечать за вывод основной информации, другие за навигацию и дополнительную информацию. Правый верхний угол всегда отвечает за сворачивание виджета, левый верхний — область иконки — либо выводит меню, либо нужно придумать еще какое-то действие для него. Правый нижний угол отвечает за переход по ссылке, например, если виджет информации о форуме, то к переход осуществляется к выводимой в виджете теме, для виджета пользователя будет осуществляться переход к настройкам профиля и т.п. Левый нижний угол можно бы было приспособить под меню репоста в социальные сети и т.п. В рабочей области правая и левая часть отвечают за навигацию, например, пролистывание тем в виджете форума, пролистывание новостей в виджете новостей и т.п. Кроме того любой из элементов может быть скрыт, в результате рабочая область расширится.
И далее макет, построенный на данной концепции.
Собственно в левой колонке размещается виджет меню, в котором очень компактно собираются ссылки для навигации по сайту. По клику на иконку игры внизу формируется список ссылок, которые сейчас развернуты в целую необозримую ленту. В принципе из-за большого количества игр в серии можно предусмотреть прокрутку иконок по стрелкам.
В центральной колонке размещаются виджеты новостей, форума, новых файлов и т.п.Неинформативные названия заменяются на содержание. Для форума это последнее сообщение в теме, темы прокручиваются стрелками, для файлов это описание со скриншотами. Новости теперь предполагается размещать не в целой ленте, а подобно хабам в Steam, т.е. одно окно соответствует сразу всем новостям по игре, отдельное для новостей сайта. Навигация по новостям осуществляется стрелками. Клик центральной области открывает хаб по определенной игре, где уже новости расположены привычной лентой, под заголовком «Лента новостей» появляется стрелка вверх, которая снова возвращает к хабам.
В правой панели расположены виджеты «авторизация/профиль пользователя», «пользователи онлайн», «быстрый чат» — информативная часть обычного чата, в которой осуществлен быстрый доступ к отправке сообщений = популяризация чата, «скриншоты», «видео». В виджете пользователя находится важная информация о письмах, подписках на форуме. Клик по аватару или имени позволит соответственно сменить то или другое.
Виджет пользователей позволить просмотреть пользователей онлайн. Простым «вытаскиванием» имени из списка (как это сделано в Win7 при вытаскивании вверх мышки с зажатой левой клавишей на иконке окна в панели задач) открывается, например, профиль пользователя или форма отправки сообщения. Может быть меню.
В заголовочную секцию планируется вынести красивые виджеты часов, локализацию, поиск и плеер.
В общем и целом концепцию каждого виджета нужно продумывать отдельно, но важно соблюсти общий стиль и во главу угла поставить информативность. Кроме того на макете у меня отсутствуют иконки у пунктов меню пользователя и общего меню сайта, но в целом неплохо бы добавить.
|