Что такое «правило внутреннего и внешнего»?
Типографы веками искали закономерности и связи между элементами набора: буквами и апрошами, строками и интерлиньяжем, полосой набора и полями. Каждое открытие складывалось в бесконечную копилку правил:
прописные нужно разрежать,
строчные нельзя разрежать,
вертикальные штрихи строчных и прописных должны стоять через равные промежутки,
разрядка прописных должна быть меньше интерлиньяжа,
пробел между строками прописных букв не может быть меньше высоты буквы,
интерлиньяж должен быть больше межсловных пробелов,
при минимальном интерлиньяже нижние выносные элементы верхней строки почти касаются верхних выносных элементов следующей строки,
чем длиннее строка, тем больше интерлиньяж,
интерлиньяж не должен быть больше внешних полей,
элементы списка должны иметь между собой дополнительный отступ больше интерлиньяжа,
номер страницы должен стоять ближе к полосе, чем к краю страницы,
заголовок в тексте должен стоять ближе к следующему абзацу, чем к предыдущему,
расстояние от заголовка до абзаца не должно быть меньше межстрочного интервала заголовка,
∞
Современный дизайнер так и собирает знания по крупицам — из книг, советов коллег, замечаний арт‑директора.
Запомнить даже перечисленные правила довольно затруднительно. Если дизайнер и вызубрит собственный набор правил, всегда найдутся такие, о которых он не слышал, — копилка‑то бесконечна.
Но одно дело знать огромный свод правил, а другое дело последовательно применять их к каждой части макета. Даже на простенькой странице из заголовка и текста ошибок у новичка найдётся в двадцать раз больше, чем элементов.
Вместо того, чтобы зубрить тысячу правил, я предлагаю дизайнерам запомнить один принцип и научиться последовательно применять его ко всем элементам вёрстки. «Правило внутреннего и внешнего» — базовый принцип типографики, работающий на всех уровнях от буквы до разворота.
Правило внутреннего и внешнего — это частный случай теории близости. Типографический объект любого уровня состоит из других объектов: буквы из штрихов, слова из букв, строки из слов, абзацы из строк. И для того чтобы объект имел самостоятельное значение, то есть буква, слово, строка и абзац отделялись от соседних, его внутренние расстояния должны быть меньше внешних.
Рассмотрим заголовок из прописных букв:
Штрихи каждой буквы заключают в себе её внутреннее пространство. Пустота внутри буквы П в середине слова больше, чем внешнее расстояние до соседних букв О слева и справа. Из‑за этого возникает ощущение, что соседние буквы вторглись в личное пространство друг друга, а вся надпись — слиплась.
Увеличим расстояние между буквами, чтобы изменить соотношение внутреннего и внешнего:
Каждая буква обрела значение и независимость, а заголовок — архитектурную торжественность.
Добавим к заголовку слово:
Слова отделены между собой пробелом. Для каждого слова расстояние между буквами играет роль «внутреннего», а межсловный пробел — роль «внешнего». Из‑за того что пробел лишь немногим больше межбуквенного расстояния, слова слиплись.
Сначала попробуем изменить соотношение внутреннего и внешнего, уменьшив «внутреннее» — разрядку между буквами, но так, чтобы она не стала меньше расстояния между собственными штрихами букв. Всегда держим в голове, что «внутреннее» на одном уровне служит «внешним» на другом:
Пробел остался неизменным, но теперь его достаточно, чтобы отделить слова.
Теперь вместо уменьшения разрядки попробуем отделить слова иначе — переносом на следующую строку:
Межстрочный просвет сравним с межбуквенным расстоянием. Из‑за этого буквы надписи сливаются в рисунок шахматной доски. Увеличим «внешнее» — интерлиньяж:
Надпись вернула себе имперское достоинство.
А что если не увеличивать интерлиньяж, а изменить шрифт на более узкий?
В узких буквах меньше внутренние просветы, значит, они не требуют такой большой разрядки:
При том же кегле и интерлиньяже слова лучше отделились друг от друга. Надпись стала компактнее без ущерба для внутреннего пространства.
Вернёмся к «имперской надписи» и добавим к ней подзаголовок:
Подзаголовок «влез в интерлиньяж» заголовка — то есть оказался ближе к нему, чем его собственные строки друг к другу. Нет проблем, увеличим «внешнее»:
Допустим, наш заголовок должен уместиться на табличке фиксированных габаритов:
Надпись вступила в конфликт внутреннего и внешнего с собственной рамкой.
Заметим, что для одного и того же кегля мы получили разные приемлемые соотношения внутренних и внешних расстояний. Контраст важнее конкретного значения пропорции — это даёт гибкость верстальщику. Идеальное «серебро набора» — это лишь минимально возможный контраст внутреннего и внешнего всех элементов для нейтрального спокойного чтения. При увеличении контраста внутреннего и внешнего текст становится заметнее и выразительнее.
Базовое правило типографики:
внутреннее ≤ внешнее
P. S. Это был понедельничный совет о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.
Типографика в вебеПравило внутреннего и внешнего
Отправить
Поделиться
ПоделитьсяЗапинить
Твитнуть
Свежак
Правило близости.
Дизайнеры часто ставят дизайн на первое… | by Tatiana Sokolovskaya | Дизайн-кабакДизайнеры часто ставят дизайн на первое место и оправдывают неряшливость работ словами: “здесь такой творческий замысел” или “такая авторская задумка”. Но дизайнер — не художник.
Дизайнер ≠ художник
Интернет, печатная продукция и наружное оформление — это визуальные среды, которые несут информацию. В отличии от художественных картин, люди читают сайты и вывески, чтобы о чем-то узнать: как купить продукт, связаться с компанией или пройти в библиотеку. Поэтому в работе над информационным дизайном в первую очередь важно не навести красоту, а ясно и однозначно донести информацию. В этом дизайнеру помогают правила и рекомендации.
В этом посте я расскажу о главном принципе восприятия информации и следующем из него правиле.
В основе правила лежит принцип близости в гештальт-психологии — расположенные рядом объекты воспринимаются вместе.
Принцип близости. Правая часть рисунка воспринимается как три столбикаОтсюда вывод:
Внутренние расстояния элемента должны быть меньше внешних.
Закон близости работает на всех уровнях: в буквах, словах, предложениях, абзацах и модульных макетах. Если этот принцип не соблюдать, то элементы могут образовывать случайные нежелательные связи и вызывать курьёзные ситуации:
Рассмотрим текстовый блок. Расстояние между словами является внутренним, а расстояние между строками (интерлиньяж) — внешним. Поэтому, согласно правилу, увеличим интерлиньяж:
Справа интерлиньяж увеличен. Блок выглядит аккуратнее и легчеЕсли добавить к тексту заголовок, то интерлиньяж заголовка — внешнее, должен быть больше, чем интерлиньяж текста — внутреннее. Помните, внешнее всегда больше внутреннего:
Блок с правильно выстроенными расстояниями считывается легчеЕсли этот блок положить на плашку, то ее поля будут играть роль внешнего, поэтому они должны быть больше интерлиньяжа заголовка:
Большие поля плашки придают блоку значимостьТеперь рассмотрим это на примерах.
Для примера напишем слово:
В слове внутреннее расстояние играет пространство внутри буквы, а внешнее — пространство до соседних букв. Сейчас правило близости нарушено. Буквам тесно, прочитать слово тяжело. А серединка буквы О напоминает дырку.
Увеличим межбуквенное расстояние так, чтобы визуально буква О перестала дырявить слово:
Появилась некая торжественность, буквы дышат, слово читается значительно легче.
Добавим еще два слова, но пробел между ними оставим стандартным:
Фраза читается тяжело, создается впечатление, что это одно длинное слово.
Увеличим пробелы между словами:
Уже лучше, продолжаем эксперимент. Заменим шрифт на более вытянутый:
Так как буквы ýже, расстояние внутри них стало меньше, значит можно уменьшить расстояние между самими буквами:
Готово! Фраза стала компактной, ясной и легко считываемой.
Так эта надпись выглядит на здании аэропорта:
Фото из сетиА вот как она могла бы выглядеть при соблюдении правила близости:
Не мешало бы и флаг выровнять по буквам, но не об этом речьЕсли между словами роль внутреннего и внешнего играют межбуквенное расстояние и пробелы, то в абзаце эти роли достаются пробелам и интерлиньяжу.
Рассмотрим пример из абзаца с заголовком. Абзац и заголовок это два самостоятельных объекта. Роль внешнего для них играет расстояние от заголовка до первой строки. Роль внутреннего играет расстояние между строками — интерлиньяж текста.
В этом примере мы видим, что расстояния равны. Такой текст выглядит некрасиво, читать его неудобно. Оставлять текстовые блоки в таком виде нельзя.
Приведем его в порядок. Сперва увеличим расстояние от заголовка до текста:
Стало лучше. Заголовок приобрел независимость.
Теперь увеличим расстояние между строками, но не забываем, что это расстояние играет роль внутреннего и должно быть меньше внешнего:
Готово.
Теперь рассмотрим связку из текстового блока, заголовка и иллюстрации. Например, такой скриншот сайта:
Блоки состоят из трех элементов: картинка, заголовок и описание. Мы видим, что текстовые описания трех столбцов болтаются сами по себе, а их заголовки прилипли к картинкам. Это неправильно.
Тут работает еще один принцип из гештальт-психологии — принцип схожести:
Элементы, схожие по размеру, очертаниям, цвету или форме, имеют тенденцию восприниматься вместе.
Заголовок и текст имеют большую связь, нежели картинка и заголовок, поэтому следует описания подвинуть к своим заголовкам:
Вместе они создают единый блок, который вступает в связь с картинкой над ним.
На каждом уровне соблюдено правило близости:
Еще один пример. Разберём такой блок:
БылоПрименяем правило близости: увеличиваем интерлиньяж текста и отодвигаем текст от заголовка. Увеличиваем поля со всех сторон. Убираем кнопку “Подробнее”, а ее функцию переносим на заголовок. Стрелку, которая указывает в никуда, переносим к заголовку.
СталоЭлементов меньше, информативность не пострадала, блок стал чище и аккуратнее.
Еще пример:
БылоВыравниваем расстояния в текстовом блоке. Сдвигаем иконку чуть правее, за линию текста, чтобы визуально она казалась на его уровне.
Уже лучшеОбъединяем “Подробнее” с заголовком блока и увеличиваем иконку.
СталоБлок стал компактнее и привлекательнее.
Не игнорируйте правило близости. Собирая макет, в первую очередь определите внешние и внутренние расстояния. Следите чтобы первое было больше второго. И не забывайте про принцип схожести, иначе результат может быть плачевным:
Выведение наизнанку и наружу
Поиск
Возможно, вы этого не замечаете, но открытие своего внутреннего мира внешнему — это отправная точка, с которой вы начинаете воспринимать вещи по-другому. Как только вы открываете свой дом снаружи, может показаться, что неестественная ситуация происходит внутри вашего дома. Полы кажутся больше, чем обычно, естественный свет проникает внутрь вашего дома, и каким-то образом возникает ощущение тесной связи с внешним окружением и природой. И эти изменения в восприятии подталкивают Truoba House Plan к раскрытию секретов, которые помогут вам открыть свой дом на открытом воздухе.
Привнесение вашего внешнего мира внутрь дома равносильно тому, чтобы привнести природу внутрь себя.
Расширение жилого пространства
Не в каждом доме предусмотрена возможность проживания внутри и снаружи. Так что стоит задуматься о расширенном жилом пространстве, особенно если у вас небольшая по планировке площадь. Подумайте о том, чтобы создать небольшой частный сад рядом с ванной комнатой. Это, безусловно, расширит ваше пространство и послужит своей цели.
Соедини точки
Это похоже на соединение точек. Использование одного и того же напольного покрытия в спальне и патио создает ощущение потока изнутри наружу.
Почему бы не привнести внешний мир в комнату на открытом воздухе?
Что бы вы сделали, если бы у вас было крошечное пространство снаружи, и у вас было бы желание соединиться с этим «внешним»? Затем создайте расширение, максимально используя это крошечное пространство и используя, по крайней мере, подходящие материалы, если не похожие, чтобы создать иллюзию слияния внутри и снаружи комнаты.
Непрерывные материалы как внутри, так и снаружи
Непрерывные материалы, такие как напольное покрытие, внутри и снаружи создают безупречный переход.
Открытый доступ для вашего внешнего мира
Выдвижные двери и раздвижное стекло — идеальные материалы для сглаживания ограничений между интерьером и экстерьером вашего дома. Благодаря своему уникальному дизайну эти функции легко обеспечивают немедленный доступ к вашему внешнему миру, что позволяет вам с легкостью просматривать внешний мир, не выходя из своего внутреннего мира 9.0003
Впустите естественный свет
Очень важно соединить ваш дом с окружающей средой. Помимо того, что естественный свет соединяет ваш интерьер с внешним миром, он улучшает ваше настроение и, безусловно, снижает ваши расходы. Разве не здорово наполнить дом естественным светом?
Пусть свет сияет сверху
Освещение сверху за счет установки фонарей на крыше создает драматическую связь и чувство удовлетворения, особенно если вы снимаете вид на облака из обеденной зоны.
Превратите свой взгляд в произведение искусства
Использование вашего творчества и бурного воображения очень поможет вам в общении с природой. Чтобы запечатлеть вид изнутри вашего дома, требуется произведение искусства. Расположение ваших окон именно так, как они должны быть, подарит вам приятные ощущения в течение всего года.
Выберите длинное и широкое окно для идеального вида на ваше любимое дерево или сад. Постарайтесь найти лучшее место, где, по вашему мнению, вы будете следить за ним дольше всего.
Создание точки интереса
Существует аналогичный, но меньший подход к построению связи между внутренним и внешним пространством. Техника заключается в том, что окно четко фокусируется на объекте, а затем кадрирует его, как если бы это была просто фотография в рамке. Вы заметите, что создали потрясающее, привлекающее внимание произведение искусства.
Внешнее на первом уровне
Как насчет спальни с балконом? Это отличный способ создать ауру умиротворения и спокойствия. Вы можете установить стеклянный балкон, который бы не прерывал ваш вид на пейзаж за его пределами.
Деревья и растения
Наличие растений в доме дает вам преимущества, которые могут вас удивить. Растения создают естественную мягкую и привлекательную атмосферу в вашем доме, помимо производства кислорода и влаги, растения обеспечивают здоровую и расслабляющую внутреннюю среду.
Однако уход за живыми растениями в доме может показаться вам сложной задачей. Необходимо тщательное планирование, так как ваш новый дизайн интерьера будет зависеть почти исключительно от этих растений. Если вы не готовы поддерживать здоровый образ жизни растений, вы можете выбрать полное техническое обслуживание, которое можно легко организовать, чтобы дать вам полную свободу наслаждаться вашим новообретенным убежищем.
Существуют сотни советов и идей, на которые можно положиться. Но упомянутые выше секреты, раскрытые планами современного дома Truoba, достаточны для того, чтобы вы задумались над ними. Начните с самой простой идеи, затем работайте над деталями, пока не наткнетесь на что-то, что кажется сложным, но полезным в конце. В конце концов, именно вы и ваша семья выиграете от этого удивительного и захватывающего перехода.
Последние новости
Еще подобные статьи
— Объявление —
Этот веб-сайт использует файлы cookie, чтобы обеспечить вам максимальное удобство. Понятно!Подробнее
Наизнанку или снаружи внутрь — какая стратегия лучше?
Подход «изнутри-вне» основан на вере в то, что внутренние силы и возможности организации обеспечат устойчивое будущее.
Подход снаружи-внутри вместо этого руководствуется верой в то, что создание потребительской ценности является ключом к успеху.
Как страстный стратег по изучению клиентов, я склонен предпочитать подход «извне-внутрь» к бизнесу, изучая скрытые или скрытые потребности ваших клиентов и преобразовывая их в решения, которые будут им служить.
Однако должен сказать, что меня заинтриговали компании, которые делают то, во что верят, и придерживаются того, что знают лучше всего.
Внутренний подход к бизнесу
Во-первых, давайте посмотрим на внутренний подход к ведению бизнеса.
Хорошим примером является Schorem. Это старомодная парикмахерская только для мужчин в самом сердце рабочего города Роттердама. Магазин специализируется на классической огранке, которая зарекомендовала себя на протяжении десятилетий и известна в Нидерландах и за их пределами.
Так что же такого наизнанку в этой парикмахерской? Там работают люди (они называют себя отморозками, но не волнуйтесь, они очень вежливы)… Они увлечены и профессиональны, живут культурой «старых времен» и предлагают этот опыт своим клиентам. В парикмахерскую женщинам не допускаются, и когда вы входите, кажется, что вы попали в прошлое.
Этот подход начинается с того, чем человек в первую очередь обладает, прежде чем смотреть на что-либо еще. Это поднимает такие вопросы, как то, что есть у организации с точки зрения основных компетенций, талантов, ресурсов, отношений с клиентами и сетей, и как их можно использовать.
Как правило, внутренняя организация задает себе такие вопросы, как:
- Как мы продвинулись или регрессировали за последние несколько лет?
- В чем мы хороши?
- Что мы любим делать? Чем мы увлечены?
- Что мы представляем?
- Как мы используем наши сильные стороны и компенсируем или устраняем наши слабости?
Исследования показали, что очень немногие организации знают, почему они делают то, что делают .
Почему существует организация? Почему генеральный директор должен вставать с постели по утрам? Но до тех пор, пока организация не определит свое центральное убеждение и сообщение, она, скорее всего, будет продолжать коммуникацию посредственным образом.
Если бы я попросил вас назвать одну из самых инновационных и гениальных технологических компаний за последние десять лет, скорее всего, Apple пришла бы на ум одной из первых. Никто не может поспорить с тем, что Apple может заставить миллионы людей часами стоять в очереди на сильном морозе только для того, чтобы купить телефон.
Apple использует маркетинговый метод (внутренний) «Золотой круг».
Традиционные методы маркетинга начинаются с «что», затем следует «как» и заканчивается «почему».
Маркетинговый процесс Золотого круга, используемый Apple, начинается с «Почему»: основного убеждения о том, почему существует организация или движение.
Развитие такой мощной основной системы убеждений привлекает следующих. Как только Apple смогла установить этот мощный центральный посыл, они смогли продавать больше, чем просто компьютеры.
Шорем в наши дни больше, чем просто парикмахерская. Они открыли международную школу парикмахеров и организовали несколько мероприятий, связанных с системой верований, образом жизни и брендом Schorem.
Inside-Out + покупательский инстинкт = успех
Несмотря на то, что такие компании, как Apple, говорят, что они не спрашивают своих клиентов, чего они хотят, такие успешные компании очень хорошо понимают, что мы называем потребительским инстинктом. .
Я считаю, что это часть их успеха, поскольку они могут сочетать свою стратегию «Наизнанку» с хорошим пониманием потребностей, проблем и образа жизни своих клиентов.
Компании, которые работают наизнанку и не имеют хорошего чувства инстинкта покупателя, склонны следовать за конкурентами.
Toyota попала в эту ловушку.
После впечатляющих лет успеха компания сместила акцент с удовлетворения потребностей клиентов на внутреннюю цель — превзойти General Motors и добиться максимального роста. Это привело к тому, что Toyota потеряла клиентов из виду, и, как следствие, пострадало качество. В худшем случае, вывернутое наизнанку мышление отвлекает компании от их истинной цели повышения потребительской ценности.
Как это работает? Как вы развиваете Инстинкт Покупателя (без расспросов и опросов)? Ну, это связано с тем, что «узнать, чего хотят клиенты, и спросить — не одно и то же».
Существует новых методологий , таких как этнографические исследования и частные онлайн-сообщества (понимание и совместное творчество) , которые могут дать вам представление о пути и скрытых потребностях ваших клиентов, не задавая им вопросов об улучшениях и инновациях.
Кроме того, некоторые люди, такие как Стив Джобс, просто рождаются с хорошим пониманием того, чего хотят люди, способным наблюдать за «работой, которую нужно выполнить» таким образом, чтобы ее можно было перевести на новый уровень. инновационные решения, такие как iPad.
Другой замечательный пример — Генри Форд: «Если бы я спросил людей, чего они хотят, они бы вернулись ко мне с более быстрой лошадью». Лошадь является точкой отсчета людей, что делает ответ очень логичным и, следовательно, не очень инновационным.1
Значит ли это, что вы не можете получить хорошую информацию, разговаривая с клиентами? Что ж, это означает , что вы не можете просто напрямую спросить клиентов, чего они хотят, поскольку большинство людей не знают, чего они хотят, пока вы им это не покажете . Это означает, что вам нужно делать что-то по-другому и более творчески через, например. Наблюдение и проективные техники.
Так что перестаньте проводить традиционные (отнимающие много времени и дорогие) исследования рынка, чтобы получить представление и изучить новые методы и инструменты, которые позволят вам наблюдать, учиться и вдохновляться… быстрее, лучше и дешевле.
Различные исследования показали, что 40-90% инноваций терпят неудачу. Исследования также показали, что инновационные процессы с участием клиентов, особенно ведущих пользователей, с большей вероятностью будут успешными на рынке, поскольку у них просто есть лучшие и более креативные идеи, чем у внутренних разработчиков продуктов.
Подход к бизнесу снаружи-внутрь
В бизнесе снаружи-внутрь, в отличие от внутреннего, ключевое слово – это «необходимость», а не продукт. Их люди мыслят экспансивно. Они полностью погружены в мысли своих клиентов, ищут способы расширить спрос.
Их бизнес-планы и ценностные предложения основаны на рыночных знаниях, собранных на уровне земли. Часто потребности, которые они определяют, еще не определены самими клиентами.
Стратегия устойчивого роста
Выйдя за пределы своего бизнеса, вернитесь назад, чтобы задать вопросы о вашем бизнесе, чтобы выяснить, как вы можете использовать выявленные рыночные возможности.
Как правило, внешняя организация задает себе следующие вопросы:
- Какие растущие рынки доступны для нашего бизнеса?
- Как мы можем использовать имеющиеся возможности?
- Каковы тенденции и как им соответствовать?
- Как мы можем лучше удовлетворять потребности рынка?
Сосредоточившись на внешнем мире, такая организация меньше помнит о своих ограничениях по сравнению с первой. Некоторым компаниям удалось реализовать принцип «снаружи-внутрь» и в результате добиться успеха.
Некоторые компании, которые когда-то добились успеха снаружи-внутри, позже не смогли сохранить хорошие привычки снаружи-внутрь и пошатнулись.
Одним из примеров является Tesco – подход «Снаружи внутрь» превратил британскую сеть продуктовых магазинов из посредственной компании, которая с каждым годом теряла долю рынка, в ведущую продуктовую розничную сеть в стране, известную своей сильной ориентацией на клиентов. Тем не менее, они не смогли сохранить свою историю успеха и в настоящее время теряют долю рынка в пользу Waitrose, Aldi и Lidl, которые лучше справляются с работой на потребительском уровне.
Компания Dell Computer добилась своего первоначального успеха на рынке , опираясь на сильный взгляд снаружи внутрь. Общепринятое мнение гласит, что крупные и влиятельные клиенты обеспечивают более низкую норму прибыли именно потому, что они такие крупные и влиятельные. Но Dell заработала более высокую прибыль от своих крупных «родственных» клиентов, потому что она так хорошо использовала взгляд снаружи-внутри. Позже Делл столкнулся с проблемами. Он плохо адаптировался к изменениям клиентов и технологий — и уж точно не предвидел этих изменений.
Успешным компаниям особенно трудно поддерживать взгляд снаружи внутрь. Причина этого может заключаться в том, что они используют слишком много обычных и традиционных методологий исследования потребителей, например. опросы и интервью, которые предоставляют традиционную информацию без достаточной строгости и контекста. Таким образом, они упускают «вау» информацию о тенденциях и скрытых/латентных потребностях клиентов.
Помимо этого Активация Insight так же важна, как и 9-е поколение Insight.0120 и если компания не тратит достаточно времени на активацию информации (обмена и действия на основе понимания клиентов/рынка, полученного в результате исследований) на маркетинговых, научно-исследовательских и инновационных платформах , она не сможет реагировать на рыночные возможности и угрозы.
Так какая же стратегия лучше? Во-первых, реальный мир не так прост. Большинство организаций будут находиться где-то между мышлением «изнутри наружу» и «снаружи внутрь» 90–120 .