кнопки

Найдено 8 совпадений
preview
28 мая 2017

Сделать некрасивые пропорции у кнопок на сайте очень просто. Можно сделать верхний и нижний паддинг больше левого и правого: Или наоборот сделать вытянутую колбасу: Офтоп: Бывают случаи, когда большие левый и правый паддинги оправданы — например, кнопка на смартфонах растянутая на всю ширину экрана частенько гораздо лучше смотрится. Но «сосиски» на декстопе — так себе. А […]

preview
16 марта 2017

Когда я только начинал заниматься дизайном сайтов, я уже заботился о верстальщиках и подготавливал им отдельный файлик с кнопочками: Наерное, у них взрывался мозг от моей заботы… Жуть, да? Как же в то время мне не хватало подобного блога, где кто-нибудь написал бы, что это — ну такое… Приходилось прокачивать экспу самому. Зато теперь есть чем поделиться =) Делюсь лайфхаком: Каждую кнопку достаточно показать один раз в трех состояниях […]

preview
3 октября 2016

Часто заказчик не может определиться, какие кнопки ему больше нравятся: с острыми углами или закругленные, или вообще с круглыми краями. И он так и говорит: «На твое усмотрение» Интересно, как вы издеваетесь над скруглением кнопок в таком случае? Да, зависит от заданной стилистики, но возьмем среднестатистический дизайн сайта, что вы в таком случае ставите в настройках на свое усмотрение? Скругление в 2 пх не добавлял в опрос, так как оно визуально практически не заметно […]

preview
27 декабря 2015

Заказчик получил сайт без динамических кнопок: нет ни ховера, ни активного состояния (клик по кнопке). Как-то год назад я порекомендовал заказчикам, не оплачивать работу, если дизайнер не прислал инфу по кнопкам. А вот ответственность на верстальщике, кмк, ведь он работает после дизайнера. Портфолио Для меня очевидно, что если верстальщик добавляет верстку сайта в портфолио, в которой кнопки статичны — это плохой верстальщик, который к тому же не умеет себя продавать. К нему […]

preview
26 ноября 2015

Иногда встречаются блоки социальных сетей, по которым не понятно, что произойдет при нажатии на кнопку. Кнопки социальных сетей бывают двух типов: Инвайт. Присоединиться — нажать кнопку, чтобы открыть группу сайта в соц. сети Шаринг. Поделиться — нажать кнопку, чтобы поделиться ссылкой у себя на страничке в соц. сети Если задача кнопок рассказать, что в соц. сетях есть группы сайта, в которую милости просим, то можно просто добавить […]

preview
20 июня 2015

Когда я только начинал свой путь в вебе, мне попался проект на локализацию логотипа. Исходников английского варианта не было, и пришлось делать с нуля. В процессе для эффекта объема я заюзал то, что нельзя ни при каких условиях использовать — Bevel and Emboss (Скос и рельеф). Мне казалось, что я сделал очень похоже, вот только менеджер со стороны заказчика из московского офиса (теперь спасибу ей могу смело сказать, а тогда недоумевал почему […]

preview
4 декабря 2014

За окном уже во всю витрины пестрят 2015 годом, а мы все еще передаем привет в 2005: самый ужасный ховер-эффект — отзеркаленный градиент. Нередко такой эффект делают верстальщики, когда к ним попадает макет без каких-либо вообще состояний кнопок. Но у них либо совесть есть (не отдавать же заказчику без динамических кнопок), либо заказчик попросил «ну как-нибудь сделай, а?» Ребят, лучше осветляйте / затемняйте / добавляйте контур / все что угодно, но только […]

preview
16 ноября 2014

У любой кнопки должны быть 3 состояния: обычное (default), ховер (hover) и состояние нажатия (active). Иногда необходимо четвертое состояние — неактивное (inactive). Кнопки, которые невозможно повторить средствами ccs, делают через спрайты. Я часто вижу свои сверстанные макеты с кривым состоянием нажатия. Вот спрайт: Заметно, что состояние клика смещено на несколько пикселей по оси Y. Тот же спрайт с направляющими: Почему-то все, ну хорошо, почти все верстальщики, которые […]