Советы Михаила Нозика

Насколько я справился с редизайном сайта Блаблакара?

behance.net/gallery/72979763/Redesign-concept-BlaBlaCar

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

И волнует то, что ломается порядок чтения: верхняя часть читается слева направо, нижняя — сверху вниз. Думаю, читателю будет неудобно читать.

Спасибо.

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

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

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

Сделал банер для сайта. Как его можно улучшить?

Подскажите, пожалуйста, правильно ли писать под промокодом «действует с 29 мая по 2 июня» или нужно добавить сноску о сроках проведения акции?

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

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

Ельцин Центр — популярное место в Екатеринбурге. Наткнулся на их листовку. Как её можно улучшить?

Добрый день!

Презентация сайта для портфолио на Бихансе. Компания занимается продажей товаров для животных.

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

Хотелось бы знать, какие ошибки бросаются в глаза. И в плане типографии, вёрстки, общего стиля презентации, логики подачи.

Картинка полностью

Прошу совета, как можно улучшить банер, что нужно добавить или же напротив убрать совсем? Размер 6×6 метров.

Будет висеть на торце производственного цеха в промзоне, а примерно в 70 метрах от него проходит дорога. Именно на проезжающих мимо автолюбителей и нацелен банер.

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

Заказчик присылает правки по макету, а я считаю, что они всё испортят :-(

Что можно сделать? И как быть?

Мне кажется, это плохой плакат. Разные шрифты, нет заголовка. Что ещё не так с этим плакатом? Что улучшить?

Что не так с афишей? Посоветуйте, как можно было бы ее улучшить?

Посоветуйте, как сделать это окно лучше?

Нельзя просто так взять и сделать модульную страницу из текстовой

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

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

Есть предположение, что блок «вы платите» в виджете записи к врачу разделяет виджет и сильно бросается в глаза. Создаётся впечатление, что кнопки «Отменить» и «Календарь» уже не относятся к записи к врачу.

Что вы думаете?

Здравствуйте дорогие советчики!

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

У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева. Вторая часть

У меня афиша. Не знаю, как улучшить. Беспокоит пустое пространство слева

Здравствуйте! Я начинающий дизайнер и сейчас занимаюсь созданием образовательных материалов. Подскажите, как доработать и улучшить материал. Какие ошибки есть в моей работе?

Здравствуйте! Мы фотографируем детей в детских садах. После фотосъёмки родители выбирают понравившиеся снимки и заказывают их в виде фотографий и другой сувенирной продукции.

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

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

Добрый день!

Подскажите, пожалуйста, как правильно выравнивать текст в кнопках по вертикали? Нужно ли учитывать хвостик у «Й» при выравнивании? Какие существуют правила в типографике на этот счёт?

Какая табличка лучше справится со своей задачей: страшная и кричащая или стильная и нежная? Как можно улучшить?

(У Штанга увидел)

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

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

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

Здравствуйте! Запускаем сервис фото- и видеосъёмки для компаний, испытывающих постоянную потребность в новом медиа-контенте для своих социальных сетей. В основном это HoReCa и сфера услуг. Сделали вот такой а-ля ванпейджер для оффлайн-разброски потенциальным клиентам. Беспокоюсь, что месседж донесён мутно. Что посоветуете?

Добрый день!

Вопрос про кнопки и поля ввода — должны ли они быть по высоте или ширине одинаковы? Или не должны? А если должны, то в каких случаях — да, а в каких — нет?

Михаил!

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

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

Была задача сделать простенький макет для большого уличного банера (6×3 метра). Никогда раньше не делал дизайн уличных баннеров или билбордов. И вроде бы понимаю, что есть особенности вёрстки такого формата, однако нигде не могу найти информацию по существу.

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

Я делаю вступительное задание в школу редакторов и у меня в голове противоречие, которое не даёт спать. Вопрос о правиле внутреннего и внешнего и его использовании. Я внутри чувствую, что не всё так просто, и от отсутствия знания появилось сомнение и неуверенность. Перечитал советы, но ответа не нашёл.

С концептуальным пониманием проблем нет. Есть правила, на которых я застрял:
1. Пробел между строками прописных букв не может быть меньше высоты буквы.
2. Интерлиньяж должен быть больше межсловных пробелов.
3. Прописные нужно разрежать.

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

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

Пожалуйста, помогите.

Добрый день!

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

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

Заранее спасибо за советы.

Добрый вечер! Прошу помощи по поводу типографики. Я сделала лого для заказчика (было), его утвердили, а потом другой дизайнер немного переделал мой логотип и его вариант утвердили (стало).

Я применила трекинг к слову keramik, чтобы оно по ширине было таким же как fabrick, чтобы уравновешивать композицию. Фирма изготовляет кирпич и плитку. Идея была, чтобы каждое слово было вписано в блок и в целом было создано равновесие. Я читала, что трекинг для прописных букв поощряется, для удобочитаемости, и издали видно буквы не сливаются + сейчас в тренде прописные буквы.

Буквы FA я откернила, чтоб FA и BRICK было откернено одинаково.

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

Добрый день!

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

Вторая часть.

Добрый день!

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

Михаил, здравствуйте!

Могли бы вы помочь с анкетой? Анкета, которая была изначально, наверху. Она заполняется участниками конференций вручную и также вручную она обрабатывается. Основная задача анкеты — получить контакт участника (могут быть из разных городов и стран), чтобы пригласить его на следующую конференцию. После нескольких итераций получилась анкета снизу, в ней удалось уменьшить формат с А4 до А5. Могли бы вы указать на ошибки в организации анкеты и помочь сделать её правильно?

Вторая часть: перерисовка

Михаил, здравствуйте!

Могли бы вы помочь с анкетой? Анкета, которая была изначально, наверху. Она заполняется участниками конференций вручную и также вручную она обрабатывается. Основная задача анкеты — получить контакт участника (могут быть из разных городов и стран), чтобы пригласить его на следующую конференцию. После нескольких итераций получилась анкета снизу, в ней удалось уменьшить формат с А4 до А5. Могли бы вы указать на ошибки в организации анкеты и помочь сделать её правильно?

Михаил, насколько эта страница получилась удачной? Что можно улучшить?

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

Как оформить портфолио маркетологу?

Дизайнер может визуально продемонстрировать проекты, разработчик показать код на Гитхабе. А маркетолог?

Добрый день! Нарисовал первую страницу для школы танцев. Ниже будет ещё контент. Для больших экранов. Опыта у меня мало и хотелось бы спросить совета. Всё ли верно расположено и имеет ли место быть такое начало сайта?

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

Для занимающихся есть меню слева. Там можно посмотреть расписание занятий и т. д.

Давайте снова поговорим про «полосатые» сайты, а точнее про то, когда можно использовать нежелательные приёмы. На примере главной страницы Дропбокса — это исключение или не самый лучший вариант?

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

Приветствую!

Это макет для будущего билборда. Размер 6×3 метра. Была задача прорекламировать два товарных бренда и указать номер телефона и контактные данные.

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

Добрый день! Как оцените вёрстку и типографику промосайта?

На мой взгляд, многие решения вдохновлены были бюро.

Здравствуйте! Как можно улучшить оформление и вёрстку сертификата формата А5?

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

Добрый день!

Что можно улучшить в этом письме?

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

Помогите, пожалуйста, с вёрсткой рекламного объявления фитнес-клуба. Хочется привести к ним побольше людей.

Висеть будет в плохо освещённых маршрутках, где и встретил их объявления. Информацию брал с сайта спарта21.рф

Какие есть ошибки? Как можно поправить?

Здравствуйте! Меня зовут Арсений. Пишу Михаилу Нозику и Максиму Ильяхову. Не знаю, можно у вас так делать, чтобы сразу от двух экспертов получить совет, но я решил попытаться.

Есть задача — сделать из типичного для моего подъезда объявления что-то полезное и классное. Формат А4. Клеится на стену. Цветная печать.

Михаил, помогите, пожалуйста, разобраться и укажите путь, куда двигаться. Как сделать лучше? Или может с чистого листа начать? Какие проблемы в макете? Зашел в тупик, не знаю, как гармонично разместить текст и иллюстрацию. И ещё совсем не придумал, что делать с нижним блоком текста («Что нельзя делать в лифте»). Буду благодарен вам, если укажите на ошибки и покажете, как сделать лучше.

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

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

Я дизайнер продукта, который недавно задался целью создать небольшой сайт-визитку с выжимкой информации о своём опыте.

После беглого чтения книги «Типографика и верстка» появилось ощущение, что информация свёрстана скомканно, а фотография слишком акцентна.

Дайте, пожалуйста, рекомендации по наведению порядка на этой странице: danial.si.

Добрый день!

Интересует мнение Михаила насчёт дизайна сайта антикварной скупки. Адрес — buyingsc.com.

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

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

Как правильно поступить при вёрстке меню ресторана на мобильных устройствах?

Я открыла новое направление GLOW ART в искусстве вышивки. Вышивка светится в темноте. Сделала баннер для участия в выставках. Но хотелось бы донести, что это искусство связано с вышивкой. Слово embroidery (на английском — вышивка) очень громоздкое. Теряется стильность баннера. Как понятно для зрителя показать это?

Готовим выставку. Не можем понять, подходит ли нам афиша. Цепляет ли, читаема ли и так далее.

Здравствуйте, Максим и Михаил! Нужна помощь с вёрсткой и текстом в плакате.

Это плакат для танцевальной студии. Висеть будет на входе, в окружении плакатов других направлений.

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

Мы хотим заинтересовать, привлечь и вдохновить на посещение занятия.

Что можно улучшить?

Михаил, добрый день!

Я переделал главную страницу сайта Гагаринского муниципалитета. Старый сайт: gagarinskoe.com. Старался сверстать плотно и нескучно, сделать страницу полезной для жителей района, передать настроение «строгий гос. сайт». Подскажите, как сделать страницу полезнее, интереснее и проще для чтения?

Что скажете про лого теомизма? Как вы вообще относитесь к идее задизайнить философию? Как сказано на сайте философии, теомизм — это лингвистический эксперимент по созданию философии как (анти)дизайна философии. Кстати, они и про Илью Бирмана статью написали. Видимо, сильно неравнодушны к дизайну.

Добрый вечер!

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

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

Мои мысли, что можно улучшить:

• 1. Сверстать в подходящей для этого программе, чтобы хотя бы лучше учесть размеры учебника.
• 2. Изменить размеры полей. Сейчас кажется, что они везде одинаковые, хотя я старалась сделать внешние поля на странице больше, а внутренние — меньше.
• 3. Распечатать макет в цвете.
• 4. Вынести важную информацию (определение) на поля для привлечения внимания.
• 5. Переделать стр. 35, чтобы было меньше белых дыр.

Буду рада услышать ваши комментарии!

Сверстал себе новую главную. Что скажете по поводу вёрстки?

Михаил, добрый день!

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

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

Что же делать? Создавать отдельную сетку или править текущую?

Добрый день! Читали книгу «Типографика и вёрстка», огромное спасибо за труд. Опираясь на полученные знания, нарисовали обложку для развёртки с палитрой плёнки для натяжных потолков. Буду очень благодарен за замечания и рекомендации.

Здравствуйте! Я сделал плакат с учебными программами. Раньше на его месте висела таблица, и прочитать на ней что-либо, не подойдя вплотную, было затруднительно. Столбцы таблицы были такими: направление, факультет, программы. Представьте, сколько неиспользованного пространства там оставалось! Я вытащил информацию из таблицы, тем самым увеличив размер шрифта, но плакат остался монотонным. Подскажите, как можно его улучшить?

Привет! Верстаем в Тильде страницу магазина цветов. Как улучшить карточку букета? У букетов нет названий, есть только номера — это решение владельца.

Михаил, здравствуйте!

Я сделал страницу подписки для своей рассылки: awdee.ru/newsletter

Посоветуйте, как улучшить блок с фактоидами. Желательно, чтобы решение несложно было адаптировать для мобильной версии. За советы по вёрстке остальной страницы тоже буду благодарен.

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

Авиатус

Часто бывает, что какая-то из плашек на всю ширину окна браузера (шапка в данном случае), и, например, справа кнопка со своими внутренними отступами, а слева логотип или пункты меню, как в этом случае.

По той причине, что текст у кнопки смещён за счёт своих полей, а также потому что у контента ниже есть внутренний отступ, хочется сделать отступ и у меню слева. Но как только сделаешь его — сразу заметно, что у шапки по правому краю никакого отступа нет и она становится «перекошенной».

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

Извините за запутанный текст и спасибо.

Вторая часть. Ещё несколько мыслей

На сайте natgeotv.com/ru выделение заголовков и подзаголовков сделано с очень большими апрошами. Оправдано ли это? Или это новый тренд? С точки зрения пользователя смотрится интересно, но замедляет чтение, да и просто неудобно читать.

Разрабатываю меню. Цену выравниваю по нижнему символу. Из-за этого расстояния между ценами разные. Это считается нормой вёрстки? Если нет, то как нужно выравнивать цены относительно такого списка?

Что можно сделать лучше?

Сделал сайт для подписки на свою рассылку: letter.sourvillo.ru

Что скажете о вёрстке и содержании?

Эта табличка будет висеть возле входной двери у каждой мастерской.

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

Что можно улучшить?

Меня лично смущает большое количество пунктуации, например, тут: «Сб., Вс.». Шрифты Open Sans ExtraBold и Open Sans Bold.

Вторая часть. Настроение

Эта табличка будет висеть возле входной двери у каждой мастерской.

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

Что можно улучшить?

Меня лично смущает большое количество пунктуации, например, тут: «Сб., Вс.». Шрифты Open Sans ExtraBold и Open Sans Bold.

Миша, привет! У меня ступор. Чувствую, что карточка неправильно скомпонована. Как повысить информативность и сделать вёрстку аккуратнее?

Решила себе сделать такую гифку, оцените?

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

Что можно улучшить?

balletdancer.ru/giselle/

Третья часть. Настроение.

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

Что можно улучшить?

balletdancer.ru/giselle/

Вторая часть. Культурный поиск.

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

Что можно улучшить?

balletdancer.ru/giselle/

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

Вторая часть

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

Добрый день! В вагонах московского метро висит и режет глаз реклама сервиса доставки малоформатных грузов между станциями и по России. Переверстал. Что можно улучшить? Какие ошибки допустил?

Часть вторая. Разбор ошибок

Добрый день! В вагонах московского метро висит и режет глаз реклама сервиса доставки малоформатных грузов между станциями и по России. Переверстал. Что можно улучшить? Какие ошибки допустил?

Сайт работает по временной ссылке: new.podryad.tv

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

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

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

Сделать широкое левое поле и выравнивать по заголовку? Но это сколько места гуляет.

А якорные объекты же будут спорить с логотипом? Градиент как будто намекает, что по его левой границе проходит раздел колонок? Но это неудобно для презентации.

Подзаголовки стоит делать меньше основного? Но их будет плохо видно на проекторе.

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

Мой шестой по счёту сайт. Всё плохо, да?

Здравствуйте! Подскажите, пожалуйста, можно ли так размещать текст?

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

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

Выскажите, пожалуйста, мысли об указании размеров мебели на сайте.

Ширина×высота×глубина подходит для «высоких» предметов: шкафов, витрин, комодов. Ширина×глубина×высота просится для «плоских» предметов: диванов, кроватей, столов.

Сайт продаёт «высокие» и «плоские» предметы. Писать возле каждого предмета со словами «ширина 1450 мм, высота 975 мм, глубина 455 мм» или «1450×975×455 мм» кажется бесконечным повторением. Но как «вынести за скобки»? И выносить ли? Писать всегда в одном формате ширина×высота×глубина «1450×975×455» без его описания и использовать исключения с уточнением отличия формата «1670×2105, высота 1050»? И что делать с единицами измерений?

На работе в кабинете формата опен-спейс на всех рабочих местах висят таблички с ФИО и должностью. Нынешний формат представлен на верхнем рисунке. Средний и нижний рисунок — полёт моей фантазии. Подскажите, пожалуйста, как бы вы сверстали данные таблички? Что важнее: должность или ФИО?

Здравствуйте. Вопрос по вёрстке. Это подвал мобильной версии сайта, вид с телефона. Традиционно такие вещи в мобилах выравнивают по центру. Но информации много, оставить надо всю и в данном случае центрирование и вёрстка меня смущает. Как бы вы поступили?

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

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

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

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

(Процесс. Часть четвёртая, сетка)

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

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

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

(Процесс. Часть третья, перебивки)

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

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

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

(Процесс. Часть вторая, раскладка проектов)

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

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

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

(Процесс. Часть первая)

Илья, сверстал одностраничный плеер для прослушивания украинских онлайн-радиостанций для хипстеров. Как улучшить?

Вторая часть. Улучшаем вёрстку

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

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

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

Буду благодарен, если вы найдёте время прокомментировать мою работу :-)

