Дизайн блога: мелочи, а приятно
В статье, как вести несколько блогов, поставил задачу написать о том, какую роль играют детали дизайна.
Потрачено около двух месяцев кропотливой работы, чтобы придать ему тот вид, который он имеет сейчас, но не жаль этого времени. Потому что работать с ним стало и удобнее, и интереснее. Как мне, так и его читателям. И вот теперь, когда там все устаканилось, можно посвятить такое же внимание и NEO блоггеру.
Качество в дизайне — долгосрочная инвестиция.
Пришел такой комментарий:
Да, не густо. Но вот в который раз удивился, насколько люди любят совать нос не в свои дела и судить по количеству звездочек на погонах или денег на банковском счету. Да, наверное, успех можно измерить цифрами. Но чем измерить качество собственного опыта? Он может не приносить быстрых результатов. Но тем прочнее будет, когда придет время. Впрочем, я могу сильно заблуждаться. И это тоже покажет время.
Нет, я не забросил блог, хоть и не могу похвастаться показаниями пузо-мерок. Да, пишу не во всякий день, не покупаю ссылок для ТИЦ и услуг рерайтеров. И не всегда удается заточить статьи под перспективные запросы (как и эта). Но каждую продумываю до мелочей, даже рамочки для фотографий.
На неделе отписался от десятка рассылок. Так часто пишут сео-блоггеры, что не успеваешь обдумать и применить только что прочитанное, как уже предлагается какой-то новый способ продвижения или заработка. Ну, уж от меня такой плодовитости не ждите.
Если с кем-то наши пути не совпадают и нам нечего другу предложить, не забивайте себе голову и с легкостью отпишитесь от ненужной рассылки.
Что полезного будет в этой статье:
- небольшой фотоотчет о том, как можно доработать дизайн блога под свои замыслы
- ссылка, которая может сократить ваше драгоценное время
- и удивительное видео с острова Маврикий, где ценности качества еще живут и даже процветают
Содержание страницы:
Эффектный дизайн блога — это баланс красоты и функциональности
Не у всех есть возможность приобрести уникальную одежду для сайта, особенно в начале развития проекта. Тем не менее, даже самому простому, бесплатному шаблону можно придать индивидуальные черты и приспособить для реализации творческих идей. С помощью маленьких, почти незаметных деталей создать собственную атмосферу дизайна и дух блога. Ведь мы хотим создать качественный сайт во всех смыслах и отношениях.
Любой бесплатный шаблон имеет скрытые недостатки: вшитые ссылки, кривые шрифты, неправильные теги в заголовках, несбалансированные пропорции элементов темы, ненужные функции, неполная русификация и прочие досадные недоразумения.
За месяцы работы все это в дизайне было поправлено и тщательно настроено — чтобы все струны инструмента звучали гармонично. Вот лишь несколько моментов из процесса преобразования, которым подвергся шаблон.
Удобно, красиво, нестандартно
Чем больше в блоге становится комментариев, тем длиннее страница. Не у всех хватает терпения добраться до конца. Особенно актуально, когда в ветке живые обсуждения и на страницу часто возвращаются, чтобы прочитать ответ или написать свой.
Когда проблема назрела особенно остро, оборудовал блог кнопками ускоренного передвижения. Фотографии для кнопок смастерил сам и в духе общего замысла: верх у меня стал севером, а низ — югом, ведь речь там идет о пути. А установил мне ее, причем без единого плагина, Алем Исабаев.
Я уже не раз признавался, что по сложным вопросам обращаюсь к специалистам. И у меня остается больше времени для того, что интересно, и человек получает заслуженное вознаграждение, и работает все, как надо. Так что, если вам понадобятся такие кнопочки, можно обратиться к Алему по адресу: блог Allemiko.
А тебе, Алем, еще раз большое спасибо за работу — получилось не только удобно, но и красиво — сплошная радость, а не кнопки! Как только подберу новую тему для NEO, устроим и здесь что-то подобное.
Важные мелочи в дизайне блога
Или такая мелочь: страница 404 (это когда статья не найдена). Она была пустая, но я добавил туда немного своего текста и ссылку на карту сайта. В любом случае, процент отказов может значительно уменьшиться, да и человеку будет приятно. Может, даже кто-то улыбнется, прежде чем покинуть сайт.
Или вот: внизу страницы на каждом сайте есть постраничная навигация, которая обычно выглядит как «Вперед/Назад» или «Предыдущие записи». Поменял на свое: теперь это «Путешествие в прошлое» и «Путешествие в будущее». Любое слово в шаблоне можно изменить очень быстро, если хоть чуть-чуть понимать основы html. Надеюсь, статья, как найти и изменить код html, поможет вам в этом.
Некоторые детали могут казаться, на первый взгляд, совсем не функциональными, но они оживляют и вносят ноту спонтанной игры и волшебства. Именно для этого я установил плагин вывода случайных цитат — XmasB Quotes. Цитаты в случайном порядке выходят сразу под окошком комментариев. Моим гостям очень нравится!
Кроме того, каждая цитата — кликабельная ссылка на статью, из которой она взята. А плагины..? Но ведь если не перебарщивать, то почему бы и нет? И, да, — панель форматирования. Очень удобная штука, особенно когда в ней возникает настоящая необходимость.
- Также, множество полезных скриптов и готовых кодов для улучшения дизайна я нашел на сайте — starper55plys.ru.
Части одного целого
И последний момент: хорошо, когда каждая маленькая деталь дизайна является органичной частицей общего замысла блога, отражает его сущность, дух, вписывается в целое. Касается это всего: даже названия виджетов в сайдбаре могут петь собственную песню.
Мне нравится — так. И пусть медленно, но основательно. И напоследок — видео-изюминка, которая как нельзя кстати подчеркивает изложенные здесь мысли о мелочах. Это 4-минутное видео снято на острове Маврикий Робертом Шармой. Выкопал находку и перевел на русский язык Игорь Таушев.
А в следующих статьях начну серию занудств о всяких несложных инструментах, которые освежают дизайн блога. Монтируется видоурок о том, как найти нужную строчку кода, чтобы внести изменения. Поговорим о YouTube и фотографиях — последнее время меня это начало увлекать гораздо больше, чем копание в html. Вообщем, жизнь план покажет. До новых встреч!
Дизайн блога далеко не мелочь и не самое последнее, так что необходимо тщательно подойти к этому вопросу, ну и конечно больше информации полезной 🙂
Главное при этом — не погрязнуть в мелочах.
Дизайн-это и душа и лицо блога.У тебя,Лариса,очень красиво и гармонично все смотрится.Как будто это не шаблоны,а ты сама все коды писала и рисовала.У меня все нет времени заниматься своими.Эти рассылки и учеба отнимают много времени.Тоже отписываюсь и почти тут же подписываюсь…
С фрилансерами конечно очень удобно работать,особенно когда найдешь мастера и не жлоба.
У твоих блогов большое будущее. Успехов тебе,Лариса!
Саша, у меня то же самое — времени не хватает на все, а идей очень много. Поэтому начала избавляться от лишнего. Обучение все же очень много дает, особенно если сосредоточиться на одном курсе и усвоить все знания до конца. А вот как прыгать начинаю с одного на другое, в голове каша начинается 🙁
Намек понял! 😉
Видео вообще… *THUMBS UP* С удовольствием посмотрел 2 раза и еще буду частенько.Очень поучительное.Рассказывает Робин Шарма вроде как про отель,но все это так касается блогов,что видео можно назвать «пособием для блогеров».
Очень советую всем посмотреть.Не пожалеете.
Конечно,Лариса,не надо каждый день,под поисковики стараться писать.У тебя качество видно в любой мелочи,вот даже это видео,которое ты нашла!Это супер! *BRAVO*
Как говорил,в предыдущем комментарии я от многих отписываюсь,могу даже отписаться от Е.В.(ну ты знаешь),но от тебя не когда.
Буду внимательно следить за твоим не торопливым,процветающим творчеством! *ROSE*
Мне тоже показалось видео редкостно-полезным. Саша, спасибо тебе за теплые слова. Не знаю, как насчет большого будущего, но любой путь куда-то приводит, даже если это будет тупик. Тогда я скажу: О, так это тупик 😀
Лариса! Я прям застеснялся когда вы меня прорекламировали =) ,очень приятно, а я к вам не захожу на блог, стыдобина :((( 🙁 🙁
У меня в планах еще написать статьи про выдвигающиеся блоки на jquery, но не получается их делать,не работают что то 🙂
Вообщем спасибо вам огромное, за то что вы есть 🙂
Алем, да это не стыдоба. Если бы мы все время бегали по всем блогам, то и времени бы не осталось свои делать. Главное, что пересеклись вовремя, когда было необходимо, и я знаю, что в далеком Казахстане есть хороший мастер html. И почему бы об этом хорошем не рассказать =)
Замечательный ролик, даже сподвигнул меня на написание новой статьи и подтолкнул еще к одной идее.
Прекрасно, когда одни идеи дают новую жизнь другим =)
Странно , почему на этом сайте, получается совсем не мой аватар?
Оля, аватар может не появляться, если указан не тот адрес почты, к которой он прикреплен.
Там не mail должен быть. Исправила на правильную)
Полезные замечания. Дизайну необходимо уделить особое внимание, когда в этом будет необходимость. Спс.
Саша, у Вас очень все гармонично. И дизайн, и качество статей. Благодарю, что нашли время заглянуть.
Большинство зрячих за компом. Дизайн или привлекает или отталкивает
Да, только вот такие странные анкоры для сайта, какой у Вас стоял, попадают в спам).
Отличная статья. Я искала фон месяц, прежде чем обнародовать. И всё равно поторопилась, надо было поработать над дизайном. Но очень уж хотелось побыстрее приобретать опыт. Ну вот теперь возвращаться придётся. Надо всё делать сразу и хорошо. Согласна.
А где текст?
А что такое у тебя ССЫЛКА?
Тома, ССЫЛКА — это если человек захочет вставить в коммент ссылку с анкором, чтобы выглядело вот так: мои блоги
Аккуратненько получается.
Так же и с цитатой: копируешь, вставляешь в поле комментария, выделяешь ее и щелкаешь по кнопке ЦИТАТА. Получится вот так:
А то, что там код вылазит, так и должно быть. Когда нажмешь кнопку ОТПРАВИТЬ, все преобразуется как надо =)
Очень рада тебя «видеть». Я сейчас торможу немного, отдыхаю, читаю, думаю, еще и ремонт в доме делаю по вечерам.
Если щелкнуть по кнопке сразу, то появится код. Тогда в то место, где мигает курсор, нужно скопированную цитату вставить. Не очень, наверное, удобный плагин, но пока не нашла другого.
Вставила цитату, она не отразилась текстом, а только кодом.Вот я и спросила в предыдущем комментарии.
Лариса! Ну одно удовольствие побывать у тебя. Хотела всего лишь подписаться, а создала почту на Яндекс, ленту на яндекс, до которой всё никак руки не доходили, подписалась на тебя через ленту. С фидбурнера надо уходить. И RSS тоже скоро прикажет долго жить. Так что Яндекс.Лента примет часть нагрузки. Вот спасибо!
И еще у тебя теперь яндекс-деньги скоро появятся). Теплых солнечных дней тебе =)
Ой, Лариса! Это если я их позову, а ведь ещё не зову совсем. Рановато мне ещё, надо поразбираться. А про фидбурнер ты не боишься? Кое-кто уже перенёс своих подписчиков на респондер и другие.
Сделала подписку на Яндекс.Ленту. Здорово. Почему я раньше этим не занялась.)
За солнечные дни спасибо. Не дождёмся никак. Снега в этом году огромное количество, власти к трём волнам паводка готовятся. И к затоплениям. А вот солнце светит только в обед чуть- чуть. Но молодёжь уже сняла зимние вещи. Не берегутся. Макушку припекло, а снизу — то всё ещё мёрзлое.
Солнце, спасибо за Письмо! В Поволжье полегче: в городе все почти растаяло, второй день солнце, но лед еще держится. Шапку не снимаю — у меня уши чувствительные. Весна в любом случае неизбежна и в свое время прибудет. А пока слушаю птиц и наблюдаю постепенное пробуждение природы — в этом есть своя красота. А про фидбернер еще не думала. Слышала об этом, но пока еще у наших инфобизнесменов стоит фид, значит, все не так страшно. Конечно, альтернатива хорошая штука: на Lamadance, кроме фида, есть еще сабскрайб. А так — нет, не боюсь, Солнышко. Много лет жила страхом потерять сначала работу, потом бизнес. Потеряла). Теперь знаю, что держаться не стоило ни за что. =)
Это правда, бояться ничего не стоит. Самый худший советчик — это страх.
А у меня сайт недоступен. Крупнейшая хакерская атака затормозила весь интернет. Поддержка моя говорит, сервер недоступен. Вот уже два часа не могу зайти, вот это новости.
Лариса, посоветуй, на каком сайте безболезненно можно скачать иллюстрацию. Сижу маюсь, нигде ничего не нравится. Кто-то пользуется стоками, а я до сих пор собственными фотками.
Все восстановится. У меня на хостинге тоже бывает где-то раз в месяц — сайт не доступен. Фотографиями пока своими обхожусь во всех блогах. Раза три брала чужие, в своем компьютере нашла. Если нет подходящей фото, то ставлю надпись какую-нибудь в редакторе или рамочку — фотография оживает. А вот где брать в свободном доступе, так и не поняла. Многие берут просто из Гугла и не задумываются — вижу сплошь и рядом. Посмотри статью в блоге у Николая, как искать фото через Гугл Может, пригодится. Вообще, у Николая много полезного по поиску фотографий.
Значит плохой хостинг у Вас. Раз сервера так часто падают!
Досиделась всё- таки до утра, дождалась, когда заработает хостинг. И статью опубликовала. Иначе она бы совсем потеряла актуальность, про театр. И фото нашла в инете неавторское 8 лет назад опубликовано. Немного изменила и вставила.Не нашла у себя бутафорию.А ты всё ещё не спишь? Я пошла. Спокойной ночи или доброго утра!
Ооо, читала твою статью и опять смеялась: наши сайты — это тоже театр и бутафория)
Я видела в жизни одного только человека, который был со мной реальным, какой есть. И это была моя бабушка. Но с другими — то она была тоже артисткой. Вся жизнь — театр. И люди в ней — актёры.(перефразируем?А то ещё в плагиате уличат системы).
Лишь бы не заиграться.
Вы молодец, что идете своим путем и не спешите сделать невозможное. У меня получается немного медленнее, но в том же духе. правда с дизайном не повезло — третий дизайн, который я установила на свой сайт, мне очень нравился, пока не оказалось, что на нем вредоносный код. Теперь никак не могу подобрать оптимальный для себя — уже несколько сменила и не в восторге. Но, кто ищет… тому и дается. Надеюсь скоро получить именно свой, какой хочу. Удачи.
Елена, рада видеть. Может, Вам Юлин сайт поможет найти нужный шаблон? Посмотрите в разделе Полезные сайты, там есть ссылочка на Юлин блог «Тестируем шаблон». Уверена, Вы найдете, что нужно!
Спасибо, обязательно ознакомлюсь У меня еще муж сейчас сам обучается сайты делать — надеюсь он мн в итоге и сделает картинку и логотип, какие я хочу. Самой пока некогда этому обучаться, к сожалению.
Конечно, так хочется всегда гармонии во всем, и в дизайне, конечно. И тут мелочей не может быть… Я вот тоже столько всего прошла в дизайне….Первый дизайн блога был очень интересный — ничего тогда не понимала, что и как делать, увидела картинку, задела… мое и поставила… а потом ко мне обратился один очень душевный товарищ: «так и так, вы использовали нашу картинку и слоган»… Ну, я с извинениями, конечно — не думала, не гадала… ну, святая простота… ну ничего, поговорили и норм все… Договорились о всех тонкоотях…
Ирина, при Вашей занятости нашли время заглянуть — неожиданно и очень приятно.. Небо для фона специально ездила за город фотографировать, чтобы его чистую энергию принести в блог, а вот одуванчики пока из клипарта, свои не расцвели.
Лариса, занятость — понятие очень относительное и философское…на самом деле мы очень свободны…, и в то же время заняты — хочется понимать, что мы можешь делать на данном этапе и куда тебе дальше двигаться… и мне интересно многое…
Своевременность встреч. Сегодня как раз думала, не стоит ли все же отказаться от одного из проектов, но не могла придумать, от какого — каждый по-своему интересен. Потом попала к Вам на сайт через Елену Скопич, огляделась и решила повременить.
Лариса, сложно вот сказать что для нас полезно, что важно, от чего отказаться… все мы размышляем, правда? Наверно, все знаки наши неслучайны…
Тут бы еще кнопочки сделать вверх-вниз))
Я вот иногда на какой-то мелочи застопарюсь и все… Все никак не определюсь с оформление фото/картинок на сайте… Но вроде бы уже нашла для себя более-менее приемлемый вариант
Иногда, думаю, может лучше бы статью написала за это время. Но все равно ковыряюсь))
Точно! Про кнопочки то я совсем забыл…)) Спасибо, Марина, что подсказали!
Картинки у Вас, Марина, что то не одного размера. Где то я читал, что их лучше делать одного.
я хотя бы высоту одинаковую делаю.
А с мелочами я так же, что более необходимо не делаю, а со всякой ерундой копаюсь.
Я долго искала единое оформление для картинок, которые теперь не размещаю на сайте, а гружу сначала на файлообменники. Возможно, в будущем, я все-таки сделаю картинки одинаковыми,но не уверена, что сейчас мне хватит на это время)))
А по поводу мелочей, именно они делают нашу жизнь интереснее))
файлообменники для меня темный лес.
Оформление, т.е. каркас с рамкой и логотипом можно фрилансерам заказать и сделают красиво в формате psd, чтобы поправить можно было и потом автоматом любую картинку туда вставлять.
Хотя я, скорей всего не понимаю, что Вам надо.
я заказывал на тексале шапку для другого своего сайта, сделали именно так как мне надо и с кучей вариантов всего за 300 р. с исходником. Я тогда фотошопом не умел пользоваться.
У самого картинки все разные)) но меня это пока мало беспокоит.
А мелочи это — да!
Никак не удаётся связаться с Алемом, выдаётся ошибка. Зашла, почитала, хотела оставить комментарий, а пишет «Не удаётся связаться с базой». Что же с этим делать? Даже подписаться не удалось. У вас нет его адреса?
Я с ним тоже не смог связаться,когда надо было.
Лариса вообще сказала удалить информацию о нем, все руки не доходят.
У Вас на сайте изменения. Посмотрите шапку, там проблема.
Тамара, посмотрел в нескольких браузерах, все нормально.
Это Вы наверное зашли на сайт, как раз, когда я его настраивал.
Спасибо за предупреждение.
Конечно же дизайн блога очень важен и мне видимо скоро придется надеюсь с вашей помощью решать данную задачу. Хотелось бы получить исчерпывающий материал по данной теме. С Новым годом вас, а статья мне ваша понравилась.
Под словом «тема», Вы, Наталья, подразумеваете шаблон или вообще о теме «дизайн блога»?
Дизайн блога конечно играет большое значение, вот только хочется сделать что-то оригинальное и запоминающееся.
Отличный очень умный блог. Давно взяла его себе в Закладки. Но…ОЧЕНЬ РЕЖУТ ГЛАЗ чужие посты копирайтера- женщины, купленные у нее и размещенные на блоге, Админом МУЖЧИНОЙ!
Алекс, если вы отредактируете все свои «женские» посты, то цены вашему блогу не будет. А сейчас…всё это дело наводит на грустные размышления… И смайликов я тут у вас почему-то не вижу…почему? 🙁
Здравствуйте, Елена!
Спасибо за всё. «Женские посты» здесь, потому что у этого блога была раньше хозяйка женщина — Лариса Марштупа — журналист-копирайтер. Исправлять не хватает времени, да и не кто мне раньше об этом не говорил. Спасибо за критику, теперь постараюсь исправить.
Смайликов нет, потому что плагинов итак много здесь стоит, а как кодом вставить пока нет времени разбираться, да код этого сайта не совсем обычный, чтобы вот, так, с ходу разобраться.
У Вас получилось майлик поставить 😉 . Вывод: кому надо — поставят.
Аааа…тогда всё понятно, Саша. Больше вопросов нет. Посты у Ларисы действительно суперские…я прочитала несколько взахлёб…применяю некоторые ее рекомендации на практике. Действительно работает. Еще раз спасибо за ваш с Ларисой труд. 🙂
Мне Ваш блог тоже понравился. Особенно идея с «Блоггеры круглого стола». Если примите — вступлю. Чуть позже лучше изучу deklife.ru, сейчас зашиваюсь.
Я тоже считаю, что дизайн не самое последнее дело, а очень даже главное, ведь это лицо сайта, вот только определиться с ним не всегда хватает фантазии и умения, с удовольствием бы поучилась этому, но вот где и у кого не знаю, может посоветуете, буду очень благодарна.
Смотря какого качества и до какого совершенства Вы хотите дойти.
Я бы Вам очень порекомендовал курс Евгения Попова «Создаем сайт с нуля (Фотошоп + верстка)».
Его курсы очень качественны.
Весит 453 мб. всего.
Если есть желание изучить, я Вам торрент файл на этот курс скину на почту.
Хм, теперь и до меня дошло, почему на сайте присутствует женская рука. Если честно, меня это тоже в тупик ставило и я не могла понять, к кому мне конкретно нужно обращаться. Теперь понятно.
Да, Лара, вот так. Обращаться ко мне 😉
Постоянно хочется что-то менять в дизайне блога, не хочется останавливаться на достигнутом. Хочется, чтобы было все лучше и красивее!
Безупречность — это страсть к деталям! Видео — действительно находка, впечатляет. Статья интересная, полностью согласен, детали — это самое важное, на что нужно обращать внимание.
Александр, привет! Как это я такую важную статью пропустила. Сейчас прочитала и еще зайду, для меня дизайн блога очень важен. Я же выражаю с помощью своего блога свое настроение и свое отношение к миру, хочется достучаться до читателя :). А сколько интересных комментариев у тебя накопилось! Все знакомые лица 🙂
Я тоже на днях удалила много подписок, многие блогеры такие активные, как только успевают столько писать :)))
А я думаю, что дизайн блога — это не мелочь. Собственно любая работа, в том числе и работа над блогом, это выражение вашего внутреннего мира. Очень много можно сказать о владельце блога, даже по первому посещению, ещё не читая материалов. «Класс», «супер-пупер» и всё в этом роде при подаче материалов — о-о-очень много расскажет в первую очередь об авторе, а не привлечёт думающего читателя. То же самое можно сказать и о дизайне, и прочих деталях блога
Дизайн очень важный фактор!
Дизайн для любого сайта просто необходим, ведь это лицо блога и поэтому он обязательно должен быть уникальным, вот правда делать его необходимо поручить специалисту, ведь нельзя быть одновременно и блогером и дизайнером и программистом, да и времени на освоение всех этих премудростей у обычного человека просто не хватает.