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

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

кнопки

Начнем со стандартных кнопок. Они создаются с помощью html-кода, а не при помощи графических инструментов. Если вы видели, как выглядят кнопки “да” при удалении файла, или “отмена” в свойствах файла, то вы знаете, как выглядит стандартная кнопка. Можно на нее щелкать, задавать ей различные функции, даже менять ее дизайн, несмотря на то, что она стандартная, но не стоит использовать такую кнопку в качестве ссылки.

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

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

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

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