Советы Артёма Горбунова

Стажёр всего боится, есть ли мне место в дизайне и как применять принципы Кемпа в интернет-торговле

Советы А. Г. Как вернуться в дизайн в 35, как построить работу со стажёром, что разработчику нужно знать о дизайне

Что такое «сраный лендинг», как нейминг влияет на продукт, изучать ли дизайнеру ХТМЛ

Как найти работу дизайнеру без опыта, сколько проектов одновременно у бюрошника и как совмещать рабочие задачи и личные дела

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

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

Рабочий стол — помойка, как пополнять портфолио и как написать студенту Школы бюро

Как внедрять ФФФ, что делать, если дизайнеру не нравится концепция арт-директора, как продать дизайн городу

Я музыкант

Что делать с бесконечными правками и как перейти на новый инструмент

Тайные знания о дизайне в контексте

Как понять, что дизайн — это твоё, как развиваться в управлении, плоский дизайн и 3Д

Как пройти собеседование в бюро, как преподавать и как расти в том, что неинтересно

Как растут дизайнеры бюро, как продать шрифт и как программисту научиться неймингу

Заказчик ставит задачи голосовыми, как выбрать профессию, клиент не знает свой бизнес

Как назначить старт проекта, поступление в Школу бюро, мастер-класс по поиску работы

Где искать исполнителей, как перестать переделывать готовое, клиент спросил о товаре и пропал

Революция в дизайне, естественный цвет кожи на видео, должен ли дизайнер уметь кодить

Борьба с сеошником, бюро любит Редимаг, разница между дизайнерами продуктов и проектов

Текст «нужен на вчера», бюрошник хочет уволиться, сертификаты на книги бюро, развитие дизайнера

Гуманитарии и технари в дизайне, переговоры с «акулами», как продвигаться дизайнеру мебели

Тайные знания об НДА

Как вырастить помощника, как повысить цену для старых клиентов, программист не соблюдает сроки

Сервис запуска интернет-магазинов, теряет ли бюро клиентов, Дизайнер Дизайнерович

Новогоднее обращение. Пандемия ненависти и страха

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

Можно ли запустить сайт без багов, клиент платит слишком много, бюро оторвано от жизни

Оправдание пиратства, работы сотрудников в портфолио студии, почему А. Г. работает стоя

Байка о Шандарине, Дубовом и полигональном гнезде

Клиент ошибся дверью, как работать с предзаказами, самая мерзкая позиция дизайнера

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

Мелкие проекты в портфолио, проблемы веб-дизайна, почему бюро использует Бейскемп

Не жрать говно

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

Тайные знания о делегировании, часть 2

Тайные знания о делегировании, часть 1

Финансовая пирамида для дизайн-студий, как оценить успех проекта, как не чувствовать себя тупым

А. Г. против снобизма

5 тайных знаний об извинениях и благодарности

Инструкция к сайту бюро, единственный способ запоминать изученное, расчёт стоимости проекта

Колледж, вуз или Школа бюро, доступный кайф в архитектуре, как устроен Дизайн-буфет, когда откроются продажи Бюросайна

Что в рюкзаке у А. Г.

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

Епубы, пдф и прочая гадость, важен ли талант для дизайнера, книга о дизайне продуктов

Дизайнер забухал, выуживать знания у коллег, расчёт времени на проект, пробитый спринт

Быстрый рецепт фирстиля, УХУИ‑дизайнер, финансовая тайна, проект клиента в Школе бюро

Идти в дизайн с нуля, как нанять фрилансера, KPI — фигня, считать рабочие часы — обман

Как выжить в дистанционной работе. Инструменты на удалёнке

Публичные жалобы, логотип — это гайка, подготовка к смене профессии, победа над рутиной

Вакансия визуализатора

Как выжить в дистанционной работе. Разделить согласование и сдачу

Как выжить в дистанционной работе. Назначить дедлайн

Как выжить в дистанционной работе. Исполнитель понимает задачу

Зачем нужен наставник, арт-директор доделывает, позорная ссылочка, новичок умнее других

Как выжить в дистанционной работе. Использовать взгляд новичка

Как выжить в дистанционной работе. Общаться вопросами и предложениями

Как выжить в удалёнке. Не задавать псевдовопросов

Стандарты бюро, биржи фриланса и клиенты, законы дизайна продуктов, инициативный разработчик

Как разделать папайю

Спецвыпуск. Учёба за ужином, дизайнер воротит нос, поиск знаний, отбор сотрудников бюро

Рецепт А. Г. для интереса к жизни

Вдохновение: о стартапе, о феминизме, о выгорании. Гость Екатерина Березий

Не говорите гадостей про других исполнителей

Системомания: как работает экзоскелет, часть вторая. Тест-драйв

Обращение А. Г. во время эпидемии

Системомания А.  Г. Как работает экзоскелет, часть 1. В гостях у Екатерины Березий

Спецвыпуск. Четыре стадии любви к интерфейсам

Пропедевтика: как в России делают экзоскелеты, часть вторая. Гость Екатерина Березий

Спецвыпуск. Чего стоит успех, клиент узнал цену и исчез, как презентовать проект, озлобленный разработчик

Пропедевтика: как в России делают экзоскелеты, часть первая. Гость Екатерина Березий

Сказка о Пете, толстом ребёнке, и о Симе, который тонкий

Спецвыпуск. 13 лет бюро

Вдохновение: бросить работу ради своего проекта. Гость Леонид Кляйман

Спецвыпуск. Швейцарский дизайн, долг клиента, работа без трудового, идеальная фавыконка

Книга «Типографика и вёрстка»

Вдохновение: как выйти из творческой жопы. Гость Александр Крауш

Новогодний стрим

Двойное виски

Системомания: как управлять яхтой. Гость Леонид Кляйман

Книга «Архитектурная теория»

Пропедевтика: как устроен парусный спорт, часть третья. Гость Леонид Кляйман

Пропедевтика: как устроен парусный спорт, часть вторая. Гость Леонид Кляйман

Пропедевтика: как устроен парусный спорт, часть первая. Гость Леонид Кляйман

Спецвыпуск. Что общего между спинером и мотоциклом?

Системомания: как одному играть за пятерых, часть вторая. Гость Александр Крауш

Системомания: как одному играть за пятерых, часть первая. Гость Александр Крауш

Спецвыпуск. Цены услуг, серьёзные дядьки, одинокие трудоголики, стать дизайнером в 30

Вдохновение с Николаем Чистяковым: работа кофейного обжарщика

Пропедевтика: что такое тяжёлая музыка, часть вторая. Гость Александр Крауш

Пропедевтика: что такое тяжёлая музыка, часть первая. Гость Александр Крауш

Книга «Редизайн Букингемского дворца»

Системомания: как приготовить кофе дома. Гость Николай Чистяков

Пропедевтика: кофейные волны, спешалти, альтернатива, декаф. Гость Николай Чистяков

Советы А. Г. в новом формате

Красота: заключительные мысли

Красота: узоры

Красота: щупальца

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

Красота: Мюллер, Брегет и Макдачная

Красота: солнце на доспехах, солнце на платье, солнца на фасаде

Красота: британский фунт, британские полевые цветы, британское надгробие

Красота: кружева из стали, кружева из бумаги

Красота: стелла, кнопки и лампочка из Токио

Красота: логотип из Рима и люки из Токио

Красота: аргентинские винные этикетки

Красота: рентгены удава, черепахи и ящерицы

Красота: арки, почтовые ящики и живая изгородь из Рио

У меня такой вопрос: работаю дизайнером в одной компании, недавно взяли ещё одного, у него опыта значительно меньше моего, поэтому меня поставили ему помогать по возможности. В итоге сложилась такая ситуация, он что-то делает и сначала показывает мне, я направляю его на путь истинный, показываю что и как нужно исправить, и после этого всего он отправляет всё на согласование, и всем нравится результат, но все лавры ему достаются, о моём вмешательстве и речи не идёт. Сначала не обращала внимания, но теперь всё больше начинает напрягать. Не помогать как-то тоже нехорошо. Как мне к этому относиться?

