Редизайн сайта


23 0

Я постоянно нахожусь в поиске более хорошего дизайна и более хорошего логотипа для сайта. Во-первых, я это делаю, чтобы моему читателю не было скучно читать блог и посещать мои сайты. Намного приятнее, когда сайт развивается и его внешний вид улучшается. Именно с этой целью, я начал искать под новый год более привлекательный логотип для своего блога. Пока что я его не нашел среди существующих снимков в моем архиве фотографий. Чужие фотографии использовать я не собираюсь, потому что это тоже воровство, а я стараюсь соблюдать законодательство и авторское право, которое есть даже на фотографии.

Если для блога я не нашел подходящий стиль, то для сайта CyD Sotware Labs (Софт для администраторов и безопасности) я кажется сегодня нашел подходящую тему, которая будет сопровождать сайт в течение всего 2009-го года, а может и дольше. Еще несколько штрихов будет сделано в отношении некоторых мелочей, но основа дизайна скорей всего будет именно такой.

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

Блог создан не для продвижения моей личности, потому что мне это не нужно и я наоборот не хочу продвижения именно личности. Я против таких продвижений, потому что нужно оценивать не личность, не компании вцелом, а деяния. Этот блог нужен для общения с моими читателями и с теми, кому просто интересны мои мысли и что твоится в моей голове и что я вижу своими раскосыми глазами. Но это не значит же, что он должен быть серым и невнятным. Я надеюсь все же найти свою золотую середину и сделаю дизайн блога лучше. Пока что я не считаю, что достиг даже хорошего показателя.


Понравилось? Кликни Лайк, чтобы я знал, какой контент более интересен читателям. Заметку пока еще никто не лайкал и ты можешь быть первым


Комментарии

Overdrive

05 Января 2009

ИМХО когда сайт был зеленый смотрелось лучше.
Ошибка в ссылке на страницу cyd soft


Paulius22

05 Января 2009

Дизайн нормуль. По мне так главное, чтобы не раздражал, пусть даже просто сделан...
Вообще в этом смысле дизайн сайта vkontakte.ru мне больше всего нравится...
P.S. Ссылка вверху неверная:)


Сергей

05 Января 2009

Мне думается строчка "Блог   Комментарии   Благодарность   Избранное   Книги   Контакты   Инфо    RSS" из-за того что она НАД рисунком смотриться не лучшим образом. Как бы оторвана от общей картины
И ещё нет отступа слева. Слева можно было бы разместить дополнительную информацию - например фрейм-лента новостей на блоге, то есть последнии комментарии. Они есть конечно к отдельной ссылке, но это ведь специально щёлкать нужно, а иногда щёлкать и увидеть, что ничего нового для тебя нет. Это неудобно по моему. Была бы хоть маленькая "лента" последних комментов, где-нибудь было бы достаточно одного взгляда что бы понять есть что нибудь новенького или нет


Сергей

05 Января 2009

Не знаю в чём причина, но http://www.cydsof.com/ не загружается.
Сижу на IE6


Сергей

05 Января 2009

А!
ну теперь понятно в чём причина. Михаил, проверь ссылку в заметке. Забыл букву t в слове soft


Следящий

06 Января 2009

Все, конечно хорошо, но жуткие хроматические абберации на рыбке на границе белого цвета... Вполне возможно, это снималось мыльницей и результат режет глаз.


Михаил Фленов

06 Января 2009

Снимал лично на хороший Canon, просто у аквариума стекло было грязным


Булка

06 Января 2009

Дизайн блога неплох, только вот логотип бы поменять! Да и соглашусь насчет меню навигации, возможно было бы неплохо оформить ссылки графически, а не просто текстом. А так все хорошо.


Sdk

06 Января 2009

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


Евгений

07 Января 2009

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

Еще один момент - шрифт. У меня отключено ClearType, по-этому Calibri на flenov.info воспринимается тяжело, некоторые буквы кажутся жирнее других. Tahoma, по моему скромному, выглядел бы лучше.

Но это все не обязательно к сведению.


Eretic

07 Января 2009

