Дизайн рамочки: Как использовать рамки в интерьере: полезные советы

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

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

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

• строка - возвращает строку для выбора альтернативного имени для элемента, под которым будет регистрироваться.
• ElementDisambiguation.definitionCallbackOnly - это возвращаемое значение обратного вызова по умолчанию, которое предотвращает повторную регистрацию элемента, но позволяет его обратному вызову запускаться и определять альтернативные представления для элемента (стили и шаблон). Обратите внимание, что наличие нескольких презентаций для одного и того же элемента вызовет более медленный путь кода рендеринга для элементов этого типа. Так что лучше избегать этого, если только это не абсолютно необходимо для дизайна вашего приложения.
• Элемент Устранение неоднозначности.ignoreDuplicate - этот параметр полностью игнорирует повторяющийся элемент и не предпринимает никаких действий во время регистрации, если элемент с таким же тегом уже зарегистрирован.

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

  provideFASTDesignSystem () .withElementDisambiguation ((nameAttempt, typeAttempt, existingType) => {if (nameAttempt === "foo") {return "bar";}
        вернуть ElementDisambiguation.ignoreDuplicate; }) .register ()  

Настройка компонентов во время регистрации #

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

Префикс #

Префикс для компонента можно настроить для регистрации компонента, предоставив объект конфигурации с полем префикса во время регистрации:

  provideFASTDesignSystem ().регистр (fastButton ({префикс: "быстрее"}));  

#

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

  provideFASTDesignSystem () .register (fastButton ({template: html` 
 A полностью новый шаблон 
 `}))  

Styles #

Стили для компонента также можно настроить, предоставив поле styles объекту конфигурации во время регистрации:

  provideFASTDesignSystem ().register (fastButton ({styles: css` / * полностью заменить исходные стили * / `}))  

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

  provideFASTDesignSystem () .register (fastButton ({styles: (ctx, def) => css` $ {buttonStyles (ctx, def)} / * добавьте сюда свои улучшения стиля * / `} )).Мы отследили эту проблему и планируем исправить ее в ближайшее время. 
 
 Параметры тени # 
 
 Параметры тени также могут быть настроены, включая как теневой корневой режим, так и делегирование фокуса: 
 
  provideFASTDesignSystem () .register (fastButton ({shadowOptions: {mode: "closed", delegatesFocus: true}} ));  
Копия
 Для получения дополнительной информации о параметрах тени см. Element.attachShadow ().
 Настройка стилей # 
 FAST Frame разработан с учетом стилистической гибкости, позволяющей кардинально изменять визуальный дизайн с минимальными изменениями кода.Это возможно благодаря широкому использованию Design Tokens и адаптивной цветовой системы.
 FAST Frame Design Tokens # 
 FAST предоставляет следующие Design Tokens, которые можно использовать для стилистической настройки компонентов. В этом разделе описаны жетоны дизайна, не связанные с цветом. Для маркеров дизайна, связанных с цветом, см. Раздел адаптивной цветовой системы
 Типография # 
 Уровень
 Имя маркера размера шрифта
 Имя маркера высоты строки
 Минус 2 (наименьший тип)
Minus 
  typeRampMinus2LineHeight 
 Минус 1
  typeRampMinus1FontSize 
  typeRampMinus1LineHeight 
 Основание (корпус)
  typeRampBaseFontSize 
  typeRampBaseLineHeight 
 Плюс 1
  typeRampPlus1FontSize 
  типRampPlus1LineHeight 
 Plus 2
  типRampPlus2FontSize 
  типRampPlus2LineHeight 