Привет!

Рассматриваю устройство страницы «Что и как читали на Букмейте в 2016 году», потому что она необычно свёрстана. Хочу разобраться с вашей помощью:

• Оправдано ли такое количество цветных фонов? Как можно успокоить это разноцветье и надо ли?
• На странице два одинаково крупных заголовка: «Что и как читали» и «Лучшее за год». Свёрстаны они как h1 и h2, но выглядят одинаково. Когда можно так делать и почему?
• Заголовки h3 не выровнены по левому краю, а скачут — то по центру, то слева, то с разными отступами. При этом нет ощущения, что страница разваливается. Почему?
• В разделе «Вдохновляли редакцию» есть две крупные обложки. Интересно, что нижний край этих крупных картинок не попадает на линии сетки. Почему так? Моя версия — крупному объекту нужен больший отступ от других элементов.
• Какие ещё интересные штучки можно взять на заметку?

Страница на сайте Букмейта

Делала сайт для установщика дверей. Хотелось сделать без воды, так как кроме этой услуги больше он ничего не предлагает. Но как получилось понять не могу. Вроде и без воды, но как-то всё же пустовато. Очень хочется узнать ваше мнение.

Я менеджер проектов и слабенький дизайнер. Моей задачей было найти дизайнера, чтобы тот поправил шапку. Не получилось (две нижние картинки). Я тоже попробовала сделать (две верхние). Не получилось. Сайт: digbox.ru