10 дизайнерских товаров японских студий. Часть 3

10 дизайнерских товаров японских студий. Часть 2

10 дизайнерских товаров японских студий. Часть 1

Принцип последней мили в интерфейсах

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

Я родом с юго-востока Украины, где в данный момент у власти находятся так называемые ДНР-ЛНР. Для жителей региона это фактически государство, с которым тоже необходимо взаимодействовать (документооборот, справки, разрешения). Я и сам столкнулся с этим госаппаратом. Сейчас взаимодействие с государством на уровне 90-х: медленная работа служащих, тонны ненужных бумажек и бюрократической волокиты. Я не поддерживаю политику этих «государств», но хочу помочь гражданам упростить получение необходимого документа и справки. Я бы с радостью собрал команду и создал проект электронного документооборота с хорошим ЮИкс . Меня останавливают два нюанса: я не хочу попасть под статью «пособничество терроризму» (на Украине ЛДНР считаются террористами и любое сотрудничество с ними — это уголовка) и незнание, с какой стороны подойти к этой задаче.

Если опустить первое, как убедить руководство так называемых республик создать проект упрощения взаимодействия и создать аналог Госуслуг, хоть и с совсем небольшим MVP? Как это сделать, не раскрывая имени? Как подобные проекты получились в России? Или забить и пустить всё на самотёк?

Уважаемый Артём, подскажите, сочетаются ли между собой шрифты заголовка и текста, возможно, у меня уже замылился глаз, но не могу никак понять, вроде всё устраивает, но есть ощущение какого-то подвоха. Шрифты в заголовках — PF Din Text Cond Pro и Gill Sans Nova, шрифт в тексте — Anselm Sans.

Спасибо.

Помогите разобраться.

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

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

На просьбы скинуть .svg вместо .cdr отвечают отказом — «мы можем только Корел». А когда отправляешь им .svg — «отправьте в Кореле». Приходится конвертировать самостоятельно и потом, скрипя зубами, ручками править косяки конвертации. Объяснять всем подряд, что Корел умеет в .svg уже нет сил.

Вопросы, собственно, простые — откуда столько «поклонников» Корела? Почему на таком количестве предприятий в нём работают? И, соответственно, не принижая достоинства самого программного продукта (я не считаю Корел плохим) — почему все эти люди не могут экспортировать или импортировать .svg?

Что думаете о переносах в вебе? Устарели как красная строка или всё же стоит их использовать в определённых случаях? Если стоит, то в каких?

Джеф Раскин в книге «Интерфейс» вскользь говорит: «большинство людей из той культуры, на которую этот интерфейс ориентирован» (Глава 3.4. Видимость и состоятельность). Я знаю, что при планировании интерфейса дизайнер должен иметь в виду возраст и социальный статус пользователей, а вот о различиях в культуре не задумывалась. Значит, нужно учитывать разницу между американцем, русским и немцем при планировании банковского приложения, интерфейса беговой дорожки или интерфейса для покупки билета на метро?

Может быть, у вас есть наглядные примеры из практики того, как интерфейс зависит от культуры пользователей?

Здравствуйте!
Не могу разобраться: фото находится в левой подмышке? Или название колонки на плашке не относится к композиции блока?

Практика: формулировка полезного действия

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

Бюро, без вас не справлюсь.

Как в русскоязычном письме писать названия типа «Beec», «Hopa» (это выдуманные названия на латинице). В голову приходит писать как в бюро — Биц, Хопа. Как быть, если нужно написать на латинице?

Здравствуйте, уважаемые бюрошники и советчики!

Есть задача: проиллюстрировать разборы музыкальных композиций на сайте фрагментами самих композиций. Комментарии к графическому дизайну легко оформить на экране, нужно придумать аналог для комментариев музыки. При этом важно иметь возможность сопоставить фрагменты разбора с фрагментами (или даже конкретными «точками») трека, но, думаю, не стоит рвать его на десяток непонятно откуда вырезанных кусков и распихивать по десятку плееров, захламляющих страницу.​​​Первое, что пришло в голову — плеер с разметкой и комментированием отдельных отрезков и точек. Чтобы было, от чего оттолкнуться, набросал небольшой эскиз. Комментарии, естественно, могут быть псевдоссылками. Подчёркиваю, это только первая мысль, начало пути. Параллельно решил спросить совета у вас, как решить задачу элегантно и просто :-)

Решение должно умещаться в возможности HTML5, CSS3 и JS, физически масштабироваться в разумных пределах, и, конечно, совсем не обязательно иметь вид плеера.

Здравствуйте, как оформлять инструкцию к продукту? Книжечка в 30 страниц А5. Где разместить содержание? В начале или в конце? Можно ли делать развёртки? Как правильно выделять главное?

Добрый день! Подскажите, пожалуйста, как правильнее верстать подобные формы с длинными заголовками у полей. Зачастую в технических системах встречаются заголовки ещё длиннее, которые нет возможности уменьшить.

Хочется элегантно расположить информацию по каждой акции (название акции — ссылка).

Цена над указателем самая важная — это последняя цена на текущую дату.

Есть минимальная цена и максимальная.

Есть ещё разница с последней ценой (красная или зелёная у названия, в процентах).

Проблема в том, что иногда текущая цена прижимается или к правому, или к левому краю, получается кучность — например у Лукойла.

Этот вариант я придумала, но клиенту не нравится, что название акции не заметно.

Добрый день!

В книге бюро «Типографика и вёрстка» предлагается выбрать плохие варианты вёрстки ленты, почему вариант справа не является плохим? Мне он кажется плохим уже от того, что в нём есть мусорные разделительные линии.

Здравствуйте, сегодня переписывался с клиентом о дизайне сайта. Он выбирал между мной и другим дизайнером.

Другой дизайнер нарисовал ему элемент дизайна. Ещё на этапе обсуждения, без оплаты. Заказчик просил меня, чтобы я тоже нарисовал. Я ему отказал. И обосновал отказ.

И знаете, он выбрал меня. И тут Кемп, как говорится, зашёл :-)

Я сформулировал правило «Когда отказываешь клиенту в какой-то просьбе — объясни, в чём польза твоего отказа для него».

Не нашёл у вас такого в «Советах». Может, я изобрел велик. Но мне кажется — это хорошее правило.

И прикрепляю кусочек моей переписки с заказчиком: как я ему отказал сделать экспресс-дизайн, и как обосновал свой отказ.

Буду рад услышать рекомендации, как можно было поступить лучше.

P. S. Читать снизу.

Здравствуйте! Хотелось бы спросить, уживутся ли вместе выравнивание по левому краю и по центру. И прошу вашего совета по вёрстке, как лучше разместить информацию на штендере. Спасибо!

Подскажите пожалуйста, как более корректно применить знак рубля в диапазоне чисел в интернет-магазине?

• Варианты:
• 1. Холодильники от 50 000 до 100 000 ₽
• 2. Холодильники от 50 000 ₽ до 100 000 ₽
• 3. Холодильники 50 000 – 100 000 ₽
• 4. Холодильники 50 000 ₽ – 100 000 ₽

• 5. Холодильники от 50000 … 100000 ₽
• 6. Холодильники от 50000 ₽ … 100000 ₽
• 7. Холодильники 50000 … 100000 ₽
• 8. Холодильники 50000 ₽ … 100000 ₽

• 9. Холодильники от 50 000 … 100 000 ₽
• 10. Холодильники от 50 000 ₽ … 100 000 ₽
• 11. Холодильники 50 000 … 100 000 ₽
• 12. Холодильники 50 000 ₽ … 100 000 ₽

• 13. Холодильники от 50000 до 100000 ₽
• 14. Холодильники от 50000 ₽ до 100000 ₽
• 15. Холодильники 50000 – 100000 ₽
• 16. Холодильники 50000 ₽ – 100000 ₽

