Часто забываемые элементы дизайна

[pratamishus]

ru | en — вот в этом я много времени потерял. Особенно в формах. Зачастую приходится создавать отдельные css файлы :)

[bigdogsru]

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

[adlopez]

f еще бывает когда выдаешь верстаку все-вымереное до пиксела, делаешь гайд и UI файл с разметкой-говоришь что интерлиньяж у блоков такой-то, отсупы от заголовков 1,5 между анонсами 2-итд-а вотом видишь что он тупо все воткнул копипастом-к заголовкам стили прикрутил, к ссылкам прикрутил и все. А на вопрос а чего интерлиньяж такой-он говорит-а сколько должно быть?

Все кнопки с 1 стейтом, все криво косо, и он тебе говорит-ну блин на тесте поправим. Так что разные бывают люди-попрошу не обобщать.

[shaelf]

Полностью поддерживаю. Я хоть и не проф. верстальщик, но верстать приходится иногда. Про состояние кнопок и ссылок я уже забыл давно, PSD у 70% составляют пронумерованные layer (layer1, layer2, layer3, etc..). Часто даже на цвета забивают, а потом начинается «а тут не такой должен быть цвет, на других страничках же другой», хотя я буквально пипетка -> скопировать цвет как html.

[ExcimeR]

Бывает что дизайнеру заказывают «Общую концепцию», а заказчик за остальные страницы просто не готов платить и отмахивается на «Остальное стандартно». Как правило тут и верстальщик шарашит Стандартно за 500 рублей. Заказчик съэкономил и доволен.

Думаю, толковый дизайнер сам прекрасно знает что надо отрисовать и что он может забыть. Просто не всегда готовы за это платить. Конечно, негоже забывать про качество работы, но и тут не безгранично терпение. Впроцессе работы встает вопрос перед заказчиком по дополнительным работам и тут решение за клиентом. Если он выбрал не платить, то он же не скажет Верстальщику что не стал платить за дополнительные элементы и попросит его сделать стандартно.

Если же говорить про процесс в студии, то тут уже договоренности Дизайнер-Технолог. У нас как правило Технолог говорит что ему необходимо отрисовать и сделать, а что он сам сделает. Наш Технолог молодец и он вполне многое делает сам.

[JhaoDa]

А ещё бывают макеты, в которых среди нормально названные и группированных слоёв, есть пицот слоёв с названиями типа «Layer28». 80% из них отмерли в процессе работы над макетом, а вот 20% ещё актуальны. Увлекательнейший, мля, квест…

[adlopez]

ой тут все просто-кнопка есть-убить все выключеные слои

макет-final? значит все что видно -надо-сотальное нет. Если там были всякие ховеры-то об этом можно спросить-типа дизайнер а у тебя все стейты в макете? или я убиваю все слои не влюченые-обычно если дизайнер не уверен-то начинает сам шелестеть.

Бывают другие истории-когда верстак не умеет вырезать разные размытости с режимами наложения, или не умеет оптимизировать картинки-я всегда помогу-советом или делом-мне не сложно. Как тут сказали говнюков везде навалом-но есть и нормальные. Ищите себе подобных.

Поверьте не всегда в 30 скринах бывает возможно поправить 60 завитушек-которые в последний момент заказчик именил-в уже заапрувленых макетах. Не всегда имеет смысл пдписывать все слои-если есть папка-которая называется «иконка»- вы ее сливаете в 1 и все. У всех бывают косяки и недоработки-на это у людей есть язык и разум-что бы спрашивать и искать компромисы. Потому что у всех на выходе одна цель-сделать так, что бы не стыдно показать было.

[JhaoDa]

Вот пусть дизайнер и нажмет эту кнопочку, прежде чем отдавать макет. А так же распихает оставшиеся «LayerХХ» по папкам, к которым они логически относятся (а то ведь они в корне валяются), если ему уж так в лом дать им вменяемые имена.
При чём тут поправка 30 скринов?
P.S. <irony>Из вашего камента куда-то пропала часть пробелов, запятых и точек. Парсер — лох?</irony>

[adlopez]

Да кстати-я дизайнер)))

[iSeiryu]

Это было очевидно после первого прдложение предыдущего вашего сообщения.

[iSeiryu]

«после первого предложения предыдущего вашего сообщения» имелось ввиду. Хотел 2 варианта одной мысли разом написать :)

[iSeiryu]

Блин, заработался :( Перечитал свой первый пост и не понял его. Переписал его заного, засабмитил, оказалось тоже самое, только ошибку в слове поправил, что изначально и хотел сделать…

[Madmess]

Когда работаешь постоянно с одними и теми же людьми, то как раз такое «взаимопонимание», прешедшее со временем совмествой работы, хорошо экономит время, затрачиваемое на проект. И имхо верстальщик не программист =)

[Colwin]

Да и программист не всегда верстальщик :-)
Конечно, базовые принципы он знать обязан, и проверить верстку должен уметь, мелкие фиксы сам сделать. Но сделать полноценную верстку — часто уже за пределами.