Михаил, как улучшить страницу? Что плохо в вёрстке? Что неубедительно?

Ссылка на страницу: http://www.heatlife.ru/primenenie/tyoplyj-pol/

Скажите, верно ли выбран порядок нумерации? Какой вариант лучше читается: когда 2-й пункт идёт справа от первого или когда снизу?

Сделали страницу для обучающего сервиса по безопасности. Цель — понятно объяснить проблему и помочь клиентам увидеть, как наш сервис поможет ее решить.

Подскажите, как навести порядок в дизайне? Адрес страницы — antiphish.ru

(Вторая часть. Наводим порядок)

Сделали страницу для обучающего сервиса по безопасности. Цель — понятно объяснить проблему и помочь клиентам увидеть, как наш сервис поможет ее решить.

Подскажите, как навести порядок в дизайне? Адрес страницы — antiphish.ru

Сделала два варианта визитки. Прошу оценить и рассказать, какие ошибки я допустила.

Как можно улучшить сайт визуально?

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

Сейчас ощущение, что слишком много контента. Не знаю, как его сделать легче. Удлинять страницу уже не вариант.

Я в поисках работы и собрал резюме: https://readymag.com/u93452147/606190/

Что можете посоветовать, что улучшить по вёрстке страницы?

Есть блок с контактной информацией. Что можно улучшить относительно ритмики текста?