Захожу разгрузить глаза.ИМХО-цвета отличные.
Респект Михаил!
Единственно рекламму нелюблю...Пришлось код под себя подправить:)))красота


Михаил Фленов

08 Января 2009

Замечания я постараюсь учесть после праздников. Сейчас просто времени нету.


Alexo

08 Января 2009

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


KIRILL

10 Января 2009

Рыбка приковывает все внимание. Первая мысль - сайт о рыбах и/или рыбьих кормах


Сергей

10 Января 2009

Блог у Михаила содержательный, достаточно интересный, и часто обновляется. Захожу к нему довольно часто даже не являясь программистом. Содержание есть, а внешний вид это уже не так важно.
Но раз уж тема затронута - выскажусь. Я уже говорил, что для меня лично тут не хватает ленты-новостей с последними комментариями. Если народ против третьей полосы, так как она может испортить отображение на мобильных устройствах, то можно пустить эту ленту справа ниже меню, как продолжение второй. Кстати если такая лента будет справа под меню то я уже экспериментально определил что добраться до неё можно будет двумя поворотами колеса (средней кнопки мыши). Целых два – это неудобно. Это потому, что рисунок слишком большой по вертикали (высокий он).
Сегодня скачал и установил IE 8 бета 2. У него по умолчанию под строкой меню есть строка «избранное». Если ничего не перенастраивать, то «шапка» IE в виде: строка адреса + строка меню + избранное + вкладки страниц довольно широкая и сама уже занимает примерно 1/5 часть экрана при разрешении 1024x786. Потом идёт уже сама страница блога: навигация + рисунок + поиск, кстати «поиск» неоправданно занимает целую строку. Теперь в результате получаем, что при моём разрешении экрана, содержательная часть страницы начинается только в нижней половине экрана. Суммарная «шапка» занимает даже больше половины экрана. Я вижу на главной странице только первую статью блога, и только название от второй статьи.
Плюс к этому внизу экрана появилась горизонтальная полоса прокрутки. Это тоже минус. Страница совсем чуть-чуть не помещается в браузер по ширине.
Не знаю как Михаил представляет себе категории людей, которые к нему заходят.
Я же думаю, что это три основных категории. Перечислю в порядке убывания по количеству посещений блога:
1) Люди, которые знают о блоге и имеют его адрес в «Избранном». Заходят чаще всего и оставляют часто комменты
2) Те кто знает о блоге, но заходит не чаще первой группы, только чтобы почитать иногда.
3) Вновь прибывшие. Те кто пришёл в первый раз. Таких, наверное, меньше всего.
Вот, исходя из этого, можно строить дизайн сайта. Ориентируясь и угождая в первую очередь тем, кто оставляет комменты. Если человек оставил комментарий, то он как бы рассчитывает получить на него ответ и заходя в следующий раз на сайт ищет в первую очередь продолжение того разговора в котором он в последний раз участвовал. А найти это место удобнее всего посмотрев на раздел «последние комментарии». Поэтому его нужно вынести на главную страницу хотя бы в форме узкой ленты. Кстати на многих сайтах главная страница начинается с широкой полосы новостей. Иногда такой «широкой», что вновь прибывший человек сразу и не поймёт чему сайт посвящён. Блог по определению это конечно не сайт, посвящённый чему либо, а своего рода дневник и выносить на первое место комменты будет не правильно, а то ведь и про автора можно забыть дискутируя, но узкая лента-полоса нужна.
Ещё замечания.
1) Строку навигации либо опустить под рисунок , либо встроить в рисунок. Второе лучше – экономим место по высоте страницы.
2) «Поиск» занимает целую строку, ущемляя тем самым содержательную часть. Нужно задвинуть «поиск» вправо и пусть он занимает место только над или под меню. Пусть это будет один из разделов меню.
3) На главной странице можно помещать больше новых статей автора за счёт их уменьшения по вертикали, то есть выводить меньше строк для каждой статьи. Иначе как я уже говорил видна только первая статья
4) Маловат отступ текста от левой границы экрана. Это не мешает, но как то не смотрится. Если сайт построен на основе скрытых таблиц, то слева можно было бы пустить узкую вертикальную полоску шириной хотя бы в сантиметр и оформить её графически в тон основной картинки сверху.
5) Соглашусь с тем, что каждую статью или коммент можно обрамлять пунктиром или как то иначе.

