Как стать автором
Поиск
Написать публикацию
Обновить

Комментарии 55

Эту статью стоит показать многим дизайнерам/верстальщикам со словами: «Учитесь, блин!».
Всего голосов 33: ↑32 и ↓1+31
Согласен. Вещи, вроде бы, очевидные, но многие пытаются изобретать что-то свое уникальное, считая это творчеством, не успев набраться опыта.
Всего голосов 12: ↑9 и ↓3+6
НЛО прилетело и опубликовало эту надпись здесь
при том, что чтобы дизайнер не нарисовал, хороший верстальщик, видя, что нарисованное совсем не торт, сверстает хорошо.
Всего голосов 7: ↑3 и ↓4-1
НЛО прилетело и опубликовало эту надпись здесь
Радуйтесь, что с вами не начали спорить и сливать карму. :-D

Статья классная, про обводку запомнил.
Всего голосов 1: ↑1 и ↓0+1
Не знаю, значит просто мне нравится доводить до идеала свою работу.
Всего голосов 3: ↑2 и ↓1+1
А клиенты потом не задают вопросов: «А почему тут кнопка не как в макете?»
Комментарий пока не оценивали0
Нет, моя верстка обычно проходит этап согласования с руководством.
Всего голосов 2: ↑1 и ↓10
Чувак, такая же фигня. Имею смелость вмешиваться в святой макет, и убеждаю заказчика что я прав.
На душе становится легче.
Всего голосов 1: ↑1 и ↓0+1
Убедить заказчика можно в чем угодно. Но по-настоящему хорошая работа получается тогда, когда дизайнер и верстальщик работают вместе и обсуждают принимаемые решения друг с другом.
Всего голосов 1: ↑1 и ↓0+1
Скорее надо было ответить так: «Хороший верстальщик должен уметь объяснять дизайнеру, что тот не прав, до момента сдачи дизайна клиенту. А хороший дизайнер, соответственно, узнавать мнение верстальщика».
Всего голосов 4: ↑4 и ↓0+4
Да, вы правы. По моему ответу видно, что я боюсь общаться с дизайнером и боюсь высказывать свою точку зрения. Конечно же, это не так. Если мне кажется, что в дизайне не хватает какого-то элемента, или элемент несет неполную функциональную нагрузку или не несет ее в принципе, мы обсуждаем это, я стараюсь посоветовать, как бы это могло выглядеть лучше.
Всего голосов 2: ↑1 и ↓10
Хороший верстальщик сверстает то, что ему дадут. Проблема дизайна это проблема дизайнера и владельца сайта.
Всего голосов 2: ↑1 и ↓10
А как же профессиональная самостоятельность верстальщика? Во многих компаниях при устройстве на работу положительным качеством верстальщика является способность додумывать то, что не смогли додумать его коллеги.
Всего голосов 2: ↑1 и ↓10
Между додумать, и сверстать как захочется есть тонкая, но важная грань.
Всего голосов 2: ↑2 и ↓0+2
Я имею в виду именно додумать. Сверстать как захочется я могу и без дизайнера.
Всего голосов 2: ↑1 и ↓10
А с каких полей я должен тратить не оплаченное время, на то что бы подчистить неТорт от дизайнера? Вы не правы. Верстальщики не причем.

Врпочем я считаю что людей которые не умеют верстать или ничего не знают о html/css вообще не пушечный выстрел нельзя к дизайну сайта подпускать!
Всего голосов 1: ↑1 и ↓0+1
Стало быть вы мне в карму плюнули за то, что мое мнение не совпадает с вашим? Ну удачи.
Всего голосов 2: ↑1 и ↓10
o.O
Всего голосов 3: ↑2 и ↓1+1
Телепат, фигле. Что на самом деле нужно клиенту, догадается. Кто в карму плюнул, узнает :)
Всего голосов 2: ↑2 и ↓0+2
Я просто хотел сказать, что верстальщик — не робот. Он не должен слепо верстать говнодизайн, опрадываясь тем, что тратит время, что это проблемы дизайнера и собственно владельца сайта. Это вкорне неправильно.
Всего голосов 2: ↑1 и ↓10
Вам сколько лет? Знаете, взрослость обязывает. Я 100000000 раз подумаю, перед теми как тратить свое время на религиозное «красиво» в убыток благосостояния своей семьи.

Я искренне понимаю ваше стремление к перфекционизму, но милуйте, ваши потуги будут ценить единицы! И когда среди масс говнокодеров-школьников(они кстати не все говнокодеры), которые демпенгуют рынок, тратить на работу 16 часов вместо 14 а то и 10-8 в зависимости от количества «неТорт» дизайнера, довольно не приятно. Рано или поздно РАЦИОНАЛЬНОСТЬ возмет над вами вверх.

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

Хотя в 90% случаев я отправляю ноты дизайнеру. Это нормально.
Комментарий пока не оценивали0
Скорее всего, мы друг друга просто не поняли. Я говорю не об извращенном pixel perfect, а об обычной красоте, когда бесит, что пиксель или два в блоке режут глаз.

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

