03.07.2017

12 ошибок, которых можно избежать при верстке сайта.

Информация
В закладки

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

верстка сайта

Для тех, кто ничего не понимает в программировании, но хочет самостоятельно сделать себе сайт есть замечательный конструктор сайтов «Tilda Publishing». С помощью такого конструктора разработка адаптивных сайтов требует минимум времени и совершенно не требует знаний php, css, html, sql и прочих премудростей. При этом сайты получаются с профессиональным дизайном, поддерживают мобильные устройства, а также оптимизированы для дальнейшего сео продвижения.

1) Понты дороже денег. Мое мнение для большинства простых сайтов или блогов логотип — это понт. Он ему не нужен, пользы мало, но это дань моде. Если случилась такая оказия, и на вас легла нелегкая задача мало того, что придумать логотип, так еще его и нарисовать, то вариантов всего лишь два. Первый, отдать кому-либо из знакомых — пускай рисуют, вы же не специалист в этом деле. Второй вариант – можно с помощью обычного редактора сверстать любой логотип, было бы желание.

2) Все надо в меру – гласит народная мудрость. Так и с баннерами надо поступать. Во-первых, самое удобное и универсальное расположение баннеров это под шапкой сайта. Можно конечно по бокам текста, но большое количество их может лишь вызвать негатив у посетителя сайта.

3) Незачем озаглавливать те блоки сайта, которые и так понятны посетителю. Это может вызвать не совсем правильное мнение о разработчике, поскольку, например, теги в навигационном блоке являются не совсем навигационным инструментом. А вот еще перл: «Меню сайта». Короче, посмеялись и больше так не делайте.

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

5) Раз зашла речь о тексте, то следует сказать, что текст не должен быть ни узким (в угоду баннерам) и ни широким (горизонтальная полоса прокрутки – враг читабельности текста). На практике уже давно известно, что текст идеально смотрится, если его размеры составляют 60-70% от ширины страницы, крайняя величина – 50%.

6) Еще один враг читабельности текста – размер шрифта. Если вы хотите сайт для себя любимого, то конечно, можете сделать любой шрифт. Но если вы рассчитываете на популярность вашего сайта, то текст должен быть оформлен шрифтом не меньше 10. Шрифт не должен быть обязательно красивый, витиеватый, или оригинальный – он не должен утомлять глаза и быть понятным. Если вы не знаете, какой выбрать, берите уже проверенный поколениями — Arial или Times New Roman. К нему уже все привыкли и всем нравится.

7) Все ссылки на сайте надо подчеркивать. И это касается всех ссылок и на всех сайтах. Если вы увидели не подчеркнутую ссылку, а она должна быть на этом месте, подчеркните.

8) Теперь о фоне текста. Яркие, кислотные, мрачные и грязные цвета это не для вас. Фон текста должен в идеале быть незаметным, и лишний раздражитель здесь не нужен. Классикой являются цвета белые, белоснежные, фисташковые, короче, все нежное и светлые. Если же сайт по требованию заказчика должен быть темным, под сам текст желательно подложить светлые тона. Черный цвет текста идеально смотрится белом, и наоборот, белый на черном фоне.

9) Идеальное сочетание фона текста получается, если вы изначально наберете текст черным, фон сделаете белым, а ссылки — синим (так уж сложилось). Только после этого начинайте экспериментировать с фоном текста.

10) Не стоит применять какие-либо стили к textarea или input. Не надо навязывать свой вкус пользователю.

11) Не надо нагружать страницу ненужной и лишней информацией. Например, если в разделе «Комментарии» нет самих комментариев, то желательно не писать, что их там ноль. Просто не надо писать и все.

12) И последнее, если хотите сделать сайт простым для восприятия и использования, надписи на навигационных кнопках должны быть лаконичны и отражать саму суть — «Переход на форум» можно прекрасно заменить «Форум».

Комментарии (0)
Добавить комментарий
Прокомментировать
Что такое прокси и для чего нужна анонимность в сети
Интернет изначально предполагал собой свободное информационное пространство, где пользователи смогут делиться и получать любую информацию везде, где есть хоть
Кто дает сайтам имена
Кто дает сайтам имена
Кто дает сайтам имена
19.07.18 Информация
Мало кто из пользователей интернета открывая очередной сайт задумывается, как все это работает, откуда у сайта имя и кем все это регулируется. Нам часто говорят, что
Ужесточение законодательства о сборе персональных данных.
Для многих владельцев сайтов в России понятие «сбор персональных данных» было до 1 июля незнакомым. При этом их сайты имеют соответствующие формы, где пользователь
Виртуальный хостинг и виртуальный сервер
Многим фирмам, компаниям, средствам массовой информации и даже простым людям просто жизненно необходимо иметь свой сайт в интернете. Однако без опыта или специальных
Поручите создание интернет-магазина профессионалам
Для успешного продвижения бизнеса сегодня важнейшим фактором является наличие сайта, где пользователь мог бы почерпнуть определённые сведения. Не секрет, что доступность
Внутренняя и внешняя оптимизация сайта
Сайты, сайты, сайты-сколько же их появилось за последнее время в интернете. Есть прекрасно организованные, а есть и однодневки, которые очень часто обманывают людей и