Можете предложить свой вариант :-)

Для примера возьмём сервис, который показывает основные цвета в фотографии.

В нём можно дропнуть новую фотку в окошко и процесс повторится, но это неочевидно. Как показать графически, чтобы это было понятно сразу?

Почему так?

Добрый день!

Нарисовал плакат с рекомендациями по тому, как лучше собирать штангу. Интересно мнение профессионалов

День добрый, у меня появились четыре стула, на какой сесть — не знаю, вероятно стулья можно пересобрать, но всё же. Вместе со стульями в комплекте идёт массив театра.

Буду благодарен за помощь в выборе.

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

Но ведь всё не так буквально. Расскажите о тонкостях. Есть ведь блоговые движки, они и не позволяют по-другому оформлять статьи. Та же Эгея. Что же, их под нож?

Или я что-то не так понимаю?

Артём!

А как ты относишься с к тому, что все дизайнерские приёмы — подстройка под текущие настройки человека: особенности зрения, слуха, тактильных ощущений и последующей обработки этой информации мозгом?

Правило внутреннего и внешнего, контраст, ширина текстовой колонки — это лишь то, как кажущемуся большинству проще воспринимать мир.

Мышление и восприятие людей меняются, как вовремя это понимать и успевать за этим?

Как перефразировать подзаголовок?

Добрый день! Как работать с забывчивыми заказчиками?

Проблема — я объясняю клиенту условия работы, до того как мы подпишем договор. Проговариваю важные для меня пункты. Даю время на то, чтобы клиент изучил договор. Отвечаю на вопросы, пишу понимание задачи. Повторяю условия три раза (без шуток). Но клиенты забывают договоренности.

Под конец работы возникает ощущение, что мы не обсуждали задачу и не проговаривали условия. Чем ближе конец задачи — тем сильнее ощущение этого искажения. Я прекрасно понимаю, что это моя вина. Ведь моя задача напоминать клиенту, о чём мы договорились. Но я где-то ошибаюсь и где — не пойму.

Что делать?

Что делать, если надоела работа дизайнера? Пропал интерес к дизайну в любом виде. Нет ни перспектив, ни желания развиваться в этом.

Добрый день!

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

Здравствуйте, Артём!

Поделитесь советом, как сделать график информативнее?

Была задача создать визуализацию для панели управления: отображать три значения, которые варьируются от 0 до 100, с привязкой к дате. Раздел с результатами тестов — всего лишь часть панели управления. Я выбрал гистограмму как средство отображения, полагаясь на знания из вашего совета и заметки Лебедева.

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

Так выглядит приглашение на церемонию вступления в должность Президента Российской Федерации. Имя, фамилия и отчество гостя замазаны, но общая картинка ясна — И. И. Иванов просто было бы написано в центре над линией.

Как бы выглядело приглашение, если бы его делали в бюро?

• Как правильно указывать разделы сайта, если они упоминаются в тексте? С маленькой буквы, с большой, в кавычках? Например:
• „Добавляйте любимые товары в избранное“,
• „Добавляйте любимые товары в Избранное“,
• „Добавляйте любимые товары в «Избранное»“
А. Г.

Собираюсь открыть студию моушн-дизайна. Сделал логотип, хочу узнать ваше мнение о нём.

Насколько рекомендованные вами книги по дизайну, вёрстке, редактуре подойдут для старшеклассников? Какие советы вы можете дать руководителю школьного издательского кружка?

Спасибо!

Нашла в одном узкопрофильном софте такую красоту. Фиксированная ширина окна, полное название тарифа не влезает, при этом первые несколько слов повторяются в каждой строке и увидеть различие тарифов невозможно. Хинта с полным текстом ячейки тоже нет — пользователь ориентируется исключительно на код.

Можно ли выносить общую для всех строк часть за пределы таблицы? или нужно просто переносить текст на вторую строку? или есть другие способы по улучшению данной таблицы?

Очень часто дизайнеры в своих проектах используют кнопки «Отменить» и «Закрыть». В варианте «Закрыть» логично использовать иконку-крестик, но вот в варианте «Отменить» все поступают как хотят.

Вопрос в следующем: есть ли какие-то правила использования иконки крестика для «Отменить». Или я просто выдумываю себе проблемы?

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

Поглядел, как решаются проблемы у слепых людей (всякие варианты выпуклостей).

• В итоге в голову пришло два варианта:
• голова ключа оригинальной формы;
• вариант комбинаций выпуклостей на голове ключа.

А что ещё можно здесь придумать?

В лекции Ильи Бирмана «Шаблонизируй это» прозвучал как пример одного из типовых вопросов: «Я хочу поговорить с директором». Как вы в компании реагируете на желание клиента поговорить с первым лицом, либо если, напрямую обращаясь к директору, постоянно просят его уделить личное внимание проекту?

Если возможно, поделитесь шаблоном ответа.

Есть задача отобразить в индикаторе/диаграмме «больше 100%».

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

Еще надо, чтобы было легко понятно, сама информация.

Невозможно перевыполнить план на 200%, но могут изначально вбить неверные данные, поэтому надо предусмотреть такое. Поэтому вариант с полосой отпал. Вариант когда есть просто цветовое деление (меньше плана — красный / больше или равно — зелёный) тоже недостаточный.

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

Пока самый понятный для всех, кому показывала, оказался верхний. На одной диаграмме показать и количество ковшей, и тонны, и текущие и общие планы, и факты, у меня не получилось совсем. Каша.

Если обобщать задачу, то просто, как изобразить больше 100%, чтобы все легко поняли.

Скажите, будет разбор вступительных работ в Школу дизайнеров? Очень хочу услышать вашу обратную связь по своей :-)

Всё ли ней ясно? Какие моменты непонятны? Что можно было бы сделать ещё лучше в плане решения задачи и визуализации, в частности?

Почему в главном меню на сайте бюро вы не подчёркиваете ссылки?

Какие этапы у решения дизайнерской задачи?

(Часть вторая: этапы)

Это интерфейс бортового компьютера Хонды Си-эр-ви. На первой (верхней) картинке я выбираю, какие частоты отрегулировать: низкие или высокие. На второй — меняю их количество.

На первой картинке строка BAS отличается от TRE сильнее, чем на второй, хотя я выбираю между строками.

Вопрос: правильно ли подобран контраст? Разве не надо выделять рабочее состояние строки сильнее, чем состояние «выбор между»?

Какие этапы у решения дизайнерской задачи?

(Часть первая: ошибки)

Расскажите об эффектах.

Здравствуйте, Артём!

Есть в моей голове убеждение о том, что давать на сайте ссылки, ведущие на скачивание какой-либо информации — плохо.

Поясню: на некоторых сайтах можно найти ссылки «Посмотреть цены», «Скачать прайс», «Меню» и т. д., по клику на которые пользователь получает отдельный документ с информацией. Я верю в то, что вся необходимая пользователю информация должна быть указана непосредственно на сайте, особенно цены. Если же ставить вот такие ссылки, то это будто бы выказывать неуважение к пользователю, ведь так владельцы сайта заставляют человека совершать лишние действия, кликать, уходить с сайта, возвращаться (если повезёт). А если вдруг, не приведи господь, документ открывается не в соседней вкладке браузера, а сразу скачивается на жёсткий диск, то это вообще кромешный ад и смерть конверсии.

Я права или это предрассудки?

Что такое горизонтальное и вертикальное развитие продуктов?

Расскажите об эволюции и революции продуктов.

(Часть вторая: стратегии)

Артём, привет!

Вопрос тебе как владельцу бизнеса и ценителю кофе.

Почему эспрессо стоит 100 рублей, а американо 150? Ведь американо — тот же эспрессо, но с добавочным кипятком. Неужели за него и добавляется 50% стоимости?

