- - -
Metal Gear Station v4 - новый дизайн сайта [beta]
NEO KOBE CITY [MGSTATION FORUM] > MGSTATION > Технический блок
Voodooman
Последнее время вы не слышали от меня новостей, это связано с тем что я был занят кучей дел, одним из которых является разработка нового дизайна
Metal Gear Station.

Возможно некоторые из вас привыкли к старому дизайну и не хотят видеть другой, но вот несколько причин по которым его приходится менять:

1) Устаревший код не соответсвующий современный стандартам
2) Очень захламленный код с кучей ошибок
3) Все разделы сайта являются статичными HTML страницами, только страница новостей имеет динамический контент
4) Громоздкий внешний вид
5) Мрачные темные цвета
6) Не очень внятный и рендомный набор картинок в шапке
7) и тд

В целях избавления от этих недостатков мной была начата разработка нового дизайна,
бета версию которого вы можете увидеть здесь
http://www.mgstation.net/index2.php

Основные преимущества по сравнению со старым дизайном:

1) Код соответсвующий современным стандартам и одинаково отображающийся в любом браузере
2) Компактный код 100% соответсвующий xhtml и css спецификации
3) Полностью динамический контент без десятков разрозненных html страниц
4) Компактный и минималистичный внешний вид
5) Светлые и жизнерадостные цвета
6) Более осмысленные изображения выполненные в едином стиле
7) Интеграция с Twitter
8) И тд.

Дизайн еще не готов до конца

В этой теме прошу оставлять отзывы и предложения, а так же рапорты об ошибках обнаруженных в новой версии сайта.
Не забывайте указывать с какого устройства вы заходите на сайт, какая у вас операционная система и какой браузер используется для просмотра!
Ксли вы не слишком хорошо владеете языком, то оставляйте скриншоты с багом и упомянутую выше информацию.

Так же просьба ко всем - пробежаться по всем старым новостями и сообщить где и что выглядит криво, перекошено, выходит за рамки и тд.

Все комментарии не по теме будут удаляться.

Арктик и другие люди добавляющие новости:
Вас отдельно прошу отредактировать свои старые новости и привести их в божеский вид:

1) Все изображения находящиеся не на сервере станции залить на сервер, ссылки на удаленные изображения убрать из кода!
2) Все видео и изображения отцентровать с помощью тега <div align="center" class="center"></div> заменив все <center> или добавить если центровки изображений и видео нет
3) Все изображения и файлы с названием на русском языке переименовать на айглийский и исправить ссылки!
4) Все ссылки на изображения в тегах <img> и вида http://www.mgstation.net/img.jpg c полным путем исправить на относительный вида "/img,jpg"
(в общем заменить http://www.mgstation.net/? на / ), ссылки на файлы вроде RAR, AVI и прочие Загружаемые файлы в тегах <a> наоборот исправить на полные вида "http://www.mgstation.net/?" включая <a> ссылки на изображения (это нужно для корректной работы RSS который не очень дружит c относительными путями в ссылках)
5) Пройти по всем Youtube ссылкам взять заново код, внимательно выбирая исключительно СЕРЫЙ ЦВЕТ (не оранжевый) и размер видео окна для сайта, затем заменить старый код Youtube на новый в тексте новостей
6) Все теги не имеющие закрывающего тега <img> <br> <hr> и некоторые другие (правда кроме этих больше ничего не использовалось, вроде бы) закрыть символом / перед > так чтобы тег из <img ... > выглядел как <img ... />
7) При создании новых ссылок на новости сайт вместо /index.php? использовать /? старые исправить по этому же шаблону
8) Не использовать устаревшие теги создания таблиц <table><td><tr> а вместо них испольховать <div style="...">
9) Не добавлять всякие левые JavaScripts если вы не знаете конкретно что вы добавляете
10) Впредь при добавлении новостей жестко следовать этим правилам и не забывать про них
11)...
12) Profit
13) И на будущее зайти на гугл, набрать в строке поиска "html и css для начинающих" и почитать, а так же выучить наизусть 5 первых результатов поиска.
Evil Ninja
Наверное, это просто недоработка бета-версии, но не отображаются имена выложивших новости.
inca25
Cтарый вариант внешне получше.Чуть надо убавить светлых тонов как на меня!
Voodooman
Да, я еще не определил где отображать имена авторов;-)
Хотя ты то чего переживаешь? Все равно три скучных и слабеньких новости написанные тобой добавлял арктик, а я ему открыто говорил что экперимент провалился и с новостями от "недовольных" и лично тебя надо завязывать, а то все люди с сайта разбегутся от скуки и банальных новостей похожих на копипасту с игромании , геймленда и всяких гамагов. У сайта сформировался стиль "Правда матка без купюр и предвзятого мнения", а твои толлерантные новости с стиле "Я люблю мгс, все равно она лучшая" просто не вписываются в формат и сайт начинает выглядеть так, будто его владельцы после всей оценки последних МГС без купюр вдруг натянули маску лицемерия и начали петь ей хвалебные песни.)))
___
Светлые тона и количество белого и светло-серого это принципиально важно и нужно!
Психологические исследования показывают что черные и мрачные тона, а так же графическая перегруженность в разрозненном стиле сильно давят на психику и на подсознательном уровне люди предпочитаю светлое темному (даже если их вкус говорит об обратном)! Все самые популярные сайты почти белые и очень минималистичные - Контакт, Фейсбук, Твиттер, Одноклассники, Xbox Live... даже Playstation Network теперь тоже бело серый ;-)
На такик сайтах люди более комфортно себя чувствуют и дольше задерживаются.
Да и черные буквы на белом фоне читаются легче чем белые буквы на черном фоне (у меня лично после 10 минут прибывания на этом черном форуме болят глаза и подсознательно хочется скорей свалить отсюда)
___

