Скругленный квадрат: Иконки закругленный квадрат — 111 бесплатных иконок

A. Виджет «Динамические углы» B. Скругленный угол C. Связанные опорные точки D. Перевернутый скругленный угол E. Скошенный угол 

Рекомендации по использованию виджета динамического скругления

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

   • Для выделения одного угла нажмите один виджет динамического угла.
   • Для выделения нескольких углов нажмите необходимые виджеты динамических углов, удерживая клавишу Shift.
   • Для отмены выделения нажмите нужный виджет динамического угла, удерживая клавишу Shift. 

   Контуры, которые можно выбрать, включают в себя: 

   • одну или несколько угловых точек на контуре;
   • несколько угловых точек на разных контурах.

2. Выполните одно из следующих действий:

   • Перетащите виджет динамического скругления.
     
   • Нажмите ссылку Углы на панели управления или панели «Свойства», а затем задайте значения для доступных параметров.
     
   • Дважды нажмите виджет Динамические углы, затем измените параметры в диалоговом окне Углы.
     

   A. Исходный угол B. Направление перетаскивания указателя мыши C. Скругленный угол в режиме предварительного просмотра D. Виджет «Динамические углы» E. Примененный радиус скругления F. Курсор, указывающий на применяемый стиль угла 

Изменение стиля угла

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

• При перетаскивании виджета динамического скругления нажмите клавишу СТРЕЛКА ВВЕРХ или СТРЕЛКА ВНИЗ. Курсор изменится в соответствии с текущим выбранным стилем Угол.
• На панели управления или панели «Свойства» нажмите ссылку Углы, чтобы открыть всплывающую панель Углы. Выберите стиль угла, который требуется применить.
• Дважды щелкните  виджет динамического скругления для отображения диалогового окна «Углы», а затем выберите стиль «Угол».
• Щелкните виджет несколько раз, удерживая нажатой клавишу Alt или Option, чтобы просмотреть доступные стили углов.  

A. Скругленный угол B. Перевернутый скругленный угол C. Скошенный угол 

Рекомендации

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

A. Красный контур указывает на достижение максимального радиуса для данного угла B. Направление вытягивания виджета «Динамические углы» C. Виджет «Динамические углы» 

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

[Windows] Выберите Правка > Установки > Производительность > Рисование и редактирование в реальном времени.

[macOS] Выберите Illustrator > Установки > Производительность > Рисование и редактирование в реальном времени.

Настройки виджета динамического скругления

Скрыть виджет углов

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

Максимальное ограничение угла

Пользователи могут скрыть виджет динамического скругления для углов, значение которых превышает заданное. Это значение можно указать в разделе Установки > Отображение выделения и опорных точек в поле Скрыть виджет углов, если величина углов более.

Вход в учетную запись

Войти

Управление учетной записью

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

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

Дизайнеров часто смущает разница между квадратами и квадратами. Короче говоря, квадраты — это комбинация круга и квадрата, как следует из названия, а круглые квадраты — это просто закругленные версии обычных квадратов.

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

Давайте посмотрим поближе.

Все начинается с квадрата со скругленными углами

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

Скругленный квадрат — это квадрат со скругленными углами. Вместо острых углов, которые вы найдете у простого старого квадрата, вы замените их изогнутыми краями, как показано на изображении ниже.

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

Что такое сквиркл?

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

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

Белки долгое время были неотъемлемой частью дизайна и использовались во всем: от формы приложений Apple iOS и спидометров в автомобилях Fiat до обеденных тарелок, кастрюль и сковородок.

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

Разница между квадратом и квадратом со скругленными углами

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

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

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

Нам нравится, как Дэниел Ферст, старший инженер-программист Curative и бывший инженер Figma, описывает разницу между квадратами и квадратами со скругленными углами в своей статье Desperately Seeking Squircles:

«Кривизна периметра квадрата непрерывна, тогда как периметр закругленного квадрата нет, — говорит Дэниел. «Это может показаться тривиальной, классной историей, но на подсознательном уровне она действительно оказывает большое влияние: квадрат не похож на квадрат после операции; он регистрируется как самостоятельная сущность, как форма гладкой гальки в русле реки, единое и элементарное целое».

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

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

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

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

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

Ресурсы Squircle для дизайнеров

Если вы хотите узнать больше об этой восхитительной форме или использовать ее в проекте, вот подборка некоторых из наших любимых ресурсов, которые стоит проверить.

1. Circling the Square: Designing with Squircles вместо Rounded Rectangles by Kurt Kohlstedt
2. Squircle в Википедии:
3. The Hunt for the Squircle by Michael Flarup
4. The Squircle by Wolfram Mathworld
5. John 90 история термина и кривизна квадрата
6. Отчаянно ищущие белки, Дэниел Фурс. Закругленные углы в экосистеме Apple, Артур Ван Сиклен
7. Сквирклеморфизм, автор Uxmisfit
8. Суперэллипс, Пит Хайн
9. Иконки Apple имеют такую ​​форму по очень веской причине, Марк Стэнтон
10. Значение закругленных углов, Орана Веларде

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

Чтобы показать нам, как вы используете эти фигуры в своих проектах Webflow, обязательно отправьте их на #MadeinWebflow — нам не терпится увидеть, что вы создадите!

27 января 2023 г.

Ресурсы

Круглый квадрат

Динамичная сеть школ в 50 странах мира

Подробнее о членстве

Будьте вдохновлены

Подключайтесь и сотрудничайте

Подход мирового уровня к воспитанию характера

Служба обмена конференциями

Платформа для смелых и сострадательных лидеров

Учитесь, делая

Платформа для смелых и сострадательных лидеров

Учитесь, делая

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

RSIC2023: Новая Африка

Студенты и их преподаватели со всей глобальной семьи Round Square соберутся в Кении в октябре этого года на RSIC2023. Принимающие нас студенты в Brookhouse School выбрали тему «Новая Африка», которая позволит нам изучить многие пути развития континента и определить его положение в 21 веке

Узнать больше

Празднование культурного и языкового разнообразия в Международный день родного языка

В Международный день родного языка: Hola, bonjour, nǐ hǎo, asalaam alaikum, guten tag, olá, konnichiwa, anyoung haseyo, namaste, s̄wạs̄dī, hyālō, bunâ и привет учащимся школ RS по всему миру. Мы рады представить нашу новейшую языковую лабораторию Round Square. Узнайте больше о наших языковых лабораториях

Узнать больше

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

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

Включение студенческого лидерства

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