Реклама: Профессиональные услуги по созданию интернет магазина в студии BBBro.ru
Главная » Дизайн » обзоры » Критикуем Puzat’a

Критикуем Puzat’a

17 июня



Вот сколько можно наступать на грабли? Вроде бы уже и не маленький, а все равно допускаю иногда детские ошибки. Все дело в том, что это уже второй вариант этого обзора. Первый был благополучно написан, откорректирован, проверен на ошибки и так же благополучно потерян. Всего лишь отключение электричества на одну минуту и нет поста, на который было потрачено несколько часов. А всему виной лень и раздолбайство. Знаю, что нужно сохранять промежуточные результаты, но …  Не повторяйте таких ошибок, всегда сохраняйте свои промежуточные результаты. И это относится к любой работе на компьютере, не только к текстам.

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

Фон

Это обычно первое, что прогружается на страницах браузеров. И он никак не должен отвлекать внимание посетителей от основного контента. Его задача всего лишь помочь пользователям понять общую картину, дополнить ее. В данном случае это не так.  Коричневый цвет (как и его оттенки) могут сыграть двойную роль: в одном варианте он будет символизировать надежность и прочность, а в другом он будет мешать. Фон давит и отвлекает. Это еще скрин сделан с монитора не очень высокого разрешения. Что будет на full HD? Фон необходимо переделать, используя светлые цвета. И не надо добавлять в фон бабушкиных узоров.

Шапка

В шапке явно прослеживается преемственность со старым дизайном. Наверно, я огорчу автора, но мода на канцелярский беспорядок в дизайне уже прошла. Время не остановишь. Если уж так хочется оставить старую символику, то нужно придать ей объема. Добавить псевдо 3D и глубины. Вот посмотрите, как на этом сайте оформлена кисточка в хедере. Нравится? Тогда, что мешает пофантазировать и добиться подобного? Чашку с непонятным напитком в правом углу нужно заменить на более реалистичную (подобного клипарта полно). Кстати, понравилась идея с оформлением блока под баннер.

О логотипе нужно сказать отдельно. Он интересен и уникален, но все его достоинства уничтожаются его размерами. Как вариант, переместить составляющие шапки и освободить для логотипа левую часть. Сразу подкину идею. Раз основная идея шапки – это рабочий стол, то можно оформить логотип в виде фотографии в рамке. Т.е. на столе стоит в обрамлении солидной фоторамки дорогая для сердца фотография с изображением логотипа. Вот как загнул. :) Но, надеюсь, вы поняли мою идею. Высоту шапки для таких манипуляций придется увеличить.

Топ меню

Дизайн кнопки активного меню просто убил наповал. К чему тут трапеция?

Где в дизайне используются еще подобные формы? Может быть, я их просто не увидел? Дизайн меню явно взят либо от другого дизайна, либо это заготовка меню, которых полно в интернете. Замените или переделайте это безобразие.

Колонки

На просторах интернета хватает любителей трехколоночной верстки блогов, так же как и двухколоночной. Оба варианта хороши. Но большинство сходится во мнении, что основной контент сайта должен располагаться с левой стороны, а сайдбар (сайдбары) – с правой. Доказано, что материал так воспринимается легче и не отвлекается внимание на второстепенное.

Блоки в сайдбарах

Вот тут царит сплошной бардак. Возникло ощущение, что взяты  элементы от разных дизайнов и свалены в кучу в один. Не ощущается целостности. Не знаю, какая задумка у автора и для чего так нужно выделять блок авторизации, но, по-моему, ему там не место. Слишком яркое пятно, моментально привлекающее к себе внимание. Следующим идет блок «Мои проекты».

Либо удалите свиток, либо добавляйте его к заголовкам всех блоков. В блок можно добавить немного информации об авторе и проектах. И обязательно выровнять элементы блока. С межблочными расстояниями тут, в общем, то, везде беда. Нужно все выравнивать. Дизайн других информационных блоков очень понравился.

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

Блок «Топ комментаторов». Иконка больше подойдет для блока «Облако меток», а в остальном хорошо сделан.

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

Контент

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

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

А вот от такого блока подписки толпы подписчиков навряд ли прибавится. Меня такое оформление только отталкивает. Избегайте в дизайне таких контрастных пятен.

Все, что ниже подписки – понравилось. Оригинальная иконка блока похожих материалов очень понравилась. К комментариям тоже претензий не возникло, все сделано оригинально.

Подвал

Обычный футер без всякой изюминки. Отображение даты и времени абсолютно там лишние. При желании можно добавить ссылок на интересные материалы, ленту из твиттера и так далее.

Выводы

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

 

Бонус

Сегодня в качестве бонуса – просто приятный трек, наслаждайтесь.

Tweet

Не забывайте подписаться на RSS или просто введите свой адрес электронной почты, чтобы получать регулярные обновления на e-mail:

Еще записи из этой рубрики

Ответов 10 на “Критикуем Puzat’a”

  1. Инканта 18.06.2011 at 00:16 #

    А где взяли крупный скрин?)

    • Борис 18.06.2011 at 00:43 #

      Не скажу, даже, если пытать будете :) А если серьезно, то на сайте у автора. У него изображения выводятся с помощью плагина Shutter Reloaded (если не ошибаюсь). Там, если нажать на зеленую стрелочку во всплывающем окне, выводится полноразмерное изображение.

  2. Инканта 18.06.2011 at 14:05 #

    Ага вот оно как) ну спасибо)))

    • Борис 18.06.2011 at 14:07 #

      Всегда, пожалуйста)

  3. yusi4ka 18.06.2011 at 17:58 #

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

  4. Инканта 20.06.2011 at 00:48 #

    Белый + оранжевый смотрелся бы лучше!

  5. Борис 20.06.2011 at 00:57 #

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

    • Инканта 20.06.2011 at 15:12 #

      Да, я об это писала на том блоге про полосочки

  6. Инканта 27.06.2011 at 17:13 #

    Поздравляю с победой! )

Написать ответ

*