Comments 48
ru | en — вот в этом я много времени потерял. Особенно в формах. Зачастую приходится создавать отдельные css файлы :)
+3
UFO just landed and posted this here
Такие посылаются сразу лесом. Не впрямую, а посредством повышения стоимости верстки/сборки этих двух-трех страниц. Повышения стоимости ровно настолько, сколько стоили бы недостающие страницы. Потому что это заказчик так пытается сэкономить и на дизайнере, и на верстальщике.
+10
f еще бывает когда выдаешь верстаку все-вымереное до пиксела, делаешь гайд и UI файл с разметкой-говоришь что интерлиньяж у блоков такой-то, отсупы от заголовков 1,5 между анонсами 2-итд-а вотом видишь что он тупо все воткнул копипастом-к заголовкам стили прикрутил, к ссылкам прикрутил и все. А на вопрос а чего интерлиньяж такой-он говорит-а сколько должно быть?
Все кнопки с 1 стейтом, все криво косо, и он тебе говорит-ну блин на тесте поправим. Так что разные бывают люди-попрошу не обобщать.
Все кнопки с 1 стейтом, все криво косо, и он тебе говорит-ну блин на тесте поправим. Так что разные бывают люди-попрошу не обобщать.
+8
UFO just landed and posted this here
Полностью поддерживаю. Я хоть и не проф. верстальщик, но верстать приходится иногда. Про состояние кнопок и ссылок я уже забыл давно, PSD у 70% составляют пронумерованные layer (layer1, layer2, layer3, etc..). Часто даже на цвета забивают, а потом начинается «а тут не такой должен быть цвет, на других страничках же другой», хотя я буквально пипетка -> скопировать цвет как html.
0
Бывает что дизайнеру заказывают «Общую концепцию», а заказчик за остальные страницы просто не готов платить и отмахивается на «Остальное стандартно». Как правило тут и верстальщик шарашит Стандартно за 500 рублей. Заказчик съэкономил и доволен.
Думаю, толковый дизайнер сам прекрасно знает что надо отрисовать и что он может забыть. Просто не всегда готовы за это платить. Конечно, негоже забывать про качество работы, но и тут не безгранично терпение. Впроцессе работы встает вопрос перед заказчиком по дополнительным работам и тут решение за клиентом. Если он выбрал не платить, то он же не скажет Верстальщику что не стал платить за дополнительные элементы и попросит его сделать стандартно.
Если же говорить про процесс в студии, то тут уже договоренности Дизайнер-Технолог. У нас как правило Технолог говорит что ему необходимо отрисовать и сделать, а что он сам сделает. Наш Технолог молодец и он вполне многое делает сам.
Думаю, толковый дизайнер сам прекрасно знает что надо отрисовать и что он может забыть. Просто не всегда готовы за это платить. Конечно, негоже забывать про качество работы, но и тут не безгранично терпение. Впроцессе работы встает вопрос перед заказчиком по дополнительным работам и тут решение за клиентом. Если он выбрал не платить, то он же не скажет Верстальщику что не стал платить за дополнительные элементы и попросит его сделать стандартно.
Если же говорить про процесс в студии, то тут уже договоренности Дизайнер-Технолог. У нас как правило Технолог говорит что ему необходимо отрисовать и сделать, а что он сам сделает. Наш Технолог молодец и он вполне многое делает сам.
+1
А ещё бывают макеты, в которых среди нормально названные и группированных слоёв, есть пицот слоёв с названиями типа «Layer28». 80% из них отмерли в процессе работы над макетом, а вот 20% ещё актуальны. Увлекательнейший, мля, квест…
+7
ой тут все просто-кнопка есть-убить все выключеные слои
макет-final? значит все что видно -надо-сотальное нет. Если там были всякие ховеры-то об этом можно спросить-типа дизайнер а у тебя все стейты в макете? или я убиваю все слои не влюченые-обычно если дизайнер не уверен-то начинает сам шелестеть.
Бывают другие истории-когда верстак не умеет вырезать разные размытости с режимами наложения, или не умеет оптимизировать картинки-я всегда помогу-советом или делом-мне не сложно. Как тут сказали говнюков везде навалом-но есть и нормальные. Ищите себе подобных.
Поверьте не всегда в 30 скринах бывает возможно поправить 60 завитушек-которые в последний момент заказчик именил-в уже заапрувленых макетах. Не всегда имеет смысл пдписывать все слои-если есть папка-которая называется «иконка»- вы ее сливаете в 1 и все. У всех бывают косяки и недоработки-на это у людей есть язык и разум-что бы спрашивать и искать компромисы. Потому что у всех на выходе одна цель-сделать так, что бы не стыдно показать было.
макет-final? значит все что видно -надо-сотальное нет. Если там были всякие ховеры-то об этом можно спросить-типа дизайнер а у тебя все стейты в макете? или я убиваю все слои не влюченые-обычно если дизайнер не уверен-то начинает сам шелестеть.
Бывают другие истории-когда верстак не умеет вырезать разные размытости с режимами наложения, или не умеет оптимизировать картинки-я всегда помогу-советом или делом-мне не сложно. Как тут сказали говнюков везде навалом-но есть и нормальные. Ищите себе подобных.
Поверьте не всегда в 30 скринах бывает возможно поправить 60 завитушек-которые в последний момент заказчик именил-в уже заапрувленых макетах. Не всегда имеет смысл пдписывать все слои-если есть папка-которая называется «иконка»- вы ее сливаете в 1 и все. У всех бывают косяки и недоработки-на это у людей есть язык и разум-что бы спрашивать и искать компромисы. Потому что у всех на выходе одна цель-сделать так, что бы не стыдно показать было.
0
Вот пусть дизайнер и нажмет эту кнопочку, прежде чем отдавать макет. А так же распихает оставшиеся «LayerХХ» по папкам, к которым они логически относятся (а то ведь они в корне валяются), если ему уж так в лом дать им вменяемые имена.
При чём тут поправка 30 скринов?
P.S. <irony>Из вашего камента куда-то пропала часть пробелов, запятых и точек. Парсер — лох?</irony>
При чём тут поправка 30 скринов?
P.S. <irony>Из вашего камента куда-то пропала часть пробелов, запятых и точек. Парсер — лох?</irony>
0
Да кстати-я дизайнер)))
0
Это было очевидно после первого прдложение предыдущего вашего сообщения.
0
«после первого предложения предыдущего вашего сообщения» имелось ввиду. Хотел 2 варианта одной мысли разом написать :)
0
Когда работаешь постоянно с одними и теми же людьми, то как раз такое «взаимопонимание», прешедшее со временем совмествой работы, хорошо экономит время, затрачиваемое на проект. И имхо верстальщик не программист =)
0
Спасибо, полезно.
-1
Аватарки (соц. сеть, блог, форум), когда представляете их в различных его видах (профиль, комментарии, пост, топ 10 и т.д), то соблюдайте пропорции, а лучше определите заранее, какие размеры нужно сразу генерировать (50х50, 100х100...) и уже в дальнейшем опираться на эти размеры. Или хотя бы, чтоб можно было варьировать в масштабе, а не так чтобы в одном месте было 100х100, в другом 50х50, а в третьем 64х45.
А написать
<style type="text/css">
.avatar {
width:200px;
height:200px;
text-align: center;
vertical-align: middle;
display: table-cell;
}
</style>
<div class="avatar">
<img src="img.jpg" alt="">
</div>
вам какая религия не позволяет?
0
Ваш css некорректен, правильней сделать так .avatar img {}
Даже если я сделаю по Вашему, вы считаете будет красиво если сгенерированная превьюшка будет квадратной, а дизайнер ее представит прямоугольной? По моему вы написали именно про варьирование масштаба, как я и описал.
Даже если я сделаю по Вашему, вы считаете будет красиво если сгенерированная превьюшка будет квадратной, а дизайнер ее представит прямоугольной? По моему вы написали именно про варьирование масштаба, как я и описал.
-1
Извиняюсь, обознался. Стиль именно к диву прописан.
+3
Я написал про центровку аватарки, дабы выглядело лучше на фоне разного размера аватарок.
Вместо 200px ставите любые цифры, при аплоуде аватарки ресайзите пропорционально по большей стороне, максимальная сторона — 200px (к примеру).
Вместо 200px ставите любые цифры, при аплоуде аватарки ресайзите пропорционально по большей стороне, максимальная сторона — 200px (к примеру).
0
Все верно, но вы не считаете, что это костыль?
+2
Ну лично мое мнение что тут более применим термин «унификация» с пояснением: «Все по центру, не больше 200px по сторонам».
0
Я считаю тут должен дизайнер стандартизировать, дабы избежать унификаций верстальщиком.
0
UFO just landed and posted this here
Еще очень часто дизайнеры забывают, что контента на сайте, как правило, больше или меньше чем обычно рисуется в дизайне. Причем, если дизайнер никогда не верстал, ему очень тяжело что-либо объяснить. Вывод: «для улучшения взаимопонимания на пару недель посадить дизайнера на верстку. Причем дать верстать именно его макет».
+8
Причем дать верстать именно его макет
Это дааа. Вытаскивать из колес палки, которые сам себе туда засунул — пренепреятнейшее занятие, в итоге желание засовывать палки в колеса отпадает.
0
хи хи-а верстака на дизайн))))
МЫ кстати делали так-только внутри отдела-полиграфистов сажали на веб, а веберов на видео или 3Д-очень полезно бывает кстати))))
МЫ кстати делали так-только внутри отдела-полиграфистов сажали на веб, а веберов на видео или 3Д-очень полезно бывает кстати))))
0
> Форму входа, не забывайте про «восстановление пароля», про чекбокс «запомнить меня», а так же про страницу регистрации пользователей.
Как же меня бесят сайты, где сразу не видно кнопки регистрации. И причем ладно бы это был один сайт. Заходишь, хочешь зарегестрироваться. Ан нет кнопки. Вбиваешь в поле логи накой нить бред и нажимаешь войти. Появляется страница «Логин пароль не верны, возможно вы еще не зарегестрированны (ссылка)»
Как же меня бесят сайты, где сразу не видно кнопки регистрации. И причем ладно бы это был один сайт. Заходишь, хочешь зарегестрироваться. Ан нет кнопки. Вбиваешь в поле логи накой нить бред и нажимаешь войти. Появляется страница «Логин пароль не верны, возможно вы еще не зарегестрированны (ссылка)»
0
А вы на сайте skype.com попробуйте с первого раза сам скайп скачать. Тут некоторые регистрации отдохнули и нервно перекурили в сторонке. Но согласна, что регистрация где-то в правом верхнем уголке промиж рекламы — это вынос мозга…
0
А меня вот бесят пользователи, желающие зарегистрироваться. Когда регистрации просто нет. Да, бывает и так — логин и пароль есть, зарегистрированные пользователи есть, а регистрации открытой — нет. И написано об этом «на каждом заборе», включая и саму форму регистрации. Но чукча ж не читатель… приходится держать в почте шаблон письма «Открытой регистрации у нас нет, никогда не было и не будет».
+1
К слову, комментарии дали мне советов гораздо больше, чем статья.
+4
А ещё в меню (где ожидается «Новости» или «Главная») заказчик может воткнуть надпись вроде
«Общественно-благотворительный фонд развития гимназии номер восемьдесят девять».
«Общественно-благотворительный фонд развития гимназии номер восемьдесят девять».
+2
А ещё бы я написал о том, что страницы в Web иногда бывают высотой 2000-3000 пикселей, и эта вон огромная фоновая красивая картинка-рамка не растягивается по вертикали.
+1
Дизайнеры разные попадаются, у некоторых просто нет чувства дизайна страниц, при том что они неплохие дизайнеры в целом. Часто приходится встречать отрисованные фиксированные блоки, к примеру под меню, которые не раздвинуть. Чем они руководствуются? Хотя это видимо как раз и есть разница между математическим и креативным мышлением — такие люди не привыкли думать на несколько ходов вперед.
+1
не только начинающие, но и «гуру» тоже часто забывают про это всё.
0
Часто и программисты, и верстальщики забывают все то, что вы описали!
Как нарисовали, так и сверстали, не подумав как будет тянутся и т.д.
Я, обычно, не надеясь на память дизайнера, сам предоставляю набор требований к техническому дизайну (кнопочки, стили списков, таблиц, форм… ). Так экономится время и сразу можно показать дизайнеру, как то что он нарисует должно в итоге работать.
Как нарисовали, так и сверстали, не подумав как будет тянутся и т.д.
Я, обычно, не надеясь на память дизайнера, сам предоставляю набор требований к техническому дизайну (кнопочки, стили списков, таблиц, форм… ). Так экономится время и сразу можно показать дизайнеру, как то что он нарисует должно в итоге работать.
0
на моей памяти всегда забывают нарисовать форму восстановления пароля («забыли пароль»).
а так же «ошибки валидаци и прочие ошибки».
а так же «ошибки валидаци и прочие ошибки».
+2
У нас дизайнер на проекте — француз, никогда не верставший, сидящий за маком в хроме и понятия не имеющий про ИЕ и его трудности. Рисует от души… рядом 6 кнопочек, 2 из них высотой 26 пикселей, одна 25, одна 27, одна 28, одна 24… хотя все кнопочки равнозначны. Относительно друг друга кнопочки сдвинуты на различное расстояние. А у нас есть и гайдлайны и т.п. Он же их и правит. В итоге получается, что значения берутся из фотошопа и border-radius в 1px у кнопочки при верстке не видать в принципе… Пыталась его учить, что-то объяснять. Но тогда он прикидывается валенком и ничего не понимает по-английски ) Это не языковой барьер — это творческий подход. Но подход печалит…
+2
В статью можно еще favicon добавить и страницу с 404 ошибкой
Ну а со стороны дизайнера я устал говорить что:
Favicon можно ставить пнгшкой
Trebuchet MS действительно web-safe шрифт
Шрифты из google.com/webfonts не нужно верстать картинками, если используется более чем 1 раз в сайте
итд
Ну а вообще ни дизайнеры, ни верстальщики не роботы и ошибаются/забывают — если вы заметили что нет пажинатора, то не стоит останавливать работу и ждать — сделайте так, как вы сами его представляете и скажите об этом дизайнеру — скорее всего потребуются после этого минимальные правки элемента
Ну а со стороны дизайнера я устал говорить что:
Favicon можно ставить пнгшкой
Trebuchet MS действительно web-safe шрифт
Шрифты из google.com/webfonts не нужно верстать картинками, если используется более чем 1 раз в сайте
итд
Ну а вообще ни дизайнеры, ни верстальщики не роботы и ошибаются/забывают — если вы заметили что нет пажинатора, то не стоит останавливать работу и ждать — сделайте так, как вы сами его представляете и скажите об этом дизайнеру — скорее всего потребуются после этого минимальные правки элемента
+2
Sign up to leave a comment.
Часто забываемые элементы дизайна