P. S. Кофе в Коворкафе люблю и обязательно пью по две чашки на советах Ильяхова.

Расскажите об эволюции и революции продуктов.

(Часть первая: опасности)

Добрый день!

Постоянно встречаю разные варианты написания слова «соцсеть». В основном вижу написание «соц. сеть». Сама пишу «соцсеть» — мне кажется, это как «зарплата», которую никто уже не пишет как «зар. плата». Как всё-таки правильно?

Расскажите о переходе к би- и полисистеме

Что такое согласование в дизайне?

(Часть третья: структурирование)

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

Здравствуйте! Работаю в студии, каждый раз сталкиваемся с проблемой, что в процессе создания сайта, на этапе наполнения, клиент не даёт всей нужной информации для наполнения. А оплату мы берём после наполнения сайта. И очень часто завершение проекта сильно затягивается, из-за этого клиент недоволен и у нас также сложности, потому что прибыль растягивается. Как вы решаете такую ситуацию?

Здравствуйте!

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

Что такое согласование в дизайне?

(Часть вторая: согласование взаимодействия)

Что такое согласование в дизайне?

(Часть первая: согласование элементов)

Поясните, пожалуйста, насчет Школы менеджеров.

Дело в том, что в некоторых из советов за 2013 год читала, что бюро отказалось от менеджеров при организации процесса. Всё могло уже измениться, но всё равно есть сомнения, востребована ли профессия.

В связи с этим вопросы: какие обязанности сможет выполнять человек, успешно закончивший Школу менеджеров, и будет ли такой человек полезен компании? Читала страничку школы и вакансию менеджера в бюро, но не совсем ясно, что именно делают менеджеры и не лучше ли эту работу поручить дизайнерам.

Вопрос со стороны человека, интересующегося этим направлением и который планирует основать своё дело.

Расскажите об управляемости.

(Часть восемнадцатая: инструмент дизайнера)

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

И спрашивает — этично ли это? И нужно ли рассказать об этом руководству?

Я считаю, что обо всём можно договориться, а что думаете вы? (Также там интересны и комментарии к его вопросу)

Расскажите об управляемости.

(Часть семнадцатая: экосистема)

На соседнем пустыре сделали лавочку вокруг дерева. Сначала там появились мамы с детьми и вечерами молодёжь с беседами — было ок.

• Сейчас значительную часть дня спят, выпивают бомжи.
• 1) Мусорят. Если делать замечание про мусор — убирают, но не всегда кто-то есть рядом.
• 2) Пахнут и рядом неуютно сидеть.

В результате они становятся основными пользователями пространства, а я хочу других людей рядом.

Посоветуйте, пожалуйста, что бы такое сделать, чтобы переменить тренд?

Расскажите об управляемости.

(Часть шестнадцатая: самоуправление)

У нас возник спор с коллегами. В модуле есть три абзаца. Строки примерно одной длины. Должен ли изменяться интерлиньяж абзаца в зависимости от количества строк в нём? Сейчас во всех абзацах интерлиньяж 26 п. Размер шрифта 18 п.

Расскажите об управляемости.

(Часть пятнадцатая: интерфейс)

Отступ от первой строки режет глаз. Не нарушается ли здесь правило внутреннего и внешнего?

Добрый день. Помогите мне разобраться с собой. Мой клиент заказал фирменный стиль у другого дизайнера. Вот этот вариант был выбран и утверждён. Теперь у меня «рвёт пукан» :-) Не могу понять — это от зависти и логотип действительно крутой и он в тренде или он отстой, как я думаю.

Расскажите об управляемости.

(Часть четырнадцатая: программа)

Артем, привет!

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

За основу были взяты цифры из шрифта Oswald. Шрифт имеет сжатые пропорции и относительно нейтральную форму символов. Контуры всех цифр были переработаны и на их основе был нарисован знак рубля — ₽, а также потом дополнили знаками евро, доллара и гривны.

Основное предназначение этикетки, ценники.

Что скажете?

Расскажите об управляемости.

(Часть тринадцатая: обратная связь)

Мильчин в «Справочнике издателя и автора» говорит, что разряды в числах нужно отделять пробелом, приводя в качестве примера число 5 825.

Лебедев в Ководстве говорит, что «…разряды лучше всего разделять простым пробелом <…>, но только начиная с пятизначных чисел».

Как правильно?

Расскажите об управляемости.

(Часть двенадцатая: сигнал)

Как в бюро относятся в феминитивам в названиях профессий? Когда, например, пишут «редакторка Ольга» вместо «редактор Ольга». Почему?

Расскажите об управляемости.

(Часть одиннадцатая: воздействие)

Артём, давно слежу за работами бюро, читаю советы.

Когда увидел новую главную, первая мысль была, что что-то сломалось и стили не подгрузились. Вторая — что вас взломали.

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах.

(Часть четвёртая)

Артём, давно слежу за работами бюро, читаю советы.

Когда увидел новую главную, первая мысль была, что что-то сломалось и стили не подгрузились. Вторая — что вас взломали.

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах.

(Часть третья)

Артём, давно слежу за работами бюро, читаю советы.

Когда увидел новую главную, первая мысль была, что что-то сломалось и стили не подгрузились. Вторая — что вас взломали.

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах.

(Часть вторая)

Артём, давно слежу за работами бюро, читаю советы.

Когда увидел новую главную, первая мысль была, что что-то сломалось и стили не подгрузились. Вторая — что вас взломали.

Не покидает ощущение, что новый дизайн нарушает многие из ваших принципов, о которых вы рассказываете в советах (Альфа Ромео почему-то называется Бюросериф, а курсы будут проводится на Гавайях).

(Часть первая)

Что вы думаете о дебатах Лебедева и Навального?

Расскажите об управляемости.

(Часть десятая: динамизировать, согласовать, перейти к би-поли-)

Как защищать ОЧЕНЬ простые дизайнерские решения?

Расскажите об управляемости.

(Домашнее задание)

Магазин бюро предлагает сначала зарегистрироваться где-то в другом месте и блокирует кнопку купить. А как же «интерфейс — зло?»

Вопрос Артёму Горбунову. Что вы думаете о недавнем ребрендинге молочных продуктов «Активиа»?

Расскажите об управляемости.

(Часть девятая: использовать спецэффекты)

Как договориться с коллегой?

Я бы покрасил стены новой рабочей студии белой краской. А коллега хочет клеить обои. Причём стены выровнены идеально, не вижу смысла их прятать под обои. Да и белые стены не должны напрягать при работе.

Что посоветуете?

Расскажите об управляемости.

(Часть восьмая: использовать спецэффекты)

Расскажите об управляемости.

(Часть седьмая: замена взаимодействия)

Добрый день! Помогите с немного дилетантскими вопросами:

1. Потихоньку читаю книгу «Типографика и верстка», но, к сожалению, так и не решил возникший вопрос. Очень интересует модульная сетка, а точнее её отступ горизонтальный и вертикальный от артборда. Модульная сетка в книге понятна, а вот если я делаю презентацию, то эти законы сохраняются? Просто всегда придерживался квадрата в углу по отступу, с прямоугольником как-то не нравилось визуально. Скидываю три варианта, подскажите, какой на ваше усмотрение будет самый оптимальный.

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

Расскажите об управляемости.

(Часть шестая: параллельная формула)

Расскажите, пожалуйста, о точке, которая выступает разделителем между словами.

Заметила, что с помощью неё оформляют списки или разделяют пункты меню, которые идут в строку. Откуда пришёл этот приём? Насколько уместно её использование в вебе или печати и как это делать правильно?

Расскажите об управляемости.

(Часть пятая: подчинённая формула)

Илья, здравствуйте!

Артём отвечал на вопрос о логотипе, который был похож на брокколи. Хорошо, если он похож на безобидный овощ, но что, если он похож на «вид на жопу из унитаза»? Как помочь клиенту увидеть то же самое? Ведь до момента прозрения, он видит его в хорошем свете и может счесть такое сравнение оскорблением.