Ну и мне лично нравится стиль артов МГС 1 и 2, а они все были вполнены на белом фоне и с ним так хорошо и удобно дело плавные градиенты сливающихся с фоном персонажей, к тому же 2 арта, которые на мой взгляд просто идеальны для шапки (два главных героя 2х лучших частей во всей красе и без лишего пафоса), а еще аутлайн смайликов и твитмема белый и на черном фоне смотрится криво.
___

Белые тона точно менять не буду! Вот кислотные цвета сменю, они являются рудиментом движка и дизайна одного моего сайта, который я портировал под нужды станции)
HARDI
Мне все нравится , все круто и на уровне . Главное чтоб заходя с PS3 ,все нормально отображалось . А то у консоли от sony ,браузер "кривой".
Voodooman
По идее должно одинаково отображаться везде, по крайней мере мой сайт, который я портировал под МГСтейшн одинаково отображается, что на компе в любом браузере, что на Смартфоне Нокиа.

Но как зайдешь с ПС3 отпишись - есть ли различия! Особое внимание обрати на кодировку, по идее с русским текстом проблем быть не должно, сплошной UTF-8, но мало ли...
HARDI
Щас с PS3 и смотрел , весь текст отображается нормально. Ноутбук завтра с работы заберу , и проведу сравнение. Если будут различия , непременно отпишусь!
Arctic Warfare
Только-что заметил эту тему. Свои отзывы и предложения я буду в личке писать.
Цитата(Voodooman @ 10.6.2010, 19:10) *
У сайта сформировался стиль "Правда матка без купюр и предвзятого мнения",

Неа, у сайта стиль - "Разные мнения".
Новости в стиле от Evil Ninja очень нужны и совсем не отпугивают, а наоборот привлекают посетителей.

И положительные новости, это не новости от недовольных. На сайте появляются только те новости стиль которых нравится лично мне. Мне плевать если кому-то не нравится критика, я считаю, что она нужна. Тоже самое и с положительными или нейтральными новостями. На сайте только то, что нравится мне а не каким-то недовольным-довольным или еще кому.

Разнообразие в стиле новостей -Критика / Прославление игры- привлечет гораздо больше посетителей, чем одна только правда матка. Одна только критика только на нервы действует.
Содержание по моему мнению должно быть вот таким разнообразным. Получается этот стиль постоянно поддерживать или нет, это уже другое дело.
Вообщем я даже не хочу это обсуждать. Должно быть так и всё.
Voodooman
Статистика посещаемости сайта, заметно упавшая с начала периода моей неактивности и активности ниндзи, не согласится с твоим утвержденим насчет "совсем не отпугивают, а наоборот привлекают") Но подробней об этом я тебе в личку написал))
Жду твоих предложений насчет дизайна сайта.
Voodooman
вот кстати еще дополнение к теме http://vkontakte.ru/topic-143639_23031298
D_Demon
Версия 3,0 нравится больше. Новый слишком яркий и очень шаблонный, 3,0 оригинальней выглядит.
SolidMax
По поводу статистики посещенияя светлых сайтов спорить не буду, а просто внесу свои предложения.

1. Белый цвет режет глаз. Лучше в в голубых тонах в стиле MGS2.
2. Можно попробавать использовать шестигранники в качестве основы дизайна. (Бекграунд в виде змеиной кожи из шестигранников как в заставке MGS2)
3. Можно использовать шрифт MGS2.
4. Например вот такой дизайн


Voodooman
Прошу прощение, последнее время сильно занят был, так что не до сайтов было, даже за группов в контакте едва успеваю следить.
Надо бы взяться и доделать... найти бы еще время на это все.
.
Форум IP.Board © 2001-2024 IPS, Inc.