Руслан Якубович
8 сентября 2010

Добрый день советчики.

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

Может, форму переверстать? Подскажите, как быть?



Руслан, а ведь ваш вопрос — к дизайнеру, который эту штуку придумал. Дизайнер, конечно, не должен и не может рисовать все элементы во всех состояниях, но подумать-то о них он обязан. Тут как форму не перевёрстывай, вопрос не снимется: фамилия всегда может оказаться ещё длиннее.

Когда что-то не влезает, вариантов у нас обычно два: увести невлезающую часть имени в полупрозрачность (типа как у Тимура, обратившегося за советом про комментарии) или перенести то, что не влезает, на следующую строчку. Если у вас не будет висеть картинки в левом верхнем углу, то вариант с переносом будет смотреться не настолько криво.

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

P. S.

Я веду практический курс «Пользовательский интерфейс и представление информации». Дата следующего курса пока неизвестна.

 
Мы напишем вам, когда будет открыта запись. Без спама.

Поделиться

Комментарии

Миша Моторин
8 сентября 2010

Илья забыл о третьем варианте — сделать уменьшение размера шрифта от количества символов.

Артем Таныгин
8 сентября 2010

Напишите имя над картинкой по всей ширине формы. Либо под картинкой также по всей ширине. Рейтинг в таком случае будет рядом с картинкой, ему места хватит. Само слово лучше поместить над числом.

Можно немного уменьшить шрифт. Для образца берите фамилию Константинопольский, или Григорьев-Апполонов, например.

Иван Демидов
8 сентября 2010

Фамилию определённо стоит перенести над или под картинку, это сразу даёт +30% ширины окна.

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

Константин Брик
15 сентября 2010

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Недавно всплыло

2 Начальник считает, что перед встречей нужно обязательно разработать несколько вариантов предложений 6 1 4