Расскажите об управляемости.

(Часть четвёртая: добавить энергию)

Как избавиться от звёздочек и сносок, если надо сообщить какое-то тонкое, и в общем-то очевидное, условие, но не хочется захламлять внешний вид?

1. Там написано «При условии наличия»

Расскажите об управляемости.

(Часть третья: добавить элемент)

«Иллюстра­ция под заго­лов­ком отде­ля­ет текст от заго­лов­ка и пре­ры­ва­ет чте­ние. При этом иллю­стра­ция замет­нее рань­ше тек­ста, и чита­те­лю при­дёт­ся пры­гать от неё взгля­дом вверх-вниз к заго­ловку и тексту».

Очень часто встречаются немалоизвестные сайты, которые не особо следуют этому правилу. Например, Бренд-нью — правая колонка. С чем это связано? Они показывают, что весь эмоциональный поток приходится на изображение, а текст занимает второстепенныую позицию? Примеров нарушения этого правила очень много.

Расскажите об управляемости.

(Часть вторая: видоизменить элемент)

С подходами к адаптивной (десктопно-мобильной) вёрстке вроде все уже разобрались — что-то скрываем на одних устройствах, что-то показываем на других.

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

Как в бюро решают такие задачи?

Расскажите об управляемости.

(Часть первая: управляющий и управляемый)

Артём, здравствуйте!

Год назад вы раскритиковали наш логотип, похожий на вегетарианское кафе с брокколи.

А в принципе, нужен ли нам символьный лого? Мы же Центр Развития Памяти, а не производственное предприятие, на упаковку которого надо клепать символ, чтобы он впечатывался в сознание покупателя.

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

И символьный лого, особенно в теме развития памяти, уж очень неблагодарная тема. Что взять в качестве символа — опять мозг, как у всех? Не говоря уже об изображении этого мозга: то капуста, то полужопия, то куриные попки. Если совсем натуралистично нарисовать мозги, то это уже не лого, и вряд ли эстетично.

Лампочка, как символ новой идеи? Книжка или флешка в голове — мол, загружаешь тексты, как в комп? Узелок на пальце, как у американцев? Слон, как символ хорошей памяти?

Никогда не угадаешь однозначно. Разночтения будут всегда. Если только в придачу к лого не давать брендбук с описанием смысла.

Поэтому решил, что в нашем случае нет ничего лучше текстового лого — строго и без пошлятины, вроде мозгов. Нарисовал несколько эскизов. Выверил по вашему учебнику.

Посадил на плашку, чтобы сейчас было виднее. А на сайте можно и без плашки — просто светлые буквы на тёмном фоне или наоборот. А может, и с плашкой, всё-таки наш корпоративный цвет, и внешне отвечает вебовской эстетике: похоже на кнопку.

Мне нравится первый вариант, с биркой. Так и титры обычно оформляют — должность и фамилия. Но для разнообразия сделал варианты с подписями. Второй ещё куда ни шло, но третий точно отстой — как будто левая «подмышка».

Что там дальше с решением задач?

Составляю список правил поведения в офисе. Вписал пункты «Запрещено курить в офисе» и «Запрещено пить спиртное». Коллега заметил, что правила слишком резкие и посоветовал написать «Помещение офиса свободно от запахов табака и спиртного». Я не согласен. Помещение — не человек, чтобы быть свободным. И формулировка кажется нелепой калькой с английского выражения something free.

Любопытно, что я не пью и не курю, а коллега — и то, и другое. Поэтому два вопроса. Какая формулировка правильней? Какая лучше подействует на сотрудников?

Что такое динамизация?

(Часть шестая: инструмент дизайнера)

Добрый день, уважаемые бюрошники!

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

Вроде бы очевидно, что аккаунт читать это должен.

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

Выходит, роль аккаунта в этом случае — передавать бумажки от разработчика заказчику и от заказчика — разработчику, как почтальон? Не открывая. А вдруг там вместо отчёта голая попа? Но из-за недостатка времени он её не разглядел, а вот заказчик — увидел и удивился.

Очень наболело. Ответьте, пожалуйста.

Что такое динамизация?

(Часть пятая: динамизация функций)

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

Что такое динамизация?

(Часть четвёртая: динамизация взаимодействия)

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

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

Всё это мне действительно интересно, но… На деле получается, что я постоянно отодвигаю учебу и начинаю заниматься в «ночь перед экзаменом» — это хоть и позволяет закрыть дыры, но прогресс очень слабый. Я понимаю, что могла бы достичь лучших результатов, но двигаюсь по замкнутому кругу.

То же и в работе: я хочу получить или углубить знания во многих областях — контекст, сео, стратегия, аналитика, копирайтинг. Я нахожу интересные курсы, скачиваю или покупаю книги, но многие из них так и остаются пылиться.

Я не знаю, за что браться, как всё успеть и выстроить чёткую структуру. Даже если удаётся наладить план и ему удается следовать, через какое-то время всё рушится, и я оказываюсь в том же хаосе с кучей непрочитанных книг и несделанных заданий и чувством вины. Подскажите, как организовать своё время и что бы вы посоветовали почитать на эту тему?

Вы как-то делали сайт для Пэй-апа. Сегодня зашёл на него и удивился, увидев стандартный этажный дизайн.

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

Что такое динамизация?

(Часть третья: динамизация связей)

Помогите разобраться с оформлением УРЛ-адреса в тексте. Нужно ли ставить точку в предложении, которое заканчивается ссылкой? Например вот в таком:

• За дополнительной информацией обращайтесь, пожалуйста, по адресу: www.site.ru.

Насколько я понимаю, точку нужно ставить в конце любого предложения. Или этот момент регулируется каким-то правилом?

Что такое динамизация?

(Часть вторая: предельное дробление)

Подскажите, пожалуйста, как поступать с числительными в названиях компаний?

Например, есть организация с названием «Седьмое измерение». У организации есть логотип с надписью «7-ое измерение».

Мне кажется, в случае названия (компании, продукта, услуги) намного лучше воспринимаются числительные в словесной форме. Права ли я? Как аргументировать выбор написания?

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

Что такое динамизация?

(Часть первая: распилить и связать)

Скажите пожалуйста, как правильно подчёркивать заголовки, являющиеся ссылками, и почему?

Как эволюционируют системы?

Как правильно писать имена пользователей в списках?

Есть мнение, что последовательность «фамилия → имя → отчество» удобнее, т. к. по фамилии проще найти нужного человека. Насколько такая последовательность уместна? Мне она не нравится, но аргументировать последовательность «имя → отчество → фамилия» в списке я не могу.

Зависит ли такая последовательность от контекста страницы? Прикрепил пример: рейтинг пользователей и список пользователей компании. Стоит ли совмещать два типа написания?

Добрый день!

После прочтения совета возник вопрос — какая формула и движущая сила Инстрактаблс? Что заставляет людей делиться своими лайфхаками и публиковать процесс создания той или иной работы?

Почему на шкале большинства термометров цифры написаны по обе стороны делений? Какую дизайнерскую задачу они решали, когда это придумали?

Я читаю о признаках FIRE, все примеры по отдельности понятны, а всё вместе — не понимаю. (Третья часть)

Артём!

У меня никак не получается непротиворечиво сформулировать, что такое дизайн.

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

Человек, насадивший камень на палку и получивший топор,— дизайнер? В какой момент иллюстратор превращается в дизайнера: когда не ограничивается иллюстрацией, а оформляет всю книгу? Декоратор, который делает серёжки — дизайнер? В какой момент дизайн наручных часов превращается из декора в дизайн?

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

Я читаю о признаках FIRE, все примеры по отдельности понятны. А как это использовать всё вместе — не понимаю. Расскажите на каком-то одном примере!

(Вторая часть)

Какой из вариантов расположения кнопок более удачный, почему, и есть какой либо принцип, по которому определяется расположение кнопок на форме? Спасибо.