326 7
  typeRampPlus3LineHeight 
 Плюс 4
  typeRampPlus4FontSize 
  typeRampPlus4LineHeight 
 Плюс 5
  typeRampPlus5FontSize 
  typeRampPlus5LineHeight 
 Плюс 6 (наибольший)
  typeRampPlus6FontSize 
  typeRampPlus6LineHeight 
 Sizing # 
  baseHeightMultiplier : это значение, умноженное на  designUnit , устанавливает базовую высоту большинства элементов управления. Работает с адаптивными значениями плотности  .
  baseHorizontalSpacingMultiplier  (в будущем): это значение, умноженное на  designUnit , устанавливает внутреннее горизонтальное заполнение большинства элементов управления. Работает с адаптивными значениями плотности  .
  controlCornerRadius : задает радиус угла, используемый элементами управления с задними панелями.
  density  (в процессе): корректировка размеров токенов  baseHeightMultiplier  и  baseHorizontalSpacingMultiplier .
  designUnit : Размер единицы проектной сетки. Используется для расчета размеров высоты и интервалов для элементов управления.
 Разное # 
  направление : Основное направление документа (LTR или RTL).
  disabledOpacity : Непрозрачность отключенных элементов управления.
  strokeWidth : Управляет шириной обводки компонента, имеющего обводку.
  focusStrokeWidth : Управляет шириной обводки компонента, у которого есть обводка, когда он находится в фокусе документа.
 Adaptive Color System # 
 FAST Frame реализует адаптивную цветовую систему, которая дает некоторые уникальные преимущества:
 Убедитесь, что текст соответствует требованиям контрастности WCAG.
 Простое переключение из светлого режима в темный или в любое другое.
 Цветовая тематика посредством палитры тонирования.
 Единый пользовательский интерфейс для всех цветов фона.
 Для достижения этих целей FAST Frame интенсивно использует алгоритмические цвета, называемые рецептами.Рецепты - это комбинация алгоритма и входных значений, дающая желаемый результат. Точно так же, как вы можете испечь разные типы печенья с разными комбинациями сахара, масла, муки и соли, вы можете создавать различные процедуры системы дизайна, изменяя значения рецептов (измерения) или алгоритмы (инструкции).
 Текущие базовые рецепты тесно связаны с их алгоритмом, но это соглашение, а не требование. Далее следует список алгоритмов, которые работают с одноименными значениями.Например,  accentFill  полагается на  accentFillRestDelta ,  accentFillHoverDelta ,  accentFillActiveDelta  и  accentFillFocusDelta .
 Рецепты в настоящее время используются для значений цвета, но они не ограничиваются этим, и их использование скоро будет расширено.
  Чтобы лучше понять, как это работает, FAST построил приложение, предназначенное для изучения системы. Ознакомьтесь с Color Explorer. 
 Общие функции # 
 Большинство рецептов цветов основаны на палитре  .В настоящее время  fast-components  имеет встроенную поддержку  акцентных  и  нейтральных палитр .
 В большинстве рецептов цвета используется номер    Swatch . Это основная концепция адаптивного пользовательского интерфейса, которая позволяет изменять рецепты в зависимости от цвета компонента. Например, поддержка кнопки с последовательным переключением между светлым и темным режимами осуществляется с помощью одного рецепта.
 Многие рецепты являются «с отслеживанием состояния», что означает, что они поддерживают состояния покоя, зависания, активности и фокуса для компонента.
  «Заливка»  означает, что рецепт предназначен для заполнения большей площади, обычно такой как задняя панель компонента.
  «Передний план»  означает, что рецепт предназначен для текста, значков или других легких украшений, где вам нужно или вы хотите соответствовать требованиям контрастности.
  «Штрих»  означает, что рецепт предназначен для линий, контура или разделителя.
 Алгоритмы акцента # 
 accentFill # 
 Stateful.
 Опирается на  textColor  и  ContrastTarget  для поиска ближайших цветов из поставляемой палитры, которые могут использоваться для состояний компонентов. Например, цвета необходимы для поддержки белого текста и шрифта 14 пикселей (что требует контрастности 4,5: 1).
 accentForeground # 
 Stateful.
 Обычно для текста ссылки или значка. Также для небольших элементов, которые могут плохо отображаться с помощью  accentFill , например, если ваш акцентный цвет темно-фиолетовый и вы поддерживаете интерфейс темного режима.
 Как и  accentFill , он использует  textColor  и  ContrastTarget  для поиска ближайших цветов из поставляемой палитры, которые можно использовать для состояний компонентов.
 foregroundOnAccent # 
 Без состояния.
 Технически  не использует акцентную палитру , а предназначен для использования  поверх  акцентной палитры. Этот алгоритм просто возвращает черный или белый цвет на основе предоставленного  ContrastTarget . Если возможно, он возвращает белый цвет, поскольку обычно для кнопки с акцентом используется белый текст поверх основного цвета.
 Нейтральные алгоритмы # 
 нейтральные делители # 
 Без отслеживания состояния.
 Используется для декоративных разделителей, которые не должны соответствовать требованиям контрастности.
 нейтральный Заполнить # 
 Stateful.
 Самая простая заливка, используемая для кнопок или других компонентов.
 нейтральныйFillContrast # 
 Stateful.
 Часто используется как выделенное состояние или в любом месте, на которое вы хотите привлечь внимание. Отвечает требованиям контраста с содержащим фоном.
 нейтральныйFillInput # 
 Stateful.
 Еще одна базовая заливка, применяемая к элементам ввода, чтобы их можно было легко отличить от других компонентов, таких как кнопки.
 нейтральныйFillStealth # 
 Stateful.
 Более тонкий, чем  нейтральный Заливка  в том, что состояние покоя прозрачно. Часто используется для низкоприоритетных функций, чтобы привлечь меньше внимания.
 нейтральныйForeground # 
 Not stateful.
 Самый распространенный рецепт, используемый для простого текста или значков.
 нейтральныйForegroundHint # 
 Без учета состояния.
 Используется для тонкого текста. Отвечает требованиям минимальной контрастности 4,5: 1.
 нейтральныйStroke # 
 Stateful.
 Используется для сильного контура, отдельно или с заливкой.
 Layers # 
 Рецепты слоев используются для различных разделов приложения или сайта. Они предназначены для штабелирования, но это не обязательно. При последовательной укладке слои будут светлее друг над другом.
 Ключевой особенностью наслоения является поддержка основного цвета контейнера для светлого или темного режима. Это создает абсолютные цвета на основе значения  baseLayerLuminance , которое устанавливает яркость для первого слоя. Это любое значение от 0 для черного до 1 для белого.
 Разница между каждым слоем определяется параметром  нейтральныйFillLayerRestDelta .
 Слои не отслеживают состояние.
 нейтральныйFillLayer # 
 Единственный рецепт слоя, относящийся к цвету контейнера, а не к абсолютному. Самый распространенный пример - это карта, которая будет на один цвет светлее, чем ее контейнер.
 нейтральныйLayer1, нейтральныйLayer2, нейтральныйLayer3 и нейтральныйLayer4 # 
 Абсолютные цвета слоя, производные от  baseLayerLuminance и начиная с  baseLayerLuminance .Первый слой самый светлый, и значения темнеют по мере увеличения номера слоя.
 нейтральныйLayerCardContainer # 
 Специальный слой для поддержки взаимодействия с карточками, особенно в светлом режиме, поэтому карточки могут быть белыми, а цвет контейнера может быть на один слой темнее.
 нейтральныйLayerFloating # 
 Специальный слой для плавающих слоев, например всплывающих окон или меню. Он будет светлее, чем любые другие слои, если это возможно, но также будет белым в режиме освещения по умолчанию, как и первый нейтральный слой.
 Adaptive Color "Нельзя" # 
 Адаптивная цветовая система полностью основана на JavaScript, генерируя настраиваемые свойства CSS для стилизации там, где это необходимо. Это означает, что вы должны рассматривать настраиваемые свойства CSS, создаваемые маркерами цветового дизайна, как неизменяемые. Если вы объявляете настраиваемое свойство CSS в CSS, адаптивная система цвета не может знать, что произошло, и компоненты будут отображаться с неправильными цветами, что может привести к проблемам с доступностью. Если вам нужно изменить значения для этих настраиваемых свойств CSS, установите значение с помощью DesignToken.setValueFor () API.
 Как правильно сформулировать задачу дизайна | Автор: Педро Маркес 
 В целом, эта короткая деталь призвана помочь вам лучше сформулировать вашу дизайнерскую задачу. Однако сначала я дам вам краткое введение в дизайн, ориентированный на человека. Затем я кратко рассмотрю важность понимания проблемы, которую вы пытаетесь решить. И, наконец, я расскажу вам простой метод, который поможет вам правильно сформулировать задачу дизайна, прежде чем вы перейдете к фактическому исследованию.
 IDEO, глобальная дизайнерская и инновационная компания, считает дизайн, ориентированный на человека, уникальным подходом к решению проблем (IDEO, 2014). Компания заявляет, что это процесс, который начинается с людей, для которых вы проектируете, и заканчивается новыми решениями, адаптированными к их потребностям.
 Джозеф Джакомин, директор Института дизайна, ориентированного на человека при Университете Брунеля в Великобритании, утверждает, что дизайн, ориентированный на человека, основан на использовании техник, которые общаются, взаимодействуют, сопереживают и стимулируют вовлеченных людей, получая понимание их потребностей, желаний и опыта (Giacomin, 2014).
 Говоря о человеческих потребностях, экономисты, социологи, философы и другие социальные критики утверждают, что «человеческие потребности» - это субъективное и относительное в культурном отношении понятие (Zhang, 2009). С другой стороны, Абрахам Маслоу известен тем, что описывает человеческие потребности как иерархически организованную пирамиду из пяти уровней: физиологические потребности находятся внизу иерархии, за ними следуют потребности в безопасности, социальные потребности, потребности в уважении и самоактуализация.
 Пирамида Маслоу
 Возвращаясь к принципам проектирования, ориентированным на человека, можно утверждать, что человеческая потребность, скорее всего, удовлетворяется, когда продукт или услуга полезны, пригодны для использования и желательны   (Sanders, 1992).
 Удовлетворение человеческой потребности - или, выражаясь другим языком, решение реальной проблемы - задача не из легких. Как человеко-ориентированный дизайнер вы всегда будете начинать с того, что не знаете, каким может быть решение данной проблемы дизайна (IDEO, 2014). Вот почему слушать, думать, строить и уточнять свой путь к ответу - это ключ к решению проблем и, в конечном итоге, к тому, чтобы помочь людям жить лучше.
 Таким образом, дизайн, ориентированный на человека, - это создание глубокого сочувствия к людям, для которых вы проектируете; генерировать массу идей; создание кучи прототипов; делиться своими достижениями с людьми, для которых вы создаете дизайн; и, в конечном итоге, представить миру ваше инновационное решение (IDEO, n.д.).
 Генеральный директор IDEO Тим Браун утверждает, что «континуум инноваций лучше рассматривать как систему перекрывающихся пространств, а не как последовательность упорядоченных шагов» (Brown, 2009). IDEO, как компания, известна своим хорошо структурированным процессом проектирования. По сути, он состоит из трех шагов (или фаз): вдохновения, идеи и реализации.
 Фаза вдохновения вращается вокруг «проблемы или возможности, которая мотивирует поиск решений» (Brown, 2009). Это может показаться немного очевидным, но важно, чтобы вы понимали проблему, которую пытаетесь решить, прежде чем приступать к созданию прототипа.А непонимание проблемы, к сожалению, встречается чаще, чем люди думают. Существует множество примеров предпринимателей, в том числе и меня, которые создавали продукты, не уделяя времени проверке идеи или на ее базовом уровне, достаточно хорошо исследуя проблему.
 Первое, на что следует обратить внимание, это то, что проблема, над которой вы работаете или над которой хотите работать, может даже не существовать. Первоначально проблема - это просто набор предположений, которые необходимо проверить. И вы поймете, существует ли проблема на самом деле, если выйдете из здания (Бланк и Дорф, 2012) и поговорите с людьми.Однако перед этим важно выделить время, чтобы сформулировать свою дизайнерскую задачу. Если вы сделаете это правильно, ваше исследование будет более целенаправленным и эффективным.
 Задача проектирования - это превратить проблемы в возможности, но не только это. Он также определяет ваше мнение о проблеме и возможных решениях. Кроме того, в моменты двусмысленности это помогает прояснить, куда следует продвигать свой дизайн (IDEO, н.д. ).
 IDEO предлагает довольно простой метод определения задачи дизайна, и он выглядит следующим образом, с некоторыми изменениями:
  Первый шаг  - написать задачу дизайна.Оно должно быть коротким и легко запоминающимся, единственным предложением, описывающим проблему, которую вы хотите решить. Например: заставьте семьи проводить больше времени вместе. Однако помните, что на данном этапе ваша проблема - это всего лишь набор предположений, которые необходимо проверить.
  Второй шаг  - сформулировать вашу дизайнерскую задачу в виде вопроса или, более конкретно, вопроса «Как мы можем». Например: Как мы можем помочь семьям проводить больше времени вместе? Распространенная ошибка - сделать ваш вопрос слишком широким или слишком узким, поэтому не торопитесь и внимательно изучите свою дизайнерскую задачу.
  Третий шаг  - определить влияние, которое вы хотели бы оказать в свете вашей проектной задачи.
  Четвертый шаг  - подумать о возможных решениях вашей проблемы. И здесь я хотел бы подчеркнуть, что ваше восприятие проблемы может также измениться, если вы выйдете из здания и поговорите с людьми. Так что не беспокойтесь об этом на начальном этапе - вы, скорее всего, будете его повторять.
  Пятый шаг  - написать некоторые из контекста и ограничений, которые могут окружать исходный вопрос.
  И шестой и последний шаг  - оглянуться назад на свой вопрос «Как мы можем задавать вопросы». Как упоминалось ранее, очень часто можно изменить или адаптировать свой вопрос «Как мы можем?» По мере того, как вы глубже вникаете в проблему. В конце концов, инновации - это не линейный процесс. Кроме того, уверенность в том, что вы задаете правильный вопрос, является ключом к поиску полезного, полезного и желательного решения. В нашем примере это может быть «Как мы можем создать такой опыт, который понравится всем членам семьи?»
 Вот и все! Надеюсь, эта короткая статья была чем-то полезна.Я хотел бы услышать ваши мысли и комментарии по этому поводу!
 Объяснение конструкции рамы велосипеда | BikeGremlin 
 В этой статье я расскажу о конструкции рамы велосипеда. Почему у большинства рам есть высокая горизонтальная верхняя труба, через которую часто трудно переступить при установке или снятии? Как сделать современные рамы достаточно легкими, но при этом достаточно прочными? 
  В этой статье основное внимание уделяется весу и прочности. Чтобы понять, как углы и размеры трубок влияют на ходовые качества и управляемость, см. Статью  Геометрия рамы велосипеда . 
  Для получения информации о материалах см .:  Материалы рамы велосипеда - объяснение . 
  Содержание: 
 Основы конструкции рамы велосипеда
 Нагрузки на трубы рамы велосипеда
 Вилки 
 3.1. Вилка дискового тормоза
 Трубки: прочность и масса 
 4.1. Трубы с стыковкой
 Заключение
 Источники

 1. Основы конструкции велосипедной рамы
 Если вы посмотрите на велосипедные рамы, вы заметите, что большинство моделей построено на основе двух треугольников:
 Велосипедная рама с двумя треугольниками 
 Рисунок 1
 Более чем столетний опыт показал, что  эта конструкция дает максимально возможную прочность с самыми тонкими (и легкими) трубками . По крайней мере, когда требуется нести вес всадника, усилие на педали, тянуть за поручни и справляться с неровностями дороги.
  Легче, тяжелее? На самом деле мы измеряем массу. Вес, который мы измеряем, стоя на весах, - это масса, созданная силой тяжести Земли. Но это тема для отдельного поста. Для этого мы скажем, что вес = масса (извините, сэр  Ньютон ). 
 Проходные рамы, также называемые «женскими» велосипедами, немного отличаются:
 Проходная («женская») конструкция рамы - только с одним треугольником. 
 Рисунок 2
 Проходные рамы имеют только один задний треугольник. .Они разработаны для более удобного посадки и высадки с велосипеда, но за это приходится платить: такая конструкция требует, чтобы трубки, обозначенные буквами «A» и «B» на рисунке 2, были намного прочнее, а значит, тяжелее, чтобы получить достойную раму. прочность, по сравнению с использованием дизайна двух треугольников. Иногда в проходных рамах используется только одна очень толстая и тяжелая труба вместо двух, что обычно даже хуже с точки зрения общей массы рамы.
 Давайте повторим: , если вы хотите, чтобы рама была как можно более легкой, но при этом достаточно прочной, постройте ее из двух треугольников .
 Старые классические рамы имели горизонтальную верхнюю трубу. Современные почти всегда имеют наклонную верхнюю трубу.
 Две рамы разного дизайна и одинаковых размеров для одного и того же велосипедиста. 
 Светло-серая рамка имеет горизонтальную верхнюю трубу. 
 Рама темно-серого цвета с наклонной («наклонной») верхней трубкой. 
 Изображение 3
 Как бы убедительно ни звучал продавец,  технически не имеет преимуществ в том, чтобы иметь наклонную верхнюю трубу . Однако проектирование рамы с горизонтальной верхней трубой, чтобы все остальные размеры были подходящими, требует больших знаний и опыта (подробности см. В статье , геометрия велосипедной рамы ).Намного проще просто наклонить трубу и не заботиться о том, где она выровняется.

 2. Нагрузки на трубы рамы велосипеда
 Рама велосипеда  Трубки в основном сжимаются (сжимающие нагрузки), изгибаются и скручиваются (скручивающие нагрузки) . Обычно они не берут на себя нагрузок, которые пытаются их растянуть.
 Типичные нагрузки на трубы рамы велосипеда: сжатие (1), изгиб вне плоскости (2) и скручивание (3) ).Это видно из сравнения разной толщины тубуса рамки на картинке.
 Распределение нагрузки на трубы рамы велосипеда 
 Рисунок 5
 Трубы подседельного штыря (отмечены зеленым на рисунке 5) принимают на себя настолько небольшую нагрузку, что они всегда намного прочнее и тяжелее, чем необходимо! Почему их не делают легче? Поскольку дальнейшее уменьшение диаметра или стенок этих трубок сделает невозможным их сварку или приклеивание к остальным трубкам. Вам все еще нужен материал, за который можно держаться.

 3.Вилка
 Здесь я объясню велосипедные вилки с точки зрения прочности, веса и нагрузки. По другим важным вопросам, связанным с вилками, вы можете ознакомиться:
 Велосипедная вилка имеет относительно прочную и жесткую верхнюю часть - рулевую колонку. Он расположен внутри рулевой трубы рамы и удерживается на месте подшипниками рулевой колонки.
 Рулевая труба велосипедной вилки (1), удерживаемая подшипниками рулевой колонки (2) внутри рулевой трубы рамы (3) 
 Рисунок 6
 Верхняя часть прочная и хорошо закреплена, в то время как колесо оказывает давление на вилку со стороны нижний конец, используя всю длину ножки вилки в качестве рычага.Вот почему вилка подвергается наибольшему напряжению и нагрузке в секции прямо под рулевой колонкой, где ноги начинают выходить наружу.
 Сила, которую колесо оказывает на вилку (1), которая создает наибольшую нагрузку в области около верхней части лап (2) 
 Рисунок 7
 Вилы часто начинают трескаться в задней части, около верхней части (стрелка 2 на рисунке 7). Ширина ног вилки, показанная на рисунке 7, является хорошим показателем нагрузки, воспринимаемой различными секциями стойки вилки. Это хорошая возможность развенчать некоторые распространенные мифы, предоставив некоторые факты:
 Ножки вилки тоньше внизу, чтобы уменьшить вес, потому что там им не нужна такая большая сила. Это , а не , чтобы ножки вилки действовали как пружины подвески.
 Ножки согнуты вперед внизу, чтобы повлиять на ход вилки   без изменения угла наклона рулевой трубы  . Это , а не  из соображений амортизации.
 Многие современные вилки изготавливаются с углом в самом верху, где вилка выходит из рулевой трубы, с прямыми ножками. Особенно вилки подвески. Это сделано потому, что конструкция или используемые материалы непрактичны, чтобы сделать зауженную и изогнутую форму около низа.

 3.1. Вилка дискового тормоза
 Чем отличаются вилки дискового тормоза, кроме крепления суппорта дискового тормоза? Давайте сначала посмотрим, как тормозное усилие распределяется с помощью ободных тормозов:
 Нагрузка на вилку ободного тормоза 
 Рисунок 8
 При нажатии на тормоз тормозная сила через обод пытается вытащить тормозной суппорт из вилки вперед. сбоку, эффективно потянув вилку вперед. Усилие сосредоточено в верхней части вилки - там, где она толстая и сильная, хорошо поддерживается рулевой колонкой.Нижняя часть ножек вилки толкается назад благодаря инериту замедляющегося велосипедиста и велосипеда, но для того, чтобы наклониться назад, ножки вилки одновременно должны были бы немного подтолкнуть переднюю часть велосипеда вверх (см. Кривую) . Таким образом, эта сила, которая не слишком велика, в дальнейшем нейтрализуется самим весом и инерцией гонщика и велосипеда. 
 Проще говоря: ободные тормоза  не сильно нагружают вилку .
 А как насчет дисковых тормозов?
 Нагрузка вилки дискового тормоза при торможении 
 Рисунок 9
 В дисковых тормозах почти вся длина вилки используется как рычаг, через который тормозная сила нагружает верхнюю часть вилки (L на рисунке 9).
  В то же время, когда колесо и тормозной диск пытаются повернуться, тормозной суппорт удерживает диск, эффективно действуя как точка опоры, вокруг которой колесо пытается повернуться, что оказывает тянущее вниз усилие, пытаясь вытащить колесо из дропаута. Сквозные оси предотвращают это, но вилки с открытым концом следует регулярно проверять на затяжку болтов крепления колес или быстросъемных рычагов. Это происходит не сразу, а после множества микроперемещений, потому что болты имеют тенденцию поворачиваться в направлении меньшего предварительного натяга при каждом движении.
 Вдобавок к этому тормозная сила толкает суппорт тормоза вперед, пытаясь оттянуть нижнюю часть вилки назад, оказывая некоторую изгибающую силу в самой нижней части вилки.
 Вот почему вилка дискового тормоза  должна быть намного прочнее и тяжелее, чем вилка ободного тормоза .

 4. Камеры: прочность и вес
  Почему велосипедные рамы сделаны из труб, а не из стержней?  
  Трубка - стержень с дырочкой!  🙂
 Трубка (1) и стержни (2) 
 Источник:  CSIRO  
 Рисунок 10
 Помните вторую главу о типах нагрузок, с которыми сталкиваются велосипедные рамы.Перед скучной теорией приведу практический пример: предположим, мы хотим сделать каркас максимально легким, но достаточно прочным, чтобы нести нас. Чтобы не усложнять задачу, попробуем сделать это из стали (подробнее о различных материалах каркаса в отдельной статье). Приступим:
  Можно попробовать стержни диаметром (толщиной) 2 см. Посмотрим ... хм ... они довольно тяжелые. Может, лучше выбрать более тонкие? Баггер - теперь он слишком гибкий! Я знаю, мы попробуем уловку столетней давности: возьмем трубки! 
  Если взять трубы шириной 3 см и толщиной стенок 6 мм, то получится более жесткая, прочная конструкция  и более легкая конструкция ! Большой.
 Рассмотрим трубы шириной около 4 см и толщиной стенки 3 мм. Уууу - еще легче, немного жестче и прочнее. 
  Давай сойдем с ума - ширина 5 см, толщина стенки 0,1 мм! Что это? Их нельзя сваривать! Они легко вмчатся, если по ним ударить! 
 Давайте объясним, что здесь произошло и почему.
 Прежде всего следует отметить, что стержень шириной 2 см прочнее и жестче, чем трубка того же диаметра. Однако с увеличением диаметра резко возрастают и прочность, и жесткость. Таким образом, более широкая трубка может иметь относительно тонкие стенки, что делает ее довольно легкой, и при этом оставаться такой же прочной и жесткой, как гораздо более тяжелый (и более тонкий) стержень.
 Соотношение примерно следующее: жесткость трубы увеличивается в третьей степени от увеличения диаметра. Если мы  сравним две трубки с одинаковой толщиной стенки , одна из которых имеет диаметр 2 см (d1), а другая - 4 см (d2), то вторая трубка будет в 8 раз жестче. 
 (d2-d1)  3 
 Вторая трубка в этом примере будет в 8 раз жестче, но также в 2 раза тяжелее.Мы могли уменьшить толщину его стенки (сохранив внешний диаметр неизменным). Это сделает его немного менее жестким и намного более легким. Однако, даже если жесткость уменьшить вдвое, это все равно в 4 раза жестче, чем первая трубка, но при этом легче!  Увеличение диаметра трубы увеличивает ее жесткость намного больше, чем уменьшение толщины стенок трубы снижает жесткость .
 Но есть предел, насколько тонкими могут быть стены. Трубки с толщиной стенки меньше определенной нельзя сваривать (они просто прогорают).Точно так же слишком тонкие стенки приводят к тому, что трубка слишком легко деформируется при малейшем ударе. Теперь я возьму другой пример:
  Возьмем небольшую банку от кока-колы. Поставьте вертикально на землю. Осторожно встаньте на него и медленно перенесите на него свой вес. Если вы держите груз вертикально и делаете это постепенно, он может удерживать ваш вес. Однако, если вы сделаете даже малейшую вмятину в стенках банки до того, как это сделаете, она быстро и легко раздавится. 
 При чем здесь велосипедные рамы? Трубы рамы велосипеда, как и все другие трубы, теряют большую часть своей прочности, если на их стенках появляются вмятины.Это особенно касается нижней трубы и правого нижнего перья.

 4.1. Трубы со стыковкой
 Вы часто читаете это в брошюрах по дорогим алюминиевым или стальным каркасам: трубам с двойным или тройным стыком. Что это значит?
 Нет, серьезно, поясню… 🙂 
 Picture 11
 Помните проблему сварки труб со слишком тонкими стенками? Что, если мы сделаем концы трубок с более толстыми стенками и сделаем среднюю часть с более тонкими стенками? Вот к чему сводится эта техника.
 Трубы с двойным, тройным и двойным баттингом… 
 Рисунок 12
 Этот метод действительно увеличивает затраты на производство труб, но позволяет сделать рамы еще легче, но при этом почти такими же прочными.

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

 6. Источники
 Конструкция рамы в Autodesk Inventor | Искать 
  ПРОЕКТИРОВАНИЕ РАМЫ 
 В Autodesk Inventor есть набор инструментов, специально сгруппированных для проектирования рам на панели «Фрейм» вкладки «Дизайн» на ленте; см. рис 1.
 Рис1. Рамочная панель
 Инструмент «Вставить фрейм» на панели «Фрейм» используется для вставки базовых элементов рамы, а другие инструменты используются для выполнения различных модификаций рамы.Далее обсуждаются процедуры использования этих инструментов.
  Вставка рамы 
 Инструмент «Вставить каркас» используется для вставки элементов каркаса вдоль выбранных кромок или от точки к точке. Далее приводится процедура использования этого инструмента.
 • Щелкните инструмент «Вставить фрейм» на панели «Фрейм» на вкладке «Дизайн» на ленте. Откроется диалоговое окно «Вставка»; см. рис. 2.
 Рис. 2. Диалоговое окно «Вставить»
 • Выберите требуемый стандарт из раскрывающегося списка "Стандарт" и соответствующую форму из раскрывающегося списка "Семейство".Для выбранного семейства в раскрывающемся списке Размер станут доступны элементы рамы различных размеров.
 • Выберите требуемый размер и материал из раскрывающихся списков «Размер» и «Материал».
 • Выберите желаемый внешний вид из раскрывающегося списка «Внешний вид», если вы хотите, чтобы внешний вид отличался от выбранного материала.
 • Выберите кромки / объекты эскиза, вдоль которых вы хотите создать элементы рамы. Будет отображен предварительный просмотр кадра; см. рис. 3. Обратите внимание, что вы можете выбрать объекты эскиза, созданные в режиме детали.Эскизы, созданные в среде сборки, нельзя использовать для создания каркаса.
 Рис. 3. Предварительный просмотр элементов рамы
 • Вы хотите выбрать начальную и конечную точки вместо ребер / линий, затем нажмите кнопку «Вставить элементы между точками» в области «Размещение» диалогового окна.
 • Установите флажок «Объединить», чтобы объединить все элементы конструкции в одну деталь.
 • Выберите желаемый переключатель для ориентации элемента рамы в области «Ориентация» диалогового окна.
 • При необходимости укажите значения смещения в полях редактирования «Вертикальное смещение» и «Смещение по горизонтали».
 • Щелкните в поле редактирования «Угол» и при необходимости укажите желаемое значение угла.
 • Если элементы рамы не выровнены должным образом, установите флажок «Выровнять». Вас попросят выбрать геометрию, по которой должны быть выровнены элементы рамы. Выберите желаемую геометрию, по которой элементы рамы будут выровнены по ней; см. рис. 4.
 Рис 4.Выравнивание элементов рамы
 • Нажмите кнопку ОК, чтобы создать элементы рамы. Откроется диалоговое окно Create New Frame; см. Рис. 5.
 Рис. 5. Диалоговое окно Create New Frame
 • Укажите желаемое имя файла фрейма, местоположение фрейма, имя файла скелета и местоположение файла скелета в соответствующих полях редактирования.
 • Нажмите кнопку ОК, чтобы создать рамку. Теперь вы можете скрыть базовый объект.
  Замена элементов рамы 
 Инструмент «Изменить» на панели «Фрейм» на вкладке «Дизайн» ленты используется для изменения параметров, связанных с фреймами.Далее обсуждается процедура использования этого инструмента.
 • Щелкните инструмент «Изменить» на панели «Фрейм» на вкладке «Дизайн» на ленте. Откроется диалоговое окно «Изменить»; см. рис 6.
 Рис 6. Диалоговое окно изменения
 • Выберите элемент рамы, который нужно изменить, в области рисования. Выбранный член превратится в превью. Если вы хотите выбрать несколько элементов рамы, установите флажок «Множественный выбор».
 • Выберите элемент рамы с желаемыми параметрами, используя параметры в диалоговом окне.Параметры в диалоговом окне такие же, как обсуждалось в предыдущем разделе.
 • Нажмите кнопку ОК, чтобы применить изменения.
  Скос углов 
 Соединение под углом (miter в британском английском), иногда сокращаемое до miter, представляет собой соединение, выполненное путем снятия фаски каждой из двух частей, которые необходимо соединить, обычно под углом 45 °, с образованием угла, обычно под углом 90 °. Далее обсуждается процедура нанесения митры на стык.
 • Щелкните инструмент Mitre на панели Frame на вкладке Design на ленте.Откроется диалоговое окно "Митра"; см. Рис. 7. Кроме того, вам будет предложено выбрать элемент рамы, который нужно вырезать.
 • Выберите элемент рамы, который нужно вырезать. Вас попросят выбрать другого члена, который нужно вырезать.
 • Выберите другой пересекающийся элемент рамы. Кнопки ОК и Применить в диалоговом окне станут активными.
 • По умолчанию в диалоговом окне выбрана кнопка "Обрез с двух сторон под углом". Если вы хотите, чтобы обрезался только один элемент рамы, а другой остался без изменений, нажмите кнопку «Вырез под углом с одной стороны».Обратите внимание, что в этом случае выбранный элемент рамы, выделенный желтым цветом, не будет обрезан во время резки под углом.
 Рис. 7. Диалоговое окно «Угловая труба»
 • Если вы хотите указать зазор в косом срезе, укажите желаемое значение в поле редактирования «Расширение косого среза».
 • Чтобы удалить существующие обработки концов для выбранных элементов конструкции, установите флажок Удалить существующие обработки концов.
 • Нажмите кнопку «Применить», чтобы создать текущий разрез под углом, и продолжить создание следующего, или нажмите кнопку «ОК», чтобы создать разрез под углом и выйти из инструмента.Будет создан косой срез; см. рис 8.
 Рис. 8. Применение углового пропила
 Чтобы узнать больше по этой и многим другим темам, ознакомьтесь с нашей книгой Autodesk Inventor 2018 Black Book (предварительная версия: https://drive.google.com/file/d/0Bx_eqleotKPNUmh6OXBCNnlGRTA/view) или посетите: www.cadcamcaeworks.com
 .