Блог Максима Войтика
Публикации о способах
заработка в интернете и SEO
Анализ сайта: Проверка Траста

Как сделать красивый дизайн сайта

29 декабря 2011
Комментарии: 60

Красивый дизайн сайта

Ко мне недавно обратился друг и попросил помочь ему, сделать красивый дизайн молодому сайту. Предложение было заманчивое, так как с дизайном сайта я раньше не работал, но попробовать стоило, так начинать же когда-то надо.

Сперва посмотрите мою новую подборку под названием «Самые красивые сайты интернета», где я для вас подготовил лучшие сайты со всего мира в плане графики.

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

Когда на сайт приходит посетитель, он первым делом обращает свое внимание на дизайн данного сайта, чем красивее дизайн и привлекательней, тем лучше.

Однако не стоит друзья забывать и о самом главном — это о контенте, так как ради него человек и приходит к вам на страницу.

Если вы будете гнаться только за созданием красивого дизайна и забудете про написание полезного контента, тогда такой сайт будет неактуальным.

Как сделать красивый дизайн сайту для друга

Приведу пару пунктов, на которые надо обращать внимание при создании красивого сайта:

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)
Загрузка...
С уважением, Максим Войтик
Буду рад, если нажмете на любую из кнопок:
Комментарии (60)
  1. Newtone в 21:03

    Очень раздражает тизерная реклама и попап баннеры! Когда захожу на сайт и первое что я вижу что посреди экрана появляется баннер или открывается ещё одно окно с рекламной страницей тут же закрываю и то и другое. Больше на том сайте я вряд ли появляюсь если только по ссылкам из спама. :) Минимализм и аккуратность, вот чего хочет видеть посетитель.

    Ответить
    • Николай в 20:39

      Здравствуйте! Раз тут дело о дизайне можете посмотреть на моем блоге, только сегодня сделал дизайн как он вам, плизз посмотрите!

      Ответить
      • Максим Войтик в 22:16

        Если хотите заказать анализ сайта, пишите на почту.

        Ответить
  2. pcgod в 11:25

    Попап баннеры согласен раздражают неимоверно.

    Пример — зайцев.нет, просто загажен рекламой.

    Ответить
    • Николай в 19:42

      Зайцев нет это вообще что то просто ужас!!!! 🙁 %)

      Ответить
  3. maxims в 23:52

    Зато они не мало денег поднимают, поэтому им даже не надо делать красивый дизайн сайта :-D :-D :-D

    Ответить
  4. Руслан в 23:52

    Очень познавательная статья, я как то задумался о поапе, судя по комментариям, это раздражает.

    Спасибо за посещение моего сайта.

    Ответить
  5. Елена Юдина в 21:15

    Подскажите, Максим, а где-то у Вас можно почитать, как украсить дизайн сайта таким уникальными изображениями, как у Вас? Очень понравилось, что они все в одинаковом обрамлении. Не подскажите, где можно об этом узнать? 🙂

    Ответить
    • Максим Войтик в 21:35

      Что за изображения вы имеете ввиду? Те что в начале статьи идут?

      Ответить
      • Елена Юдина в 21:52

        Да, те, которые у Вас на главной в анонсах публикуются 🙂

        Ответить
      • Максим Войтик в 00:35

        Создал балванку (шаблон), с помощью фотошопа. Делается за 5 минут. А потом при публикации статьи в нее подставляю нужные мне изображения и вписываю текст.

        Ответить
      • Елена Юдина в 16:32

        А слабО сделать пост или еще лучше видеоурок? 🙂 Думаю, что многим было бы интересно, как это сделать.

        Ответить
      • Максим Войтик в 21:16

        Хорошо сделаю видеоурок, но только через несколько постов.

        Ответить
  6. Елена Юдина в 22:02

    Спасибо огромное 🙂 Пусть и через несколько, не горит. Просто я уже что-то подобное вижу не на одном блоге, вот и заинтересовалась. Максим, буду ждать 🙂

    Ответить
  7. Максим в 17:56

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

    Решил, что буду рисовать сам, сначала на листочке, потом обрабатывать в фотошопе, поспетенно познавая азы и тонкости данной программы.

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

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

    Может вы что-то можете подсказать по простым решениям создания дизайна и цветовой карты для сайта?

    Ответить
    • Максим Войтик в 18:08

      Я рекомендую все-таки обратиться к специалистам. Возможно вы еще таких не встречали. :)

      Ответить
      • Максим в 08:19

        В тои-то и дело, что специалистов много, НО воплотить идея автора в жизни и сделать рисунок таким, как мне хочется не могут. Творчество, одним словом. Может у вас есть кто-то на примете?

        Ответить
      • Максим Войтик в 18:26

        Нет такого нет, так как сам ищу дизайнера для своей шапки блога. :)

        Ответить
  8. Максим в 23:24

    Я создал сегодня шапку для сайта, прошу вашу оценку marseo.ru

    Ответить
    • Виталий в 23:30

      Ваш блог это что-то нечто 😆 вы что шутите?

      Ответить
      • Максим в 14:01

        Он еще не готов, это творческий проект, никак не могу найти «точку опоры» — каша в голове.

        Ответить
  9. Виталий в 15:01

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

    — Заказать данный дизайн в дизайнера (если умеете, нарисовать самому, но это вряд ли, для этого же нужны специальные знания).

    — заказать верстку нарисованого дизайна.

    — интегрировать готовую верстку в движок.

    Вот только тогда можно сказать, что у вас уникальный дизайн! А какие-то там изминения в таблицах стилей в шаблоне это не дизайн, а как говорится: «шо попало»!

    Ответить
  10. Виталий в 15:02

    Да, еще забыл сказать, что всё вышеописаное обойдется в кругленькую сумму :)

    Ответить
    • Максим в 15:56

      Вот она проблема проблема и озвучена :)

      Очень сложно найти дизайнера, который может реализовать идеи.

      А тот, который может, просит очень много денег.

      Где же бедным студентам-блоггерам взять столько?

      Ответить
    • Максим в 15:58

      Опять же «уникальный дизайн» — это такое относительное понятие. Кому-то понравится, а кто-то и не заметит его.

      Ответить
  11. Алексей в 07:19

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

    Ответить
  12. Жук Юрий в 10:02

    Уникальный дизайн, конечно, лучше заказывать у профессионала. Например, как у Александра Борисова. Но это реально дорого. Помню он писал, что 20 тысяч верстка и 20 тысяч дизайн, рублей разумеется.

    Ответить
    • Максим Войтик в 19:01

      Мне нравится его дизайн, я очень люблю рисованную графику в стиле Dave Hill. Беда что это дорогое удовольствие. Я запланировал в этом году поменять себе дизайн, но никак не могу найти компромисс между чем-то легким и рисованным.

      Ответить
      • Максим в 19:18

        Вы серьезно думаете, что дизайн сайта/блога может реально отразиться на его посещаемости? Я сегодня получил в почту спам от кулинарного сайта, перешёл по ссылке. На главной странице используется как минимум 25 разных шрифтов, 25 разных цветов, 25 разных подчеркиваний, пунктиров, курсивов. А посещаемость в тысячи раз больше, чем у Борисова. Там отвратительное оформление, и тем не менее это видимо не мешает читателям. Я сбежал через минуту, думал глаза вытекут :)

        Ответить
      • Максим Войтик в 22:51

        Буду рад Максим если кинете ссылку на него.

        Ответить
      • Максим в 23:03

        Конечно, я уже его себе в закладки добавил. Буду всем показывать, кто скажет, что у меня на ucoz-овском сайте дизайн «на коленке сделан» :) supercook.ru — глаза только не сломайте :)

        Ответить
      • Максим Войтик в 23:12

        Ничего себе!!! Посещаемость в день 54 000! Дизайн вообще ужас. Я так и не понял о чем этот сайт, где статьи. Все в кучу перемешано, шрифты сливаются, а вот Яндекс его просто обожает с Гуглом. ТИЦ-1400 и PR-4. Вот только я не заметил там контекстной рекламы, неужели хватает этих тизеров?

        Ответить
  13. Максим в 23:19

    Вот Вам и показатель. Это конечно частный случай. Сделайте Вы такой ужасный сайт, вряд ли у Вас такая посещаемость будет. Но прецендент уже есть. А это означает, что не стоит так уж зацикливаться на дизайне. Два года, когда я только садился за свой первый сайт, провел соц-опрос, который показал, что дизайн важен в большей части исключительно дизайнерам, а вот обычным пользователям — «всё равно» — это самый популярный ответ был среди опрашиваемых. Так что уж если и хотите потратить деньги, тем более в размере 40000 тысяч, а это две з/п среднестатистического россиянина. То уж вложите их в собственное продвижение, это гораздо эффективнее :)

    Ответить
    • Максим Войтик в 15:07

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

      Ответить
      • Максим в 15:53

        Что же Вы всё на деньги переводите? :) Неужели сайт нужен только для заработка? Я именно поэтому перестал читать Борисова, что его блог стал «инфо-продуктом». Интересной информации он больше не публикует, а все письма, которые приходят в почту от него, формата — «купи, а то подорожает». Делайте сайты для людей, а на таких сайтах (особенно в тематике сео и заработка) важен интересный и полезный контент, а не красивый дизайн. Ваш сайт не фото-студия же, точно так же и кулинарный сайт, туда посетители приходят за новыми рецептами, а не за картинками :)

        Ответить
      • Максим Войтик в 16:09

        Как не крути, но все мы хотим получать копейку от своих проектов, а учитывая что там есть тизеры, так этот кулинарный сайт не исключение.

        Ответить
      • Максим в 17:12

        Поверьте, опытным и грамотным сеошникам не интересно читать про копейки. Копейками интересуются исключительно «школьники» или люди со знаниями школьника. Такую аудиторию вокруг себя как раз собрал Борисов. Я перестал читать его после видео-поста о друзьях, такого бреда от человека, который воспитывает ребёнка, я не ожидал.

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

        Просто забудьте о копейках, думайте глобальнее.

        Ответить
      • Максим Войтик в 18:44

        Борисов же сам сказал, что ему уже надоело писать о плагинчиках, как настроить ту или иную кнопочку и т.д. Раньше он на его блоге я любил больше проводить время, не то что сейчас, однако аудитория у него от этого не уменьшилась. Все равно у него есть чему поучиться, как не крути.

        Про копейки не понял...

        Ответить
  14. Максим в 19:09

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

    Аудитория ПОКА не уменьшилась, пока страницы на первых местах. Алгоритмы меняются, а вот Борисов за «математикой» уже не следит, и это его огромный минус :)

    Ответить
    • Максим Войтик в 19:19

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

      Ответить
  15. Максим в 19:10

    Яркий тому пример, как он вставляет в комментариях строчки с ключевыми словами :) Не самый идеальный формат релевантности :)

    Ответить
    • Максим Войтик в 19:19

      А разве у него комментарии не закрыты от индексации.

      Ответить
  16. Максим в 19:16

    Опять же, вы считаете, что посещаемость 5000 — это верх предела? Это небольшая цифра, поверьте мне. Такие цифры набирают более скромные блоги, причём никого не учат, как это сделать «всего за 3000 рублей все секреты» :)

    Ответить
    • Максим Войтик в 19:22

      Посмотрите на блог ктонановенького. Автор пишет регулярно объемнейшие, оптимизированные статьи + у него хороший траст и его площадка не барыжит ссылками и прочей нудной рекламой. Так ему удалось приблизиться всего к 9000 уников, не все так просто оказывается.

      Ответить
      • Максим в 19:30

        Я не говорю, что просто. Я говорю о качестве информации. В нашей жизни ничего простого не бывает :)

        Комментарии индексируются.

        Ответить
      • Масалкин Андрей в 06:31

        Внесу и я свои мысли по этому поводу. Если взгляните на семантическое ядро ктонановенького и на ядро Борисова, то можете удивиться по каким запросам приходят люди. У новенького это в большей части запросы связанные с сео и вордпрессом. У Борисова же, много трафика дают такие запросы — где хранить свои пароли, как настроить такой-то софт. Те трафик по сео запросам значительно меньше, чем у запасов Борисова, а конкуренция выше.

        Ответить
      • Максим Войтик в 12:44

        Ктонановенького вообще красавчик, до сих пор не перестаю удивляться, как Дима продвигает своей блог. Из-под всех фильтров вышел, пишет каждый день мега объемные посты и плотно сидит в ТОПе. Жалко что его блог больше как информационник, мало контакта с аудиторией, а так все гуд.

        Ответить
      • Масалкин Андрей в 13:40

        С аудиторией действительно мало контактов, скорее всего сказывается не хватка времени на общение. Так как на такого рода статьи уходит далеко не один час.

        Если статья действительно качественная то бывает и до 5 часов уйти может.

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

        Хотя на мой взгляд — эти дизайны ни фига не удобные, юзабилити там никакое. Как по мне — это дизайн чтобы пустить пыль в глаза. Это как с конфетами, обертка красивая, а внутри г...

        Так и с большинством блогов с таким дизайном. Я люблю минимализм! На таких сайтах ничего не отвлекает от информации, и если где — то есть графическое оформление какого-то блока, то это сделано чтобы придать дополнительный акцент.

        А на рисованный блог заходишь и глаза разбегаются от обилия цветов.

        Ответить
      • Максим Войтик в 14:42

        Я сомневаюсь, что он сам все статьи пишет, так как времени на такой объем и частоту выхода надо потратить очень много. Тем более года 3 назад видел на форуме тему, где был размещен пост для поиска копирйтера. Требовалось написать статью про движок Джумла для блога ктонановенького, за 100 баксов. Всего точно не вспомню, но выводы я сделал, что копирайтер точно у Дмитрия имеется.

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

        Ответить
  17. Жук Юрий в 10:00

    Немного разовью блог, тогда и о дизайне можно будет подумать. ➡

    Ответить
  18. Игорь в 21:34

    Пока у меня стандартный шаблон.

    Но в этом году,собираюсь поменять дизайн.

    Ответить
  19. Дмитрий в 21:57

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

    Ответить
  20. Александр в 23:15

    Прочитал все ошибки и ещё раз вспомнил про те которые у меня есть. У меня есть одна страница, которую я всё не могу заполнить, а так же 404 страницу всё никак не оформлю. И ещё в планах есть шрифт поменять, а то меня на блог он очень маленький. Максим, а какой у тебя шрифт на блоге? Если конечно помнишь. [:-|]

    Ответить
    • Максим Войтик в 23:50

      Шрифт вроде PT Sans.

      Ответить
      • Александр в 00:49

        Шрифт себе сохранил, а за размер вот забыл спросить. Ну да ладно в ближайшее время поэкспериментирую. [good]

        Ответить
      • Масалкин Андрей в 07:09

        Размер 14::) Попробуй еще шрифт семейства Open Sans., тоже отлично читается, на своих проектах использую его очень часто.

        Ответить
      • Александр в 16:44

        Андрей, спасибо за совет. Зашёл к тебе на сайт посмотреть. У тебя и вправду отличный шрифт, размер тот что надо. [good]

        Ответить
  21. Алексей в 16:05

    Все таки хотелось бы урок, как делать такие шаблоны как у вас.

    Ответить
    • Максим Войтик в 18:45

      Этот вопрос надо задать дизайнеру, а это его хлеб, поэтому никто инструкцию не даст.

      Ответить
Оставить свой комментарий
Обязательно ознакомьтесь с правилами комментирования!!! СПАМ будет удален!
:) :-D ;-) :-| [star] [good] [present] [flower] [:-))] [:))] [:--_)] [:-|]

© 2011-2017 seoslim.ru, блог Максима Войтика

Внимание! Копирование материала строго запрещено. Соблюдайте авторские права и уважайте труд других людей!