Привет, у меня модульный вопрос. Есть модульная сетка для сайта, шириной 960 px. Отступы 10 px, ширина каждой колонки 60 px (всего 12 колонок) и расстояние между колонками 20 px.

Вопрос по поводу вертикальной разметки. Как её рассчитать? Скажем размер основного шрифта 12 pt, что с этим делать дальше?

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

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

Сделал веб-страницу для рассылки. Подскажите, пожалуйста, какие ошибки я допустил.

Адрес страницы — http://redaktoru.ru/

Творческого дня всем. Хочется услышать мнение касательно моей данной работы.

Читаю советы уже пару лет, теперь моя очередь задавать вопрос. Сделал не так давно сайт-визитку: http://vasneverov.ru

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

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

Что можно улучшить?

Помогите определить слабые стороны макета главной страницы справочного сайта города.

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

Вторая часть: перерисовка.

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

P. S. Два номера в визитке по просьбе заказчика, так что убрать их нельзя.

Помогите разобраться с типографикой и вёрсткой. Решил вести блог. «Блог не простой, а золотой». Стремлюсь чтобы каждая статья блога была индивидуальна и прекрасна. Чтобы не скучно как многие, а чтобы читать хотелось, и визуально всё глаз радовало. В приложении макет шаблона, на примере первой статьи. Подскажите, что не так? Что изменить и поправить, чтобы было супер?

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