Понимаю, что звучит это сообщение несколько странно, после всех верхних, однако именно так на практике у меня и получается.
Всего голосов 1: ↑1 и ↓0+1
Хотя бы потому, что не редкость — это одна и та же личность :))
Всего голосов 2: ↑1 и ↓10
Я бы сказал Дизайнерам. Так как верстальщики, чаще в этом вопросе оказываются более продвинутыми, дизайнеры же, я о массах говорю, досихпор рисуют лебедевскую красатульку, и торчат безбожно от своей суперовости! Тьфу ты!
Комментарий пока не оценивали0
НЛО прилетело и опубликовало эту надпись здесь
НЛО прилетело и опубликовало эту надпись здесь
Вот это образец настоящего юзабилити! Супер.
А не то, что некоторые «теоретики» пытаются нам за него выдать.
Всего голосов 10: ↑6 и ↓4+2
В основном пользуюсь кнопками Twiiter bootstrap
Всего голосов 5: ↑3 и ↓2+1
Если бы ещё научились менять перспективу в зависимости от прокрутки — такое себе псевдо-3Д было вы вообще здорово
Всего голосов 4: ↑2 и ↓20
Думаю, это вполне возможно сделать текущими средствами.
Всего голосов 8: ↑5 и ↓3+2
Спасибо за перевод. А дайте ссылочку на источник пожалуйста.
Всего голосов 4: ↑2 и ↓20
В конце поста же. Между автором и социальными кнопками.
Всего голосов 2: ↑2 и ↓0+2
простите туплю
Всего голосов 4: ↑3 и ↓1+2
Огромный плюс еще в том, что всё наглядно показано. Сохранил себе статью. Переводчику спасибо :)
Всего голосов 1: ↑1 и ↓0+1
В восьмом пункте кнопка все же «направо», а не «налево» (an arrow pointing right), а то когнитивный диссонанс приключается.
Всего голосов 2: ↑2 и ↓0+2
Исправил, спасибо
Всего голосов 1: ↑1 и ↓0+1
В избранное, однозначно.
Всего голосов 1: ↑1 и ↓0+1
Какие красивые кнопки!
Всего голосов 1: ↑1 и ↓0+1
Отличный перевод, спасибо =)
Всего голосов 1: ↑1 и ↓0+1
Спасибо за перевод! Кто знает, что за чудо-шрифт используется в кнопочках? :)
Всего голосов 1: ↑1 и ↓0+1
По-моему, это обычная Хельветика. Может только немного сжатая
Комментарий пока не оценивали0
Нет, точно не Гельветика :)
Всего голосов 1: ↑1 и ↓0+1
Похож на Din
Всего голосов 2: ↑2 и ↓0+2
Комментарий пока не оценивали0
А какой на кнопках использован шрифт не подскажете?
Очень уж он мне понравился, простенько и со вкусом.
Всего голосов 1: ↑1 и ↓0+1
Возможно Din
Всего голосов 1: ↑1 и ↓0+1
Спасибо за перевод! Примеры очень стильные, без лишних деталей.
Всего голосов 1: ↑1 и ↓0+1
во многом согласен
во многом не согласен…

1. Кнопка должна быть Глаголом. Кнопка выполняет действие, это глагол. Пример: Загрузка — не правильное название. Загрузить — правильное, но после этого должна сразу пойти загрузка.

2. Про иконки — сложная тема. Иконка должна давать юзеру понять не что будет, а каково состояние кнопки сейчас. К теме про стрелочки… Стрелочка вбок означает что элемент свёрнут, а стрелочка вниз — развёрнут. Я бы такое вообще на кнопке не размещал.

3. Про состояние — во многих пунктах одно и тоже с разных сторон обмусоливается… Идея проста: определить возможные состояния и отрисовать их. Всё.

4. Надо учиывать локализацию.

В целом статья интересная, есть над чем подумать, но это не руководство к действие, увы.
Всего голосов 4: ↑4 и ↓0+4
Есть еще реальный процесс разработки дизайна.
Как правило очень много времени тратится на общий прием концепта, рассматривается не один вариант, и тут до мелочей и проработки деталей руки уже не доходят так как начинают гореть сроки.
Поэтому после принятия концепта должен выделяться отдельный процесс на проработку мелочей, и всех описанных в статье деталей.

Всего голосов 1: ↑1 и ↓0+1
Перевод отличный.

Генератор кнопки для Bootstrap фреймворка
charliepark.org/bootstrap_buttons/
Кнопки на все случаи жизни
www.sciweavers.org/i2style
Еще кнопки
super.hubspot.com/buttons/
Еще известный генератор
css-tricks.com/examples/ButtonMaker/
Кнопки от зубров
www.zurb.com/blog_uploads/0000/0617/buttons-03.html

Всего голосов 5: ↑5 и ↓0+5
Хороший и нужный перевод. А то сейчас такие сайты что хочется дизайнера сжечь или видеть натянутым на кол
Всего голосов 1: ↑1 и ↓0+1
Тему кнопок можно копать дальше: с т.з. WAI-ARIA и взаимоотношений с клавиатурой (особенно с tab-ом и нюансами outline свойства css)
Всего голосов 1: ↑1 и ↓0+1
Также хотелось бы поделиться двумя пакетами для прототепирования интерфейсов. Мне кажется они позвоялют сильно экономить время при разработке интерфейсов:
Futurico UI Free: designmodo.com/futurico/
Impressionist UI Free: designmodo.com/impressionist-free/
Комментарий пока не оценивали0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Показать лучшие за всё время

Истории

Ваш аккаунт

Разделы

Информация

Услуги

Техническая поддержка
© 2006–2024, Habr