Артём!

Вы писали, что иллюстрация, которая находится в левой «подмышке», отделяет заголовок от текста. Так почему же на сайтах «Системы Главбух», «Системы Юрист» и «Системы Кадры» на главной странице именно левая «подмышка»?

Зачем образование в работоспособных системах?

Как в бюро отнеслись бы к идее корпоративного кодекса, напечатанного буквально в виде брошюры, обязательной к изучению и исполнению и описывающей модель поведения сотрудников (делай то, не делай этого)? Есть ли смысл в такой локальной мини-конституции? Чего там должно быть больше — прав сотрудников или их обязанностей?

Расскажите о ресурсах.

Подскажите пожалуйста, как объяснить двум начальникам, что плохо в принципе использовать в тексте конструкции с монстром «100%-ый»?

Что такое целостность системы?

Это нумерация шкафчиков в фитнес-клубе. Правильно ли размещать её сверху вниз?

Что такое формула системы?

Д. П.: Поясните, пожалуйста, логику выбора формата электронного учебника Артёма Горбунова «Типографика и вёрстка». Зачем развороты? Это же обычный сайт, который незачем насиловать книжным форматом. Кажется, что «Московский метрополитен» в первой главе удобнее было бы расположить справа, а поясняющий текст слева.

Д. Д.: Артём, почему за основу учебника о типографике и вёрстке выбран формат бумажной книги? Учебник интерактивный, распространяется в электронном виде. Зачем номера страниц? Зачем развороты? Почему не сделать сайт с лонгридами, например?

Признаки работоспособной системы

В логотипе ничего оригинального — символ да название. Вроде ни убавить, ни прибавить.
Но нам важно услышать мнение профессионалов.

Надеюсь на ответ.

От чего зависит успех продукта? Продолжение.

Здравствуйте. Разрабатываю лого для рекламного агентства Альбион. Из буквы «А» пыталась изобразить банер. Хочу поинтересоваться, как можно его улучшить? Может, сделать текст вдаль? Или разместить элементы, связанные с рекламой, на самом банере (например смартфоны, ручки, ТВ, журналы)?

Что там дальше с решением задач?

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

Почему в одних блоках на вашем сайте точка ставится, а в других, с виду таких же — нет? (см. скриншот)

И должны ли заканчиваться точкой предложения в ячейках таблицы?

От чего зависит успех продукта?

А что за «взгляд новичка» такой? Вы его везде упоминаете.

Как время и место связаны с разрешением противоречия?

Читая журналы вроде «Смэшинг-магазин» и «Листапарт», заметил, что многие западные дизайнеры имеют глубокие знания в ЦСС и фронтенде. Как вы думаете, должен ли дизайнер целенаправленно изучать вёрстку и разработку для веба?

Добрый день, Артём!

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

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

Что делать в такой ситуации? Возможна ли такая вёрстка?

Как разрешать противоречия без компромиссов? Часть третья.

Как вы прописываете «Ресурс» в трудовом договоре?

Как разрешать противоречия без компромиссов? Часть вторая.

Какую роль в веб-дизайне играют гормоны? Например, дофамин на принятие решений.

Как разрешать противоречия без компромиссов?

Что вы думаете о Рейтинге Рунета? Почему не участвуете?

Расскажите о методе грубой силы.

Как расценивать сомнительные решения, когда обращаешься к лидерам в определённой нише?

Вопрос возник в процессе разработки интернет-магазина часов. Интернет-магазин по продаже часов с крупнейшим оборотом на рынке при нажатии на кнопку «Купить» принудительно отправляет пользователя в корзину с формой оформления товара. Заказчик, обратившийся ко мне, идеализирует это решение, мотивируя тем, что крупный магазин не может ошибаться и наверняка имеет свой штат аналитиков, которые всё продумали.

Мне это решение кажется абсолютно нелогичным. Оно лишает пользователя выбора, мешает пользоваться сайтом и усложняет добавление нескольких товаров. Что это: ошибка разработчиков или решение, которое решает их задачу?

Что такое капитуляция?

Почему в бюро пишут «Гугль», а не «Гугл»?

Расскажите о компромиссах.

Нет ли проблем с информационными слоями на клавишах?

Как разрешать противоречия?

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

Что посоветуете почитать, посмотреть? Спасибо!

Что такое минимизация конструкции?

Добрый день!

Подскажите, пожалуйста, по вопросу вёрстки сайта. Есть логотип и заголовок по центру и три абзаца разной длины снизу. Правильно ли центрировать по среднему абзацу (чтобы именно он был по центру страницы) или чтобы все три абзаца были по центру страницы?

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

Заранее спасибо.

Как решать дизайнерские задачи?

Расскажите, на что опереться русскому дизайнеру.

Что такое выход из прямоугольника?

Расскажите об ушках, цитатах и фактоидах.

Расскажите о вёрстке главной страницы.

Как сверстать текстовую страницу?

Как собрать страницу из модулей: с иллюстрациями.

Как собрать страницу из модулей: без иллюстраций

Как собрать страницу из модулей: зачем нужна сетка?

Расскажите о вёрстке доминирующих и вспомогательных иллюстраций.

Как форма текста влияет на порядок чтения?

Как верстать текстовые блоки с иллюстрациями?

Расскажите о формате и выборе полей.

Что такое модульная вёрстка?

Как вам вступительные задания в Школу стажёров? Какие тенденции? Общий уровень?

Что такое «правило внутреннего и внешнего»?

Как верстать модули с лентами?

Как верстать текстовые блоки?

Что нужно знать о подписях в вёрстке?

Расскажите о ссылках в вёрстке.

Расскажите, как работают элементы управления в вёрстке.

Расскажите об иллюстрациях как базовом элементе.

Что нужно знать о тексте как базовом элементе?

Что такое профессиональная этика?

Расскажите о вёрстке заголовков.

Вопрос по шрифтам.

Я часто делаю макеты афиш, используя Фотошоп и Корелдро. Давно заметил такую деталь: когда пишешь любым шрифтом цифры (к примеру «год 2014»), то его приходится адски кернить.

Это, разумеется, не только с цифрами, а вообще шрифты ну очень кривые попадаются.

Конечно, я обычно использую бесплатные шрифты, но платные тоже этим недугом страдают. Шрифт Студии Лебедева Пермиан я часто использую, он мне очень нравится, и в нём таких недостатков нет. Если есть, то несущественные — его практически не надо двигать.

Уверен, что американские студии, которые создают шрифты для Виндоус (не знаю про Мак, может, там такая же ситуация),— не лохи совсем, и уверен, что знакомы с понятием кернинг и другими техническими понятиями, и точно понимают, что можно встроить всевозможные сочетания букв и цифр на любой случай, чтобы буквы не скакали.

Вопрос: в чём причина? Почему даже платные шрифты скачут?

Бюро, привет!

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

Что делать?

Артём!

Правила внутреннего и внешнего, якорных объектов, модульности — это универсальные принципы вёрстки. А каковы её базовые элементы?

• В текстах об условиях операций, комиссии, процентах постоянно приходится выбирать между унификацией и отсутствием повторов:
• 10 Гб — 30 рублей в месяц, 300 рублей в год.
• 100 Гб — 100 рублей в месяц, 1000 рублей в год.
• 1 Тб — 900 рублей в месяц, 9000 рублей в год.

Рублей-рублей-рублей, год-год-год.

Что с этим делать?

Уже перепробовал кучу способов сверстать эту информацию. На 100% не устраивает пока ни один. Может, что подскажете?

Как по-вашему, хорошая ли идея для Яндекс-метрики? Мне этого очень не хватает внутри интерфейса.

В программе по типографике Школы стажёров есть пункт: «Модуль. Точка, линия и прямоугольник, знак, строка и абзац. Выравнивание». О чём идёт речь?

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

А сейчас, может, есть смысл сначала запретить выделение всем элементам, а отдельным в виде исключения разрешить?