Общее и основное пожелание – уплотнить сайт по вертикали, то есть «поджать» к верху В смысле того чтобы отдать больше места для текста статей – того ради чего блог и существует.
Повторяю, что блог хороший и содержательный и в принципе меня всё устраивает. Общее впечатление от оформления хорошее. Но если автор имеет желание улучшить внешний вид, то вот мои замечания.

Ps
Но лучшее враг хорошему.


Михаил Фленов

10 Января 2009

Последние комментарии можно всегда увидеть, если щелкнуть "Комментарии" наверху страницы.


ZeroXor

13 Января 2009

Михаил, вот ты спрашиваешь совета, а как можно улучшить дизайн. А ведь на вкус и цвет, как говорится. Я вот был сегодня очень приятно удивлен, зайдя на твой блог, потому что обожаю бело-синюю гамму, невычурные шрифты небольшого размера, воду (это я про логотип сейчас). Раньше - да, кислотно-зеленый (именно кислотный) цвет откровенно бил по глазам. Но это мне, а другим наоборот - нравилось. Если уж так хочется что-то менять, то, может, стоит сделать, например 4 варианта дизайнов под времена года (сине-белый - зима, зеленый - весна, желтый, радужный - лето, оранжево-красно-желтый - осень)? Или, например, оформить логотип под какие-нибудь праздники (на Новый Год, например, шапка Деда Мороза, на День Программиста - клавиатуру или "летящий" блок машинного кода, вроде "Матрицы")... А вот насчет логотипа - может быть, лучше размещать не просто фотографии, пусть и красивые, а сделать коллаж. Опять же имхо, то ли на старом VR-Online было, то ли в оффлайн-сайте на диске ДГХ (кстати, за "Мануал по призыву" огромное спасибо, очень помогло в свое время, сорри за оффтопик)... в общем там твое фото на фоне клавиатуры, все в бело-серых тонах. Может, сделать что-то подобное?
А вот строку навигации, раз уж говорят об этом, имхо, лучше перенести под логотип (это уже предлагали), либо наложить прямо на логотип (может и предлагали, но я не заметил).
А в остальном - замечательный блог! Развития ему и процветания! А тебе, Михаил - респект, уважение и всего всего самого наилучшего!


Михаил Фленов

13 Января 2009

Я понимаю, что у каждого свои вкусы и угодить всем я все равно не смогу. Но ведь если большинство говорит, что меню нужно перенести, значит надо. И я сделаю это.


the_t_a

15 Января 2009

Для меня дизайн сайта не очень важен, главное чтобы не отвлекал от чтения. Блог Михаила полностью этому соответствует. Пожелание есть по поводу RSS-ленты. Когда читаешь ее в Google Reader например, то совершенно не понятно есть ли продолжение у поста или нет. То есть неплохо бы добавить туда ссылку "читать далее".


Николай

23 Января 2009

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


Михаил Фленов

23 Января 2009

Я вообще редко указываю размеры явно, потому что при редизайне приходится изменять и размеры. А так, закинул новую картинку и все прекрасно. Да, это плохо для тех, кто отключает картинки, но что поделаешь. Сейчас дизайны на всех моих сайтах вроде бы устаканились, поэтому наверно пропишу размеры явно.


Николай

12 Февраля 2009

Михаил, можно вопрос немножко не по теме: вот когда мы оставляем комментарий к заметкам, то через какой протокол идут эти данные (то есть сам комментарии)?
Я так понимаю что через 80 или 21, но сомневаюсь.


Михаил Фленов

12 Февраля 2009

Протокол HTTP на 80-й порт сервера


Добавить Комментарий

Еще что-нибудь

Хотите найти еще что-то интересное почитать? Можно попробовать отфильтровать заметки на блоге по категориям.

О блоге

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

Обратная связь

Без проблем вступаю в неразборчивые разговоры по e-mail. Стараюсь отвечать на письма всех читателей вне зависимости от страны проживания, вероисповедания, на русском или английском языке.

Пишите мне