Нарисовал себе для портфолио дизайн сайта. Доставка суши и всяких вкусняшек. Как оцените? Не стыдно будет такое показывать?

Оцените макет главной страницы информационного сайта

Сайт главных новостей родного города. Представлены главная страница, раздел «Главное» при поступлении очень-важной-и-очень-печальной новости, статья, заметка. За образец взял «Медузу» (с ручной вёрсткой главной страницы, линейками, блоками…).

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

P. S. Фотоподложка в разделе «Главное» — фича/пасхалка специально для релаксации от новостей (включается на весь экран при нажатии «убрать всё лишнее»).

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

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

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

Михаил!

Что-то можно улучшить? Или всё хорошо?

Вторая часть: перевёрстка.

Михаил!

Что-то можно улучшить? Или всё хорошо?

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

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

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

Сделал макет сайта для стоматологии, которая также предлагает косметические услуги. Укажите проблемные стороны макета.

Михаил, что не так с объявлением со стороны типографики и вёрстки? Его показывают на экране в городском автобусе. Разрешение экрана 1280×720.

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

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

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

Как лучше заинтересовать посетителя на первом экране? Те самые Attention & Interest. И достаточно ли эффективная концовка? Может, что-то добавить или убавить?

Укажите слабые стороны страницы. Вживую посмотреть можно здесь popkees.com.