[valzevul]

Спасибо, полезно.

[alisher-agzamov]

Ваш css некорректен, правильней сделать так .avatar img {}
Даже если я сделаю по Вашему, вы считаете будет красиво если сгенерированная превьюшка будет квадратной, а дизайнер ее представит прямоугольной? По моему вы написали именно про варьирование масштаба, как я и описал.

[alisher-agzamov]

Извиняюсь, обознался. Стиль именно к диву прописан.

[alisher-agzamov]

Все верно, но вы не считаете, что это костыль?

[alisher-agzamov]

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

[alisher-agzamov]

Остановимся на ключевой фразе «Дизайнер не может, хоть и должен» :)

[alisher-agzamov]

Я описал классический случай с формой.

[adlopez]

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

[zolotyh]

Еще очень часто дизайнеры забывают, что контента на сайте, как правило, больше или меньше чем обычно рисуется в дизайне. Причем, если дизайнер никогда не верстал, ему очень тяжело что-либо объяснить. Вывод: «для улучшения взаимопонимания на пару недель посадить дизайнера на верстку. Причем дать верстать именно его макет».

[Colwin]

Причем дать верстать именно его макет

Это дааа. Вытаскивать из колес палки, которые сам себе туда засунул — пренепреятнейшее занятие, в итоге желание засовывать палки в колеса отпадает.

[alexey_lahtadir]

Ага, а перед этим еще научить его верстке. профессиональной. иначе то что он сверстает можно будет почти сразу выкинуть.

[adlopez]

хи хи-а верстака на дизайн))))
МЫ кстати делали так-только внутри отдела-полиграфистов сажали на веб, а веберов на видео или 3Д-очень полезно бывает кстати))))

[iliar]

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

Как же меня бесят сайты, где сразу не видно кнопки регистрации. И причем ладно бы это был один сайт. Заходишь, хочешь зарегестрироваться. Ан нет кнопки. Вбиваешь в поле логи накой нить бред и нажимаешь войти. Появляется страница «Логин пароль не верны, возможно вы еще не зарегестрированны (ссылка)»

[AnGr]

А вы на сайте skype.com попробуйте с первого раза сам скайп скачать. Тут некоторые регистрации отдохнули и нервно перекурили в сторонке. Но согласна, что регистрация где-то в правом верхнем уголке промиж рекламы — это вынос мозга…

[bigdogsru]

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

[bigdogsru]

… включая и саму форму регистрации авторизации, конечно же. Прошу прощения.

[p1xel]

К слову, комментарии дали мне советов гораздо больше, чем статья.

[ainu]

А ещё в меню (где ожидается «Новости» или «Главная») заказчик может воткнуть надпись вроде
«Общественно-благотворительный фонд развития гимназии номер восемьдесят девять».

[ainu]

А ещё бы я написал о том, что страницы в Web иногда бывают высотой 2000-3000 пикселей, и эта вон огромная фоновая красивая картинка-рамка не растягивается по вертикали.

[Niemand]

Дизайнеры разные попадаются, у некоторых просто нет чувства дизайна страниц, при том что они неплохие дизайнеры в целом. Часто приходится встречать отрисованные фиксированные блоки, к примеру под меню, которые не раздвинуть. Чем они руководствуются? Хотя это видимо как раз и есть разница между математическим и креативным мышлением — такие люди не привыкли думать на несколько ходов вперед.

[sergeyzhuzhgov]

не только начинающие, но и «гуру» тоже часто забывают про это всё.

[s0lar]

Часто и программисты, и верстальщики забывают все то, что вы описали!
Как нарисовали, так и сверстали, не подумав как будет тянутся и т.д.

Я, обычно, не надеясь на память дизайнера, сам предоставляю набор требований к техническому дизайну (кнопочки, стили списков, таблиц, форм… ). Так экономится время и сразу можно показать дизайнеру, как то что он нарисует должно в итоге работать.

[fedorov]

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

[AnGr]

У нас дизайнер на проекте — француз, никогда не верставший, сидящий за маком в хроме и понятия не имеющий про ИЕ и его трудности. Рисует от души… рядом 6 кнопочек, 2 из них высотой 26 пикселей, одна 25, одна 27, одна 28, одна 24… хотя все кнопочки равнозначны. Относительно друг друга кнопочки сдвинуты на различное расстояние. А у нас есть и гайдлайны и т.п. Он же их и правит. В итоге получается, что значения берутся из фотошопа и border-radius в 1px у кнопочки при верстке не видать в принципе… Пыталась его учить, что-то объяснять. Но тогда он прикидывается валенком и ничего не понимает по-английски ) Это не языковой барьер — это творческий подход. Но подход печалит…

[emp]

В статью можно еще favicon добавить и страницу с 404 ошибкой

Ну а со стороны дизайнера я устал говорить что:
Favicon можно ставить пнгшкой
Trebuchet MS действительно web-safe шрифт
Шрифты из google.com/webfonts не нужно верстать картинками, если используется более чем 1 раз в сайте
итд

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