Посоветуйте, как можно улучшить вёрстку страницы научного журнала. Согласно требованиям нельзя убирать никакие блоки.

Заранее спасибо.

Здравствуйте! Подскажите, как в наше время широкоформатных мониторов и узкоформатных планшетов решается проблема вертикального главного меню? Опишу проблему: есть каталог товаров, главное меню в нём — список категорий с подкатегориями. Вариантов размещения этого меню два: вертикальный и горизонтальный.

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

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

На скриншоте основное меню сделано вертикально, что очень сильно бъёт по размеру каталога (уместилось только три столбца) и фильтра товаров (планируется добавить ещё фильтров, а уже некуда).

Как быть? Есть идея сделать каталог товаров обтекающим меню — то есть сразу под меню начинается четвертая колонка товаров. Радикально? Нормально? Но тогда остаётся проблема с фильтром. Да и всё равно есть дублирование ключевых категорий в верхнем меню — тоже напрягает. Ищу совета у вас, уважаемые знатоки.

Работаю дизайнером в небольшой студии. Взяли новичка, возникла проблема, парень не видит, что у него конкретные проблемы в работе с текстом для веба. Отступы, заголовки, списки, в общем, не видит когда текст выглядит красиво, а когда нет. Как можно его поднатаскать в этом?

На данный момент у этой страницы конверсия ~1,2%. Что в ней не так? Почему бы вы не сделали покупку на сайте?

Страница в действии

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

Как работать с межстрочным расстоянием в блоках с разным размером текста?

Как найти и соблюдать «вертикальный ритм»?

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

На верхней картинке с сертификатами всё хорошо, нужно в этом же списке среди прочих показать «неактивные» до установки нужного ПО. Нижняя картинка — наш текущий ход мыслей. Также вначале думали сделать отображение такого сертификата серым цветом, чтобы он выглядел неактивным, но у пользователя это метафора связана со статическим неактивным элементом — на который который нельзя кликнуть. Нам нужно обратное поведение: привлечение внимания для щелчка. Что посоветуете?

Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках?

Уважаемые советчики, как вы относитесь к «подкату» для текстов? Тот же Хабр использует тег <habracut />, чтобы делить статью пополам.

Как лучше всего решить эту задачу, если текст нужно разделить на анонс и основной текст, который доступен на странице со статьёй?

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

Делаем вот такой шаблон для афиш периодического мероприятия. Двухцветный вариант (А4) для поверхностей с множеством других объявлений, а цветной на белом фоне (А3 и больше) для более свободных поверхностей. Будущий рисунок представлен наброском.

1. Хотелось бы узнать ваши замечания по размещению текстовой информации, т. к. смущает то, что в этом варианте уже ничего не смущает. Использовалось три кегля (не считая официальной обязательной надписи внизу восьмым кеглем) и две гарнитуры.
2. Посоветуйте, пожалуйста, как поступать, если необходимо размещать одну информацию в совершенно различных местах? Удачно ли, на ваш взгляд, наше решение с разделением вида афиши на два варианта для различных мест размещения?
3. Правилен ли наш выбор в наличии или отсутствии точек в конце предложений?
4. Как сформулировать авторскую подпись, если мы официально не зарегистрированы, сайт есть, занимаемся дизайном нерегулярно и больше только из любви к делу, а имена в данном случае не хотим указывать?

Приветствую, уважаемые советчики.

Подскажите, пожалуйста, как правильно организовать горизонтальное меню на сайте.

Лет шесть назад один арт-директор научил меня выравнивать строки в инпутах/табах/кнопках/любых контролах и элементах интерфейсов по вертикали таким образом: необходимо центрировать строку относительно строчных букв. Таким образом по массе строка будет располагаться в центре объекта.

Объяснение логичное, и я взял его за правило.

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

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах. Спасибо.

Здравствуйте! Я не понимаю, как должен быть устроен мир — в смысле сохранения предпочтений.

Как работает сохранение: пользователь выбрал папку, из которой хочет загрузить файл,— в следующий раз ему предлагают загружать файл из неё же. Пользователь выбрал один из серверов для игры,— при следующем заходе в игру по умолчанию будет выбрана строка с этим сервером. Пользователь сохранил закладку в Хроме в папку «Самое-самое»,— следующую закладку ему сохранят туда же.

Но ведь это ужасно! Пользователь всегда загружает файлы из «Документов», но один раз ему понадобилось загрузить фотографию из другой папки и вообще с другого диска. Пользователь всегда играет на одном и том же сервере, но один раз его сервер был недоступен и он заглянул на другой. Пользователь всегда сохраняет закладки в «Другие закладки» и очень редко в папку «Самое-самое» или какую-то ещё.

Но теперь при следующей загрузке, заходе в игру, сохранении закладки ему обеспечены мучения: исправлять путь (ну тут хоть сразу заметно подставу), очень внимательно и аккуратно заходить в игру, усилием воли отключая «автопилот», чтобы не «прощёлкать» на автомате предательское окошко выбора сервера. Поудивляться, почему закладка не сохранилась, понять, что она всё же сохранилась, и пойти вытаскивать её из совершенно не предназначенного для неё места. Хуже того, если какую-то закладку перенести, к примеру, из «Других» в тематическую папку, эта тематическая папка станет местом по умолчанию для сохранения следующей закладки.

Что же делать?

Биткоин или биткойн?

Решил переделать Ай-ОС, но до этого никогда не занимался дизайном интерфесов.

Хочу спросить совета. Чего не хватает? Что можно сделать лучше?

Что делать со словом «дизайн» в России?

Дизайн — это проектирование. У нас в России понимают под дизайном внешний вид и всё что угодно, но никак не процесс.

Как вы доносите своим клиентам, что дизайн — это не внешний вид, а совершенно иная деятельность?

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

Зачем так делают? Что мешает поместить врезку на то самое место, где должен быть нужный кусок текста?

• Переход фокуса
• Переход фокуса — 2

Что вы думаете об этом эффекте?

Что можно добавить/изменить в оранжевой части или калькуляторе в целом?

Спасибо.

Во многих организациях есть информационный стенд, как, на ваш взгляд, можно сделать его красивее и полезнее?

Как в бюро ставят задачи?

Как объяснить этот редизайн? Фейсбук вроде бы владел культовым символом, все и так знали, что палец вверх — это Фейсбук. Новая кнопка, конечно, выглядит более стильно, но не выдающейся.

Редизайн сайта для моделей и модельных фотографов.

Радикально изменили страницы пользователей. До этого было «как вконтакте» — справа фотография, слева имя и блок с информацией. Хотелось сделать страницу максимально контент-ориентированной, чтобы она выполняла функцию портфолио.

Насколько хороша сама идея и какие есть ошибки, слабые места? Не является ли перегибом на внутренних страницах использовать такие огромные фотографии-обложки? Заранее большое спасибо.

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

Тут по две сетки на каждый блок. Сами сетки легко обнаруживаются, но принцип их комбинирования никак не могу ухватить.

Смотрится очень круто, просто алхимия. Чем-то похоже на полиритмию в музыке. Подозреваю, что комбинирование ритмов даёт волшебство везде, а не только в сетках и в музыке.

Вдохновился постом на Хабре об улучшении посадочного талона и решил улучшить билеты на поезд.

Получилось вот так вот. Решение не требует выхода в надсистему, т. к. размер билета не изменяется, можно даже фон оставить таким же. Чисто служебная информация отделена от нужной пассажиру. У меня возникла проблема с правильным размещением информации о пассажире и об обслуживании. Шрифт — Segoe UI от Майкрософта.

Что думаете? Какие недостатки? Что можно улучшить? Как бы сделали вы?

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

Что мы сделали не так?

Знак умножения (как тире и многоточие) выключают посередине формата фрейма

