Порка. Блог Ильдара Хакимова под прицелом
Июнь 11, 2010 Дизайн
Сегодня в порку попадает блог Ильдара Хакимова — заработок в интернет и прочая манимейкерская тематика в ассортименте. Что примечательно человек действительно по полной придерживается темы, в отличии от вашего покорного слуги воды минимум.
Скажу честно я почти неделю присматривался к нашему подопытному, потому как сделан он на совесть и так легко разнести его в пух и прах упорно не получалось. Но... порка есть порка, а по этому поехали. В целом блог произвел на меня прекрасное впечатление, но по мелочам доклепаться таки можно.
Шапочка
Надпись Ильдар Хакимов БР заработок в интернете читается весьма паршиво. Учитывая прекрасно видимое и хорошо воспринимаемое меню справа, я бы на месте автора заменил графическую отрисовку лого на простые текстовые надписи (коими все это добро собственно и является). И читаться будет легче, и видно будет лучше. Меня находится в восточной части шапки, и к нему претензий нет.
Зеленая полосочка
Зеленая полосочка охватывает белый листик, красиво блять. Один из моих любимых зеленых градиентов.
Банер под полосочкой. А вот это просто ужасно. Особенно белоголубочерный «Это Класс». Это не класс это просто ужас. Который хорошо виден на контрасте, но при этом начисто разваливает визуальное восприятие сайта в целом.
Серая полосочка
Ниже банера находится серая тонкая полоса делящая сайт на контейнеры. Как вы я надеюсь помните я считаю что визуальное выделение блоков это гадость, поэтому заявлю что полосочка нахрен не нужна и только добавляет шума.
Лента постов
Лента постов — сука, двоякая. С одной стороны прекрасно проработанные сами посты, выделения, комментарии и прочая хрень, с другой плохо читаемые заголовки. Заголовки реально доставляют глазу кучу неудобства, какие-то они шероховатые, тонкие и некрасивые. Возможно имеет смысл или накрутить болда или просто сделать шрифт +2
Большое блять замечание
Большое замечание касается стилей ссылок. Я лично насчитал 5 вариантов отображения выделенной ссылки. Я считаю что это просто отвратительно.
Футер ленты постов
Там какая-то хуйня на непонятном фоне и с непонятной целью. Блок постраничной перемотки отсутствует, зато присутствует крайне неудобная кнопочка «старые записи» и подозрительно объявление явно рекламного характера. Гавняный футер короче.
Сайдбар
Сайдбар просто отличный. Единственное я бы добавил хоть какое-то описание к слову «конкурс», а то одиноко ему там как прыщу на левой булке. И подпись к блоку статистики, а то блок есть, а подписи нет. Все остальное считаю на 5 балов.
Главное меню сайта и управление информацией.
Я давно еще писал про тематические подборки статей. Так вот на блоге Хакимова эта тема есть и используется. На самом деле я бы еще добавил анонсы для ненаписанных пока материалов, но в целом это именно то, на что необходимо и стоит равняться. На свой вкус я бы оттуда выкинул нахрен рсс и вход, но это на мой вкус. Здесь это не критично.
ЗЫ. На моей памяти первая кажется положительная порка за всю историю ДекусВорлд. Не знаю уж есть ли в том, моя заслуга или нет, но было крайне приятно увидеть отсутствие распространенных ошибок на этом блоге. Несмотря на явно коммерческую направленность самого блога, материалы там стоящие.
ЗЫЗЫ Единственное что напрягает это краткая публикация РСС, читать в ридере неудобно.
Как-то так...
Леха, космонавтом. Порка Кемеровского
Март 30, 2010 Дизайн
Оперативно прибежавший Кемеровский сильно просил раздать ему люлей. Без проблем. Поговорим о женах, заработке на сайте, блоге и самой личности персонажа. Поехали...
Начнем по традиции с шапочки. Написание слова бомж мне нравится. Написание слова Кемеровский — жесткий ацтой. Непонятно что именно должны символизировать штрихи на буквах и почему сами буквы частично утратили форму. Под ними надпись: «Интернет, Блогосфера, Заработок в сети», наглядно показывающая, что не всех в школе научили различать точку и запятую. Не все знают, что после запятой слово пишется с маленькой буквы, а после точки (.) С большой. Т.к. сама надпись выполнена в графике, то и смысла от нее ровно 0.
Примечательна расположенная справа от текста серо-белая какашка. При ближайшем рассмотрении современным алгоритмам распознавания визуальных образов моему мозгу удалось сначала узнать в какашке мужика с лукошком в лаптях, а после наложения на распознанный образ логики — мужика с пакетом в лаптях. Учитывая динамику композиции и непонятную (так и не понял что это) закорючку перед мужиком, я сделал предположение что мужик срет, а перед ним лежит заготовка средства для подтирания в виде газеты.
Баннера. Баннера приносят 100500 миллионов и это все что о них стоит сказать.
Текст блога. Текст блога мне нравится. Я его уже давно читаю. Иногда как и все пишет гавно, иногда пишет шо надо.
Менюха со страницами. Охуенная. точка.
Идем в правое меню. Гы. Сейчас будет резвенько. Первое что мы видим блок из четырех иконок, из которых 2 ведут на лиекс, а 2 на ксап. Для тупых повторяю еще раз 2 на лиекс и 2 на ксап. В углу забился нахуй никому не нужный ротабан. Но блять он есть.
Весь блок вылазит за границы основного листа и там какая-то хуйня с границами. Не пойму в чем, но шота нито.
Моифо любимого уебищного блока последних комментариев нету. Зато есть мой не менее любимый уебищный блок архив. Вы че реально не хотите знать что Леха написал 12 июня 2009 года? Ну вы и мудак!
Убедительная просьба к Кемеровскому. Алексей, наведите мышку на любую категорию и подумайте каким надо быть невьебическим «дизайнером» чтобы писать белым по желтому. Нихуя не читается. Подсветка для темного фона чуть лучше, но тоже режет глаз.
Футер прикольный. В футере дохуя. В футер засунул все, все, все что только мог...
Предлагаю расстреливать блогеров пользующихся читать далее.
Быстрая верстка шаблонов
Март 15, 2010 Дизайн
Проблема уникальных шаблонов стоит в текущее время самым полным ростом. Давайте рассмотрим 2 варианта быстрой верстки и слизывания дизайна для промышленных масштабов.
Вариант первый базируется на плагине для . Прост как 2 капли воды:
1. Открываем страничку которую будем слизывать
2. Жмем заграбить веб-страницу
3. Получаем на выходе уже готовую html страничку и всю графику к ней.
4. Пошустряку перебиваем страницу, наполнив ее шаблонами под требуемый конкретный дизайн для выбраной cms
5. Возможно подтачиваем кое-где графику под себя.
Время изготовления шаблона в первый раз часа 3, потом можно даже с довольно сложной версткой управиться где-то за час.
Второй вариант базируется на нарезке psd макета или любого другого графического представления дизайна. Пользоваться мы для этого будем программой Photoshop.
Уже довольно давно в фотошопе есть замечательный инструмент SliceTool о котором впрочем мало кто знает. Данный инструмент находится в нижней части зоны с выделениями и позволяет резать изображение на регионы. В старых версиях придется загнать слайсованую картинку в imageready. Начиная кажется с CS3 нужды в этом нет.
После нарезки слайсов просто выбираем сохранить для веб. А там указываем, что нам нужно сохранить все слайсы и html представление. При таком подходе на выходе мы получаем тот же самый готовый макет что и в предыдущем способе, который просто остается наполнить управляющими конструкциями под требуемую cms.
Основная проблема этого подхода в нарезке фона. По нормальной схеме если используется резиновый фон или чет такое, нужно выключать часть изображения, резать фон отдельно, а потом слегка дотачивать конечный документ.
При должной прямоте рук нарезка слайсами занимает не более часа. (для среднего по сложности шаблона).
Где-то так...
Рекламный блок
Борм по прежнему двигает каталог статей через вечные ссылки. Глядя на его упорство я начинаю задумываться что проект и правда белый и надо исследовать тему такого продвижения. Кстати может быть даже закупив статей на этом самом сервисе. Осталось завести хоть один англоязычный сайт.
Аккуратность в сайтостроении залог качества
Янв 3, 2010 Дизайн
Вот вы как фильтруете ГС и не ГС? Я как правило смотрю на внешний вид. Внешний вид позволяет однозначно как правило определить кто перед нами. Аккуратный уникализированный дизайн с расставленными виджетами (в тему), правильно посчитанная структура заточенная под удобство чтения и выделяющая ключевую информацию это все характеристики — правильного сайта.
Если же после входа сразу видно, что сайт делался на коленке за 2 часа абы было, то перед нами классический представитель ГС.
Однако неуникальный шаблон еще не говорит ничего плохого об авторе. Подчас многие известные блогеры предпочитают стандартные решения от ЖЖ или Блогспота. Такие сайты как правило завязаны на информацию и единственная задача дизайна сделать ее читаемой в привычном для пользователя виде.
Я искренне нелюблю инновационные и флеш дизайны. Первые сильно напрягают мозг, яркий представитель таких решений безкликовый дизайн. Поиграться с таким решением прикольно, но вот работать с ним повсеместно — увольте. Второй класс как правило представляет собой работу скорее графического направления, где дизайнер реализует фантазии воспаленного мозга, а заказчик наслаждается необычностью решения. Страдает при этом пользователь, которого лишили привычных элементов интерфейса и заставили заново учиться ходить по ссылкам.
Удобные решения на флеше можно пересчитать по пальцам, зато классическая html верстка без разных выгибонов понятна и привычна всем.
В итоге можно сказать что примером хорошего сайта является хорошо продуманная информационная структура позволяющая без лишних движений и отвлекающих факторов пользователю быстро получить требуемую информацию и уйти довольным. Она может быть по разному оформленна, лишь бы все было понятно и не перегружено. Делайте качественные сайты — не заставляйте пользователя решать ребусы...
Приятная реклама и заодно иллюстрация вышеизложенного:
Когда речь идет даже о такой не массовой теме как обработка металла можно сделать удобный каталог с понятной структурой и без лишних элементов. Кстати прошу обратить внимание что это самопис на django. Все четко, аккуратно и лаконично.
Молния. Охуенный шрифт уже в паблике
Дек 29, 2009 Дизайн
По наводке с блога Лебедева было установлено, что в паблик попал новый шрифт с поддержкой алфавита всея СНГ.
Подробности о создании и создателях читаем в
Качаем с
