Ко мне недавно обратился друг и попросил помочь ему, сделать красивый дизайн молодому сайту. Предложение было заманчивое, так как с дизайном сайта я раньше не работал, но попробовать стоило, так начинать же когда-то надо.
Сперва посмотрите мою новую подборку под названием «Самые красивые сайты интернета», где я для вас подготовил лучшие сайты со всего мира в плане графики.
Просмотрев много красивых сайтов с довольно таки неплохим дизайном я пришел к выводу, что работа мне предстоит нелегкая.
Когда на сайт приходит посетитель, он первым делом обращает свое внимание на дизайн данного сайта, чем красивее дизайн и привлекательней, тем лучше.
Однако не стоит друзья забывать и о самом главном — это о контенте, так как ради него человек и приходит к вам на страницу.
Если вы будете гнаться только за созданием красивого дизайна и забудете про написание полезного контента, тогда такой сайт будет неактуальным.
Приведу пару пунктов, на которые надо обращать внимание при создании красивого сайта:
1) Создайте сайт легким по весу картинок и всей графики. Зачем, чтобы страницы сайта очень долго грузились, а то посетитель не захочет долго ждать и уйдет от вас.
2) Сделайте сайт простым в использовании, никаких замудреных меню быть не должно.
3) Подберите красивое сочетание цветов на сайте, постарайтесь добиться максимального баланса.
4) Задумайтесь о том, что посетители будут приходить к вам с различных браузеров, даже с мобильных телефонов, поэтому не поленитесь посмотреть на сколько красиво он там отображается.
5) По возможности я вам советую отдать предпочтение только одному шрифту.
6) Не перегружайте страницы сайта большим количеством баннерной рекламы, это вызовет захламленность сайта. Ставьте примерно 1 или 2 баннера, но не больше.
7) К примеру у меня на компьютере раньше не было установлено флеш-плеера, поэтому сайты где было сделано много флеш-анимации вызывали только мое раздражение. Поэтому подумайте и о таких людях.
8) Ни в коем случае не ставьте звуковых эффектов на сайт, оно реально мешает и приедается.
Ошибки в дизайне сайтов
Вы должны понимать, что создавать сайты это не простое дело, а тем более красивые. Большинство дизайнеров допускает ряд непозволительных ошибок, которые могут отпугнуть посетителя.
Запомните главные ошибки, которые допускают начинающие веб-дизайнеры:
1. Яркий фон, отвлекающий от содержимого сайта.
2. Несочетаемые цвета в оформлении страницы.
3. Фреймы, так как они порождают массу неудобств для пользователя. К примеру, такую страницу нельзя добавить в закладки.
4. Фиксированная ширина страницы.
5. Наличие горизонтальной прокрутки страницы.
6. Открытые пустые страницы или страницы, находящиеся в стадии разработки.
7. Flash-Анимация, которая не только отвлекает от основного содержимого, но и мешает при ознакомлении с сайтом.
8. Выпадающее меню, в котором приходится долго искать нужный раздел сайта.
9. Открытие ссылок и разделов меню в новом окне.
10. Обилие баннеров и рекламных блоков. Они должны использоваться в меру.
11. Внезапно всплывающие окна с рекламой или любой другой информацией.
12. Автоматически проигрываемые медиафайлы, особенно, если пользователь не имеет возможности остановить проигрывание файла.
13. Наличие на странице пустого, незаполненного пространства. Это касается верхней части сайта, пустых боковых колонок.
14. Отсутствие каких-либо картинок. В частности, в шапке сайте.
15. Наличие анимационных изображений.
16. Обилие картинок и фотографий на сайте.
17. Слишком «тяжелые» изображения, которые долго загружаются.
18. Наличие большого количества визуальных элементов – кнопок, картинок, шрифтов или так называемый визуальный шум. Всего на странице должно быть не больше 9 отличных друг от друга элементов.
19. Отсутствие поиска по сайту.
20. Отсутствие контактной информации, формы связи с владельцами или администраторами сайта.
21. Неправильно оформленная страница ошибки.
22. Расположение элементов сайта в необычных местах. К примеру, форма для регистрации на сайте всегда располагается в верхней части страницы.
23. Ошибки в меню, контактной информации.
24. Отсутствие кнопок «Назад», «На главную» на страницах сайта.
25. Сложный для прочтения шрифт на кнопках или в меню сайта.
26. Использование нестандартных шрифтов, которые отображаются не на всех компьютерах.
27. Разнообразные типы, размеры и цвета шрифтов, используемые в оформлении страницы. В дизайне следует использовать не более 5 вариантов шрифта.
Ну а если хотите узнать, как я сделал красивый дизайн и выручил своего друга, следите за обновлениями моего блога.
(5 голос., в среднем: 4,60 из 5)
Загрузка...
Очень раздражает тизерная реклама и попап баннеры! Когда захожу на сайт и первое что я вижу что посреди экрана появляется баннер или открывается ещё одно окно с рекламной страницей тут же закрываю и то и другое. Больше на том сайте я вряд ли появляюсь если только по ссылкам из спама.
Минимализм и аккуратность, вот чего хочет видеть посетитель.
Здравствуйте! Раз тут дело о дизайне можете посмотреть на моем блоге, только сегодня сделал дизайн как он вам, плизз посмотрите!
Если хотите заказать анализ сайта, пишите на почту.
Попап баннеры согласен раздражают неимоверно.
Пример — зайцев.нет, просто загажен рекламой.
Зайцев нет это вообще что то просто ужас!!!! 🙁 %)
Зато они не мало денег поднимают, поэтому им даже не надо делать красивый дизайн сайта
Очень познавательная статья, я как то задумался о поапе, судя по комментариям, это раздражает.
Спасибо за посещение моего сайта.
Подскажите, Максим, а где-то у Вас можно почитать, как украсить дизайн сайта таким уникальными изображениями, как у Вас? Очень понравилось, что они все в одинаковом обрамлении. Не подскажите, где можно об этом узнать? 🙂
Что за изображения вы имеете ввиду? Те что в начале статьи идут?
Да, те, которые у Вас на главной в анонсах публикуются 🙂
Создал балванку (шаблон), с помощью фотошопа. Делается за 5 минут. А потом при публикации статьи в нее подставляю нужные мне изображения и вписываю текст.
А слабО сделать пост или еще лучше видеоурок? 🙂 Думаю, что многим было бы интересно, как это сделать.
Хорошо сделаю видеоурок, но только через несколько постов.
Спасибо огромное 🙂 Пусть и через несколько, не горит. Просто я уже что-то подобное вижу не на одном блоге, вот и заинтересовалась. Максим, буду ждать 🙂
Выложил видео, как и обещал в статье «Самые красивые сайты интерента».
Автор затронул очень больную тему разговора. Всё вроде бы просто, простые советы, простые решения, но когда на деле сталкиваешься с проблемой дизайна, всё гораздо сложнее. Первая проблема с которой столкнулся, так это простая шапка на сайте. Пробую рисовать самостоятельно — не очень получается, пытался найти фрилансером художников, подходящего не нашёл. Вот что делать в таком случае, когда и оригинальности хочется и знаний не хватает?
Решил, что буду рисовать сам, сначала на листочке, потом обрабатывать в фотошопе, поспетенно познавая азы и тонкости данной программы.
Пытался найти хотя бы один подходящий сервис для создания веб-дизайна, действительно полезного не нашёл, то что предлагают эти программы настолько уже заезжено и не актуально, что использовать их не хочется.
Очень сложно решить проблему с цветами на сайте, я экспериментировать несколько раз, подбирал цветовую гамму и показывал своим друзья, близким, знакомым. Ниодного однозначного ответа я так и не получил. Сколько людей — столько и мнений, пришлось положиться на собственное чутье и вкус. Конечно быврав нейтральный вариант.
Может вы что-то можете подсказать по простым решениям создания дизайна и цветовой карты для сайта?
Я рекомендую все-таки обратиться к специалистам. Возможно вы еще таких не встречали.
В тои-то и дело, что специалистов много, НО воплотить идея автора в жизни и сделать рисунок таким, как мне хочется не могут. Творчество, одним словом. Может у вас есть кто-то на примете?
Нет такого нет, так как сам ищу дизайнера для своей шапки блога.
Я создал сегодня шапку для сайта, прошу вашу оценку marseo.ru
Ваш блог это что-то нечто 😆 вы что шутите?
Он еще не готов, это творческий проект, никак не могу найти «точку опоры» — каша в голове.
Заметил, что многие думают, что для того чтобы сделать красивый дизайн сайта нужно просто взять и отредактировать какую-либо бесплатную тему, которая установлена на сайте. Но ведь это не так, по хорошему, если вы хотите получить реально уникальный дизайн нужно во превых:
— Заказать данный дизайн в дизайнера (если умеете, нарисовать самому, но это вряд ли, для этого же нужны специальные знания).
— заказать верстку нарисованого дизайна.
— интегрировать готовую верстку в движок.
Вот только тогда можно сказать, что у вас уникальный дизайн! А какие-то там изминения в таблицах стилей в шаблоне это не дизайн, а как говорится: «шо попало»!
Не согласен. Если есть знания и опыт, можно и нужно переделывать бесплатный шаблон до неузнаваемости. Есть сайты с отлично переделанными шаблонами, аж зависть берёт.
Да, еще забыл сказать, что всё вышеописаное обойдется в кругленькую сумму
Вот она проблема проблема и озвучена
Очень сложно найти дизайнера, который может реализовать идеи.
А тот, который может, просит очень много денег.
Где же бедным студентам-блоггерам взять столько?
Опять же «уникальный дизайн» — это такое относительное понятие. Кому-то понравится, а кто-то и не заметит его.
Виталий, думаю прав. Ведь уникальность сайта, в-первую очередь, это не рисунок, картинка или фото. Но даже изменив их, в глазах посетителя ваш сайт имеет уникальный вид. И пусть боты могли и встречать тему ранее, именно картинки и изображения выделяют ваш сайт в глазах людей.
Уникальный дизайн, конечно, лучше заказывать у профессионала. Например, как у Александра Борисова. Но это реально дорого. Помню он писал, что 20 тысяч верстка и 20 тысяч дизайн, рублей разумеется.
Мне нравится его дизайн, я очень люблю рисованную графику в стиле Dave Hill. Беда что это дорогое удовольствие. Я запланировал в этом году поменять себе дизайн, но никак не могу найти компромисс между чем-то легким и рисованным.
Вы серьезно думаете, что дизайн сайта/блога может реально отразиться на его посещаемости? Я сегодня получил в почту спам от кулинарного сайта, перешёл по ссылке. На главной странице используется как минимум 25 разных шрифтов, 25 разных цветов, 25 разных подчеркиваний, пунктиров, курсивов. А посещаемость в тысячи раз больше, чем у Борисова. Там отвратительное оформление, и тем не менее это видимо не мешает читателям. Я сбежал через минуту, думал глаза вытекут
Буду рад Максим если кинете ссылку на него.
Конечно, я уже его себе в закладки добавил. Буду всем показывать, кто скажет, что у меня на ucoz-овском сайте дизайн «на коленке сделан»
supercook.ru — глаза только не сломайте 
Ничего себе!!! Посещаемость в день 54 000! Дизайн вообще ужас. Я так и не понял о чем этот сайт, где статьи. Все в кучу перемешано, шрифты сливаются, а вот Яндекс его просто обожает с Гуглом. ТИЦ-1400 и PR-4. Вот только я не заметил там контекстной рекламы, неужели хватает этих тизеров?
Вот Вам и показатель. Это конечно частный случай. Сделайте Вы такой ужасный сайт, вряд ли у Вас такая посещаемость будет. Но прецендент уже есть. А это означает, что не стоит так уж зацикливаться на дизайне. Два года, когда я только садился за свой первый сайт, провел соц-опрос, который показал, что дизайн важен в большей части исключительно дизайнерам, а вот обычным пользователям — «всё равно» — это самый популярный ответ был среди опрашиваемых. Так что уж если и хотите потратить деньги, тем более в размере 40000 тысяч, а это две з/п среднестатистического россиянина. То уж вложите их в собственное продвижение, это гораздо эффективнее
Но я уверен, что если бы автор этой площадки поменял дизайн на нормальный, то его заработок увеличится в разы.
Что же Вы всё на деньги переводите?
Неужели сайт нужен только для заработка? Я именно поэтому перестал читать Борисова, что его блог стал «инфо-продуктом». Интересной информации он больше не публикует, а все письма, которые приходят в почту от него, формата — «купи, а то подорожает». Делайте сайты для людей, а на таких сайтах (особенно в тематике сео и заработка) важен интересный и полезный контент, а не красивый дизайн. Ваш сайт не фото-студия же, точно так же и кулинарный сайт, туда посетители приходят за новыми рецептами, а не за картинками 
Как не крути, но все мы хотим получать копейку от своих проектов, а учитывая что там есть тизеры, так этот кулинарный сайт не исключение.
Поверьте, опытным и грамотным сеошникам не интересно читать про копейки. Копейками интересуются исключительно «школьники» или люди со знаниями школьника. Такую аудиторию вокруг себя как раз собрал Борисов. Я перестал читать его после видео-поста о друзьях, такого бреда от человека, который воспитывает ребёнка, я не ожидал.
Лично мне сейчас интереснее читать начинающих блогеров, которые на опыте собственных ошибок и экспериментов стремятся добиться результатов. Будь то заработок или создание вокруг себя читателей не важно.
Просто забудьте о копейках, думайте глобальнее.
Борисов же сам сказал, что ему уже надоело писать о плагинчиках, как настроить ту или иную кнопочку и т.д. Раньше он на его блоге я любил больше проводить время, не то что сейчас, однако аудитория у него от этого не уменьшилась. Все равно у него есть чему поучиться, как не крути.
Про копейки не понял...
Согласен с Максимом в белой бандане. Вложенные в уникальный дизайн средства должны окупаться, а не быть просто дизайном ради дизайна. Пользователь идёт на сайт ради информации, красивый дизайн задерживает его лишь на ограниченное время.
«Копейки» — образное выражение. В погоне за монетизацией сайта, блоггеры забывают об интересах своих читателей. А людям в большей части как раз и интересны советы, «как ...» — вы же знаете, что это одни из самых популярных запросов.
Аудитория ПОКА не уменьшилась, пока страницы на первых местах. Алгоритмы меняются, а вот Борисов за «математикой» уже не следит, и это его огромный минус
Яндекс его блог очень любит, так как у него очень хорошие поведенческие факторы и не какие фильтры ему нестрашны. Что будет дальше неизвестно, сам только сегодня узнал, что Яндекс планирует пессимизировать в выдаче сайты за тизерную рекламу.
Яркий тому пример, как он вставляет в комментариях строчки с ключевыми словами
Не самый идеальный формат релевантности 
А разве у него комментарии не закрыты от индексации.
Опять же, вы считаете, что посещаемость 5000 — это верх предела? Это небольшая цифра, поверьте мне. Такие цифры набирают более скромные блоги, причём никого не учат, как это сделать «всего за 3000 рублей все секреты»
Посмотрите на блог ктонановенького. Автор пишет регулярно объемнейшие, оптимизированные статьи + у него хороший траст и его площадка не барыжит ссылками и прочей нудной рекламой. Так ему удалось приблизиться всего к 9000 уников, не все так просто оказывается.
Я не говорю, что просто. Я говорю о качестве информации. В нашей жизни ничего простого не бывает
Комментарии индексируются.
Внесу и я свои мысли по этому поводу. Если взгляните на семантическое ядро ктонановенького и на ядро Борисова, то можете удивиться по каким запросам приходят люди. У новенького это в большей части запросы связанные с сео и вордпрессом. У Борисова же, много трафика дают такие запросы — где хранить свои пароли, как настроить такой-то софт. Те трафик по сео запросам значительно меньше, чем у запасов Борисова, а конкуренция выше.
Ктонановенького вообще красавчик, до сих пор не перестаю удивляться, как Дима продвигает своей блог. Из-под всех фильтров вышел, пишет каждый день мега объемные посты и плотно сидит в ТОПе. Жалко что его блог больше как информационник, мало контакта с аудиторией, а так все гуд.
С аудиторией действительно мало контактов, скорее всего сказывается не хватка времени на общение. Так как на такого рода статьи уходит далеко не один час.
Если статья действительно качественная то бывает и до 5 часов уйти может.
А по поводу дизайна, если честно уже надоели эти иллюстрированные блоги. Если мне не изменяет память, впервые я такой дизайн увидел у вовки.су и потом понеслось.
Хотя на мой взгляд — эти дизайны ни фига не удобные, юзабилити там никакое. Как по мне — это дизайн чтобы пустить пыль в глаза. Это как с конфетами, обертка красивая, а внутри г...
Так и с большинством блогов с таким дизайном. Я люблю минимализм! На таких сайтах ничего не отвлекает от информации, и если где — то есть графическое оформление какого-то блока, то это сделано чтобы придать дополнительный акцент.
А на рисованный блог заходишь и глаза разбегаются от обилия цветов.
Я сомневаюсь, что он сам все статьи пишет, так как времени на такой объем и частоту выхода надо потратить очень много. Тем более года 3 назад видел на форуме тему, где был размещен пост для поиска копирйтера. Требовалось написать статью про движок Джумла для блога ктонановенького, за 100 баксов. Всего точно не вспомню, но выводы я сделал, что копирайтер точно у Дмитрия имеется.
Про дизайн с вами полностью согласер, графика у Вовки зачетная, сам подобное хотел сделать но ценник не вытянул. ((
Немного разовью блог, тогда и о дизайне можно будет подумать. ➡
Пока у меня стандартный шаблон.
Но в этом году,собираюсь поменять дизайн.
Со всеми пунктами согласен! От себя хочу сказать что минимализм всегда рулит, простота и удобство.
Прочитал все ошибки и ещё раз вспомнил про те которые у меня есть. У меня есть одна страница, которую я всё не могу заполнить, а так же 404 страницу всё никак не оформлю. И ещё в планах есть шрифт поменять, а то меня на блог он очень маленький. Максим, а какой у тебя шрифт на блоге? Если конечно помнишь.![[:-|]](https://seoslim.ru/wp-content/plugins/qipsmiles/smiles/18.png "[:-|]")
Шрифт вроде PT Sans.
Шрифт себе сохранил, а за размер вот забыл спросить. Ну да ладно в ближайшее время поэкспериментирую.![[good]](https://seoslim.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Размер 14::) Попробуй еще шрифт семейства Open Sans., тоже отлично читается, на своих проектах использую его очень часто.
Андрей, спасибо за совет. Зашёл к тебе на сайт посмотреть. У тебя и вправду отличный шрифт, размер тот что надо.![[good]](https://seoslim.ru/wp-content/plugins/qipsmiles/smiles/6.png "[good]")
Все таки хотелось бы урок, как делать такие шаблоны как у вас.
Этот вопрос надо задать дизайнеру, а это его хлеб, поэтому никто инструкцию не даст.
Спасибо, интересная статья.
Из-за обилия баннеров и рекламных блоков часто вынужден покидать некоторые сайты. Страница грузится долго, реклама постоянно сбивает с мысли о прочитанном. Сложно сосредоточиться на материале.
Многие говорят, что дизайн не главное на сайте. Главное чтобы материал был качественный. Я с этим не согласен. По себе знаю, если сайт привлекательный я на него обязательно зайду, и так поступает большинство. Дизайн — один из самых мощных элементов сайта.