Мои правила хорошего тона в веб-дизайне

Правило №3:
Никакого липсума и песен для рунета*

*для заказчиков не из-за бугра.

Никто не пишет слова на половину по-русски, на половину по-английски. Хотя вот недавний твит:

Но все же лучше, чем «pyшестерка». Никто не делает логотипы на половину по-русски, на половину по-английски. Но вот вам клевый (эй, тут без сарказма, лого правда клевый!):

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

2129742

По прежнему есть ребята, которые используют липсум, и оно понятно, ведь липсум удобен и чем-то красив. Раньше и мне нравилось, как он выглядит, и я его тоже использовал. Кстати…


Для ленивых

…если вдруг кто-нибудь еще не знает, то не нужно далеко ходить и даже закрывать фотошоп:

photoshop

Оффтоп:

Единственная причина, по которой можно было бы задуматься хотя бы на секундочку. Еще раз: хотя бы задуматься, но не более того. Это: русская версия фотошопа > русский липсум. Но фиг там! И слава Богу! Никому не нужно будет хотя бы задумываться про русский вариант программы. Ура-ура-ура!


Сервисы с ру

Но со временем манящая красота липсума иссякла и я перешел на русский аналог. Ведь времени (забываем предыдущий абзац на минуту) подставить текст-рыбу занимает ровно столько же. И мои макеты запели песни, зарифмовали стихами, и заговорили русским великим. Вот вам два самых человеческих (насколько это возможно) сервиса с кирилицей:

blindtextgenerator.com

blindtextgenerator

fishtext.ru


Привычка

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

Когда заказчик молодец, он заполняет поля в брифе на тематические сайты, которые нравятся и/или не нравятся. Плохие сайты заходят ровно так же, как и хорошие. Открываем сайт-конкурент, переходим на страницу новостей и вот он — подходящий тематический контент. Зачастую дополнительно даже гуглить картинки в превьюшки не нужно будет. Все на месте. Если заказчик не молодец, то ничто не мешает попросить гугл выдать пару сайтов по строительству / СТО / кофе для похудения / нужный сайт под текущий проект. Главное, что:

больше никаких песен «Душа моя озарена неземной радостью» и «полдневное солнце стоит над непроницаемой чащей темного леса» в заголовках новостей стоматологической клиники!

Кроме того, заказчику легче воспринимать дизайн, когда он заполнен «своим» контентом. Так сайт похож на завершенную страницу и это уже приближает момент апрува.

articles5

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

  • 0 комментариев — если комментов нет, то нужно прятать иконку и нолик. И чтобы верстальщик был в курсе, я это показываю в макете.
  • 12519 — разряды должны быть отделены (12 519), и я это показываю в макете. Если верстальщик прошляпит это, то во всяком случае у меня совесть чиста 🙂

Адаптивка

А вот в адаптивке я не трачу время на красоту и просто копируют 1-2 новости 5 раз. При этом новости так же без липсума и песен, ведь взяты с уже готовой псдшки. Для верстальщика главное: поведение и расстояния, а начинку посмотрели и заапрувили в PC-версии.

В общем, ребята, советую привыкать.


Мои правила хорошего тона в вебе:

#1 — Убери бренд
#2 — Сверни слои
#3 — Никакого липсума
#4 — Никаких секретов
#5 — Отдай иконки (в моей первой книге «Дизайн и фриланс. Начало» )
#6 — Про панель слоев
#7 — Пронумеруй варианты
#8 — Сделай «спасибу»
#9 — Строчные (в моей второй книге «Дизайн и фриланс. Новый уровень» — скоро)
#10 — Отступ над футером

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

Оставить комментарий

Такая эл. почта уже зарегистрирована. Воспользуйтесь формой входа или введите другую.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.
7 комментариев

А для иностранных клиентов липсум – норм?

Для бургов липсум то же, что для наших «полдневное солнце стоит над непроницаемой чащей темного леса». Поэтому лучше использовать «свой» контент.

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

Липсум идеален для разработчиков (верстальщиков, кодеров и тд), которым нужно залить поле текстом и проверить, как он себя ведет.

12519 — разряды должны быть отделены (12 519)

Привет. Интересно твое мнение: как считаешь, в четырехзначных числах нужно отделять разряды? 1567 и 1 567 – где ок и не ок? 🙂

Привет, если цифр 4, то ничего не отделяется. Если цифр 5, то уже нужно отделять разряды.

1567, но 15 670.

Я сам раньше отделял уже тысячи, но где-то недавно умных дядек прочитал, и они объяснили, что я делал неправильно.

Кстати, посмотрела сейчас специально в популярные Интернет-магазины (Озон, Розетка, Яндекс.Маркет) — у них тысячи отделены. Видно дядьки еще до них не добрались)))

Я сам раньше отделял уже тысячи, но где-то недавно умных дядек прочитал, и они объяснили, что я делал неправильно.

Я потому у тебя и решилась спросить, что тоже встретила этих умных дядек:). Если конкретно, то в советах бюро А.Г. И понимаю, что они наверняка правы, а никак еще не могу себя пересилить не отделять тысячи – не нравятся мне визуально 4 слипнувшиеся цифры на карточке товара((....
Но раз и ты присоединился к мнению умных дядек, начну и я уже потихоньку привыкать к правильному) Спасибо за совет!

Наверное, там и читал) Не за что)