Создать ответ 
Новый дизайн сайта
Автор Сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #1
Новый дизайн сайта
Сегодня, 31 августа 2012 года, наш сайт наконец сменил свой дизайн на более светлый и простой. Изменения дизайна в основном коснулись левой и правой колонок меню. В результате проведенных изменений удалось отказаться от загрузки фонового изображения для заливки колонок и немного сократить код.

Напомним, как раньше выглядел сайт:

[Изображение: design_old_min.png]


И как он стал выглядеть после смены дизайна:

[Изображение: design_new_min.png]


В ближайшие дни возможно будет проведена окончательная доработка изменений.
Надеемся, что данный дизайн придется по вкусу нашим пользователям. Angel
31.08.2012 21:21:16
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #2
RE: Новый дизайн сайта
В последнее время вносились малозаметные "добавления" к уже имеющемуся дизайну. Часть этих изменений была описана в теме Небольшие изменения и разные приятные мелочи.

На данный момент данный дизайн "устоялся" и в ближайшее время его менять не планируется.
24.09.2012 21:41:03
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #3
RE: Новый дизайн сайта
Наконец то на нашем сайте немного обновилось меню.

Чуть-чуть изменили оттенки зеленого и добавили много теней. Al

В общем, для наглядного сравнения, что было раньше и что стало после обновления, приводим скриншоты меню слева (правое тоже изменилось) и:
[Изображение: old_menu1.png] [Изображение: new_menu1.png]

И верхнего меню:
[Изображение: old_menu.png]

[Изображение: new_menu.png]

Как видно, изменения в основном коснулись только боковых меню. С верхним по-прежнему не знаем что делать. Scratch
31.05.2013 22:32:40
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #4
RE: Новый дизайн сайта
Продолжаем улучшать дизайн сайта.

На этот раз изменения не такие очевидные, но лучше чем ничего.

Итак, верхнее меню сделали на пару пикселей уже и чуть-чуть добавили теней к пунктам меню. Раньше фон меню формировался путем повторения фоновой картинки, теперь - на CSS при помощи теней.

Верхний скриншот - то, что было раньше, нижний скриншот - то, что стало теперь.

[Изображение: old_menu2.png]

[Изображение: new_menu2.png]

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

[Изображение: old_footer.png]

[Изображение: new_footer.png]

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

Но, появился небольшой минус - проблема со старыми браузерами т.к. не все они правильно работают с тенями (box-shadow). Но мы ориентируемся только на современные браузеры, поэтому для поддержки старых браузеров не будем загромождать свой CSS файл.
01.06.2013 15:20:46
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #5
RE: Новый дизайн сайта
И еще пару штрихов привнесли в украшении нашего сайта.

Как обычно, сначала - то, что было, а затем - то, что стало.
Чуть-чуть приукрасили кнопочки "Онлайн" и "В избранное".

[Изображение: old_online.png]

[Изображение: new_online.png]

Ну и немного улучшили оформление наших комментариев.

[Изображение: old_comm.png]

[Изображение: new_comm.png]
01.06.2013 16:41:11
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #6
RE: Новый дизайн сайта
На этот раз добрались до формы добавления комментариев.

Сравниваем то, что было (первый скрин) и то, что стало (второй скрин).

[Изображение: old_form_comment.png]

[Изображение: new_form_comment.png]

Так же была добавлена тень ко всем блокам оформления цитат, PHP и JavaScript кодов.
02.06.2013 14:03:01
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #7
RE: Новый дизайн сайта
Давненько мы ничего не меняли на нашем сайте, и вот, наконец решили что-нибудь улучшить.

На этот раз изменения коснулись "хлебных крошек".

Для тех, кто не знает, что такое "хлебные крошки", поясним:
Хлебные крошки это навигационная цепочка, которая представляет собой путь по сайту от его главной страницы до текущей (на которой сейчас находится пользователь).

Итак, для сравнения изменений два скриншота:

То, что было:
[Изображение: crumbs_old.png]

И то, что стало:
[Изображение: crumbs_new.png]

Может, по началу немного непривычно, но гораздо лучше, чем было.
11.05.2014 18:10:22
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #8
RE: Новый дизайн сайта
Из-за того, что в скором времени нам придется отказаться от размещения контекстной рекламы Яндекса, пришлось внести минимальные изменения в дизайн сайта.

Главное изменение - увеличение ширины сайта с 1250 до 1260 пикселей. Это было необходимо для расширения левой и правой колонок сайта с 235 до 240 пикселей. Связано это с тем, чтобы в левую и правую колонки сайта смог поместиться баннер размером 240 на 400 пикселей.

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

Ну и еще по мелочи изменились некоторые отступы на 1-2 пикселя.
28.06.2014 23:41:32
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #9
RE: Новый дизайн сайта
В очередной раз немного "поковыряли" код сайта.

Визуальных отличий практически не произошло, т.к. проведенные изменения были по 1-2 пикселя. Изменения в основном коснулись перехода от табличной верстке к блочной и выноса CSS кода во внешний файл. Так же убрали пару избыточных тегов.

P.S. Продолжается работа по оптимизации внутреннего кода и CSS кода, в связи с чем могли где-то что-то упустить. Если Вы заметили, что что-то с сайтом не так, то просьба сообщить об этом нам любым из способов с указанием странички, на которой был найден недостаток.
25.09.2014 17:15:49
Найти все сообщения Цитировать это сообщение
Admin Не на форуме
Верховный
Главнокомандующий
(Administrator)
*

Сообщений: 2,431
У нас с: Aug 2011
Сообщение: #10
RE: Новый дизайн сайта
Вот руки дошли и до меню многостраничных таблиц:

Было:
[Изображение: listing_old.png]
Стало:
[Изображение: listing_new.png]

Основной задачей было не столько изменение внешнего вида, сколько уменьшение HTML кода, отвечающего за формирование данного меню. Чего мы и добились, уменьшив "вес" каждой странички с подобным меню на пару сотен байтов.
03.10.2015 15:52:10
Найти все сообщения Цитировать это сообщение
Создать ответ 


Переход:


Пользователи просматривают эту тему: 1 Гость(ей)


LiveInternet
© Copyright 2011-2024 by UsefulScript.ru