Все новости высоких технологий на сайте nokiamaemo.ru


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

Информация 03-июл 21:08   Самохин Антон

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

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

Для тех, кто ничего не понимает в программировании, но хочет самостоятельно сделать себе сайт есть замечательный конструктор сайтов «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 комментариев

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

Введите цифры или буквы, показанные на изображении: *

Похожие новости