Укажите проблемные стороны макета.

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

Руководству нравится, а мне — нет. Изюминки не хватает. Поэтому прошу у вас совета: что может спасти этот незамысловатый дизайн?

Допустима ли такая, отошедшая от стандартов, вёрстка?

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

Добрый день!

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

Есть четыре версии плаката: для женщин и для мужчин; для тех, кто недавно переехал, и для тех, кто давно живёт в доме.

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

Сдала курсач в Школе редакторов: https://readymag.com/u81689693/potato.

У меня по нему сразу куча вопросов:

• 1. Что не так с отступами, где я нарушила теорию близости и как это исправить?
• 2. У меня в тексте список из трёх категорий. Чтобы было удобнее читать, сделала его не в строку, а побила на три колонки. Выглядит плохо. Как переверстать?
• 3. Собрала фотки в блок, как учат в Школе. Цель — показать, что на этикетках картошки редко бывает указан сорт и вообще какая-то полезная информация. Как собрать этот блок лучше?
• 4. Шрифт скриншота не сочетается с шрифтом моей статьи. Получается бардак. В моём примере мне пришлось скриншот подписать шрифтом основного текста и не использовать стиль caption, чтобы выглядело спокойнее. И всё равно получилось неряшливо. Как быть?
• 5. Как закончить статью? В конце хочется торжественно подвести итог и задать вопрос для комментаторов. Попробовала это сделать — получилось невыразительно. Как исправить?

Михаил!

Подскажите, что не так с главной страницей для парикмахерской?

Что убрать и что можно добавить?

Оцените работу с точки зрения вёрстки?

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

Решил использовать таймлайн вместо таблицы. Я пытался разделить на уровни представления информации: карточка, дата, шкала. 1-й блок (45 пикселей — 1 год) и 2-й (120 пикселей — 1 год) блок временной шкалы имеют разный масштаб. Всё ли я учёл в инфографике и сетке?

(Вторая часть. Улучшаем вёрстку.)