Перепроектируем интерфейс оформления заказа для клиента. Заметили, что в нынешней версии не установлена в значение по умолчанию радиокнопка выбора способа доставки, что противоречит правилам её использования. Клиент — старый и опытный магазин, потому прежде чем переделывать, мы решили попросить объяснения этому явлению. Оказалось, что распределение между самовывозом и доставкой на дом по накопленной статистике примерно равное, а при предустановке любой из кнопок сразу же возрастало число ошибок. А поскольку стоимость доставки разная, то приходилось либо возвращать деньги, либо оформлять дополнительные счета. Плюс потеря времени администраторов магазина и недовольство клиента в случае ошибочной доставки.

Мы предложили заменить радиокнопки на выпадайку, но этот способ клиента тоже не устраивает, т. к. по его мнению выпадайка ещё менее заметна (меньше по площади). Позиция клиента — «если что-то работает, то не надо это чинить».

Как эту задачу решили бы в бюро? Спасибо.

Как написать хорошее резюме?

Надоело работать без сна и отдыха. Что посоветуете?

Вопрос по ФФФ. Вам клиент когда-нибудь говорил — в прошлый раз вы за эти деньги и в эти же сроки сделали столько, а на этот раз вы сделали только это и это (т. е. мало)? Как вы можете это объяснить? Как вы ему отвечали на это?

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

Как вы относитесь к разделу «Кто мы»? Пользователю будет легче сориентироваться на ярком сайте, если всю нужную информацию он увидит сразу перед глазами?

Как сделать данное расписание работы кафе более понятным?

Посмотрите, пожалуйста, дизайн продукта «Тайминг».

Наша цель — облегчить удалённую командную работу.

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

Скажите, по какому бы вы пошли пути, чтобы создать из того что есть сейчас минимальную работоспособную систему. Мы выбираем пока из двух направлений:

1. Углубляться во всё, что связано с разницей во времени и вызываемых ей неудобствах (например сделать, чтобы можно было легко назначать встречи, предсказывать доступность коллег)
2. Превращать тайминг в инструмент общения команд — добавлять общую ленту, разбивку на команды/комнаты, а впоследствии — чат и видеоконференции.

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

Почему у вас в бюро так мало девушек? И как вы относитесь к феминизму?

Мне второй вариант кажется слишком «навязчивым» и «кричащим»

Как нарисовать правильную галочку?

Делаю салонную схему автобусных маршрутов. Как удачнее показать, что на общем с 30-м маршрутом участке от Фрунзе до Хромова у 56-го автобуса движение только в одну сторону?

Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент — множитель. Получается запись вида:

Выбранные страны (5): Россия |1.500, Германия|2.000, Франция|1.400, Италия|1.100, Испания|0.900

Всё должно помещаться в одну строку. Как бы вы посоветовали оформить это наиболее понятно для пользователя? Может стоит, заменить символ | на какой-то другой разделитель?

Как правильно показать на главной странице направления компании, когда их аж 12 штук?

У меня несколько вопросов:

• Расскажите пожалуйста, вносят ли клиенты свои правки в макеты сайтов?
• Каким образом это происходит?
• Как нужно вносить их в макеты?
• Как после прототипов регламентировать правки, их количество и их характер?

Артём, как сделать, чтобы блок при прокрутке залипал у верхней границы окна браузера и отлипал, когда скролишь обратно?

Как правильно размещать водяные знаки на фото?

Я за минимализм, конечно, в углу, но чтобы защитить фото, лучше посередине, наверное?

Как сделать удобную форму для ввода значений отступов и границ?

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

Спасибо.

Артём, как вы искали людей на начальной стадии существования бюро?

Я предполагаю, что сейчас есть имя: вакансии на сайте, дизайнеры сами выполняют тестовое задание. Дизайнеры заинтересованы в работе и обучении. Но как было в самом начале?

Звать крутанов? Но их не перепрошьёшь под своё видиние мира. Брать зелёных и выращивать? Ресурсозатратно: нужно вести проекты клиентов и лишь чуть-чуть уделять времени дизайнеру.

Интересен ваш опыт.

Вопросы о системе «Ресурс»

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

В бюро есть «ведущий дизайнер» и «дизайнер». Как распределяются обязанности между ними при работе над одним проектом? Где грань между «ведущим» и «просто» дизайнером?

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

Вот из бюро присылают письмо о пяти днях. Почему решили делать так?

Здравствуйте!

Как вы относитесь к элементам интерфейса с динамическим контентом в рамках фиксированного пространства, например каруселям или слайдерам?

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

Вопрос связан с грамотной формулировкой этого пункта в договоре, и, вообще, нормальная ли практика вносить такие вещи в договор? Спасибо.

Здравствуйте!

Иногда бывает такое, что когда проектируешь дизайн и рисуешь графические элементы для сайта, получается что-то очень похожее на тот сайт, на который смотрел, например, два месяца назад — похожее меню, иллюстрация или кнопка в меню… Подсознательно это всё можно забыть, где это было или что вообще было, но когда другой человек это видит, говорит, что это плагиат, ты всё скопировал, воруешь и т. п.

Пересматривать весь интернет и искать похожее? Или так у всех бывает?

• Как правильно писать размерность (допустим, длину и ширину)? Речь именно о знаке между самими величинами:
• 200*300 мм
• 200x300 мм
• 200 x 300 мм

Возник спор с женой, никак не можем аргументированно защитить свою позицию. Гугль, госты и словари не помогли.

Артём, как вам новости о том, что «Бест-бай» отменяет ROWE?

Как быть с длинными названиями компаний при создании логотипов? (При условии, что нельзя пользоваться аббревиатурами). Может, есть примеры удачных работ?

Привет, ребята!

Идея расставлять сеансы по времени (средний) и ёлочкой (последний) не даёт мне покоя — не могу решить, есть плюсы или минусы, хорошо это или плохо. Помогите разобраться.

Скажите, пожалуйста, почему «Таиланд» попал в список запрещённых слов?

Как наиболее простым способом сверстать такую таблицу, с учётом того что данные приходят автоматически и нет возможности руками расставлять их?

Мы разрабатываем сайт с бесплатными объявлениями. У посетителя имеется возможность делать отметки для себя о каждом объявлении.

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

Очевидно, что пользователь может начинать работу, не авторизировавшись, а в случае, если захочет сохранить работу, он может авторизироваться и этим привязать изменения к профилю.

Но что делать, если он уже совершил какие-то действия, а после этого заходит в свой профиль, где уже есть какие-то сохранённые данные? Совмещать их каким-либо образом? Игнорировать изменения в браузере? Игнорировать изменения в профиле? Спрашивать пользователя?

Не могу покреативить над комм. предложением. Тема — грузоперевозки, грузчики. Город и область. Направьте в нужное русло, если можно, набросок.

Добрый день!

В биологии для вычисления маcсы микроскопических организмов используют модели, состоящие из геометрических тел. На рисунке одна из моделей микроводоросли. Цифры показывают, где нужно измерять микроводоросль и в какой последовательности проводить измерения организма. Интересует, насколько нагляден чертёж, шрифт, индикаторы мест промеров, что в нём нужно исправить?

Спасибо.

Привет! Нужно ли красить запятую?

Артём, в вакансии бюристы Коворкафе вы писали, что это будет кофе-бар в итальянской традиции. В частности, меня заинтересовал момент, где вы писали, что не станете насыпать корицу в капучино. Мне всегда казалось, что корица в капучино — это в своём роде классика, неужели это не так?

И если говорить о традициях, то почему вы готовите «американо»? Это обусловлено только спросом или есть что-то ещё?

Возникла проблема на этапе тестирования с реальными данными — длинные названия регионов и населённых пунктов не помещаются в имеющийся шаблон с двумя узкими колонками (такая упаковка блоков — пожелание заказчика). Из-за этого сползает сетка и образуются некрасивые дыры. Подскажите, можно ли решить эту задачу средствами вёрстки и стилей или надо убеждать заказчика использовать другое расположение элементов?