Здравствуйте! Недавно столкнулся вот с такой задачей. Точнее, от меня руководители требуют. Как правильно поступить?

Я вложил файл, макет диска. Они хотят полное выравнивание текста. Для меня такой метод не является правильным. Я создавал обложку в Фотошопе, и в абзацах есть такая функция.

Вопрос: может быть такое выравнивание или это грубая ошибка?

(Третья часть. Перерисовываем заднюю сторону)

Здравствуйте! Недавно столкнулся вот с такой задачей. Точнее, от меня руководители требуют. Как правильно поступить?

Я вложил файл, макет диска. Они хотят полное выравнивание текста. Для меня такой метод не является правильным. Я создавал обложку в Фотошопе, и в абзацах есть такая функция.

Вопрос: может быть такое выравнивание или это грубая ошибка?

(Вторая часть. Перерисовываем)

Здравствуйте! Недавно столкнулся вот с такой задачей. Точнее, от меня руководители требуют. Как правильно поступить?

Я вложил файл, макет диска. Они хотят полное выравнивание текста. Для меня такой метод не является правильным. Я создавал обложку в Фотошопе, и в абзацах есть такая функция.

Вопрос: может быть такое выравнивание или это грубая ошибка?

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

Добрый день, Михаил.

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

В карточке нужно разместить следующую информацию о товаре:

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

Хочется избавиться от графического и текстового шума в карточке товара и добиться максимальной информативности. Что бы вы посоветовали?

Всё ли понятно на сайте research.gildfamily.ru?

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

Была задача переверстать афишу. Какие есть ошибки? Что хорошо, что плохо? Над чем стоит поработать в первую очередь?

Спасибо.

Добрый день!

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

Просим совета!

Четвёртая часть.

Добрый день!

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

Просим совета!

Третья часть.

Добрый день!

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

Просим совета!

Вторая часть.

Добрый день!

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

Просим совета!

Михаил!

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

Третья часть.

Михаил!

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

Вторая часть.

Михаил!

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

Добрый день!

Это картинка для размещения в соцсетях объявления о вакансии.

Исходный текст: «Объявляем набор персонала для работы в центрах социальной реабилитации наркозависимых людей в городах: Пенза, Самара, Нижний Новгород, Ижевск, Саранск, Уфа, Пермь, Ульяновск, Киров! Вакансии: Психолог и социальный работник (консультант по хим. зависимости). Резюме просьба направлять на почту info@fundzs.ru».

Информации много. Я постарался выделить главное. Но есть внутреннее ощущение, что с вёрсткой что-то не так.

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

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

Привет!

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

Добрый день!

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

Очень жду ответа!

Михаил, здравствуйте!

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

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

Добрый день! Старался при создании макета руководствоваться правилами внутреннего-внешнего, чередования ритма, модульной вёрстки. Укажите, пожалуйста, на ошибки. Как можно сделать лучше?

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

Посоветуйте, как можно улучшить главную страницу Совотеки. Что нужно учесть, что плохо сделано?

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

Мы хотим скоро запустить новостной сайт, агрегатор контента. Так вот нарисовали макет сайта. Хотел совета насчёт страницы статьи. Левая, лента новостей, и правая, основная статья, — колонки прокручиваются независимо друг от друга. Вопросы типичны: как улучшить вёрстку, что не так? Как читается, правильно ли предоставлен сам контент? Что можете посоветовать?

Здравствуйте, Михаил!

Мы — студия имейл-маркетинга «Аут оф клауд». Подготовили для клиента дизайн рассылки, макет во вложении. Что можно улучшить в типографике и вёрстке?

В продолжение совета о правиле внутреннего и внешнего.

Всё ли хорошо с вертикальными отступами? Для примера, картинка со страницами, на которых многовато элементов с вертикальными отступами.

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

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

Добрый день.

Я сделал сайт типографии. Какие я допустил ошибки в вёрстке? Посмотреть вживую можно по адресу: http://cirkon.su

Как улучшить вёрстку страницы? Меня не покидает ощущение, что с выравниванием двухколоночных блоков что-то не так. Сейчас колонки имеют одинаковую ширину, а левый край правой приходится на центр страницы.

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