Не соглашайтесь на первый ответ, который вы получите. Всегда старайтесь копать глубже, чтобы понять точку зрения человека. Задавайте дополнительные вопросы, когда пользователи описывают конкретный случай или проблему. Я думаю вы не раз слышали о технике “Five whys (Пять почему)” — когда на каждый ответ человека вы последовательно задаете вопрос Почему. Считается, что таким образом вы…
Burger King был вынужден прекратить показывать рекламу своего нового бургера Rebel Whopper после того, как Управление по рекламным стандартам (ASA) сочло их вводящими в заблуждение. Запущенная в январе, чтобы совпасть с Veganuary (в котором люди пытаются есть только веганскую еду в течение целого месяца), реклама провозгласила новый бургер как «первый бургер на основе растений». Однако,…
Как дизайнер, вы, скорее всего, знаете о сопереживании, командной работе, творческом мышлении и общении. В настоящее время эти социальные навыки имеют первостепенное значение для дизайнера. Однако есть несколько других упущенных из виду навыков, которые также необходимы для специалистов данной области. Ниже мы объясним, о каких именно навыках идет речь, и предложим несколько советов, как их…
Поскольку весь мир учится работать вместе удаленно, мы хотим помочь вам в стильном видеочате с красивыми виртуальными фоновыми изображениями Zoom. Мы только что отправили вам письмо со всеми фонами Zoom. Популярная платформа видеоконференций Zoom позволяет пользователям загружать свои собственные виртуальные фоновые изображения для видеочатов. Это помогает скрыть любые фоновые помехи при работе из дома и…
Мои способы изучения английского-сугубо индивидуальные, я не навязываю их и не считаю самыми эффективными из возможных. Просто хочу поделиться тем, как мне удалось преодолеть лень и скуку, и добиться необходимого прогресса в изучении языка. Самое эффективное в изучении любого навыка-это мотивация. Мотивация возникает на основе желаний (материальные блага, эмоции, знания, здоровье). Ниже я опишу несколько…
Пустые улицы. Заброшенные городские площади. Тихие аэропорты. Снимки, сделанные немецким фотографом Матом Хеннеком, мгновенно вызывают пандемию Covid-19, которая закрыла большую часть мира. На самом деле, однако, Хеннек начал работать над своей серией Silent Cities в 2013 году. Публикация книги изображений в начале этого месяца — чистое совпадение — проект создавался годами. «Это как пророческая работа…
Доверие — основа каждой успешной продажи. Сегодняшние покупатели имеют множество вариантов, доступных по одному щелчку мыши, и владельцы бизнеса могут отслеживать каждый щелчок. Но самое главное – доверие – сложно понять, измерить или определить. Как развивается доверие покупателей, когда они покупают новый продукт в Интернете или заказывают в интернет-магазине, к которому они еще не привыкли?…
Gigabyte Aero 15X — это ноутбук Nvidia RTX Studio с испытанной и испытанной комбинацией шестиядерного Intel Core i7-9750H и графической карты GeForceRTX 2080. Это тонкий и легкий дизайн с нашей обзорной моделью, имеющей 32 ГБ памяти и 1 ТБ PCIE 3.0 SSD. Эта внутренняя спецификация более чем способна как для высококачественных задач 3D-дизайна, так и…
Эти цвета наиболее часто отображаются в вашем приложении. Они могут представлять активные состояния, элементы акцента или цвет текста.
Вторичные цвета
Вторичные цвета являются необязательными, но они предоставляют больше возможностей отличить ваш продукт. Эти цвета используются реже для выделения или выделения элементов. Вторичные и третичные цветовые палитры часто используются в сложных продуктах.
Оттенки
Используйте первичную или вторичную палитру для создания оттенков. В разделе тем я покажу, как мы справились с этим.
Сохраняйте свою цветовую палитру настолько простой, насколько это возможно потому что ее легко Поддерживайте и масштабируйте свою систему проектирования с помощью библиотеки компонентов, а также старайтесь разумно использовать оттенки и цвета для согласованности и масштабируемости.
«Простое может быть сложнее, чем сложное: вам нужно усердно работать, чтобы очистить свое мышление, чтобы сделать его простым. Но в конце концов это того стоит, потому что, добравшись туда, вы сможете сдвинуть горы ». — Стив Джобс.
Когда дело доходит до именования цветовых переменных, существует два основных подхода: семантический и декларативный. Ни один из них не ошибается.
Семантический подход лучше работает для массивных и масштабируемых систем проектирования, тогда как декларативный подход используется для небольших независимых модулей.
Семантическое именование — «Что оно представляет? ”
Каждый компонент в вашей системе имеет различные состояния, такие как начальный, активный, ошибка, успех, зависание и т. Д. Каждое состояние может быть представлено разными цветами, и здесь соглашение о наименовании может пригодиться. Чтобы это произошло, мы применили тематический подход. Для каждого состояния элемента мы использовали разные темы, представленные разными цветами.
Вы можете использовать декларативное именование для компонентов, которые используются независимо от основной системы. Он действительно прост в использовании и будет инкапсулирован из вашей основной цветовой палитры.
После того, как вы создали необходимую цветовую палитру, вы можете использовать ее в системе дизайна и устанавливать значения палитры в свойствах CSS в зависимости от ваших тем. В Rene мы используем стилевые компоненты для тематики. Я могу заверить вас, что эти принципы будут работать для других соглашений, таких как переменные CSS, модули CSS и т. Д.
Как вы можете видеть, мы создали две разные темы для описания двух разных состояний компонентов, разница между ними только в значениях палитры.
Мы Также обнаружено, что использование объектов для описания темы очень удобно, и этот подход можно использовать для описания ошибки, успеха или других состояний элемента.
Окончательный стиль объекта, который будет скомпилирован в чистый CSS, будет выглядеть this:
Для создания оттенков мы используем первичные или вторичные цвета и меняем только параметр альфа. Вы также можете использовать третичные цвета, но помните правило простоты. Чтобы создать редактируемое состояние для компонента Tree-Element, мы использовали простую библиотеку цветов, и вы можете сделать то же самое с чистым CSS, используя альфа-параметр или функцию транспарентизации SCSS.
Вот как мы используем цвета в нашей системе проектирования. Мы многое рассмотрели по этой теме, такие как соглашения об именах, цветовая палитра, темы и оттенки. Помнить! Чтобы создать масштабируемую систему проектирования, постарайтесь сделать ее простой
Надеюсь, вы нашли эту статью полезной! Если у вас есть отзывы, вопросы, дайте нам знать в комментариях, мы будем рады ответить! Не стесняйтесь связаться со мной в Твиттере.
Посмотрите наши следующие статьи в серии, мы расскажем о типографии, макете, интервале, значках и многом другом.
Скетчи — это быстрые зарисовки и визуальные заметки, которые отображают на бумаге образы, идеи и мысли. Само слово sketch с английского переводится как «быстрый рисунок». В скетчинге важна скорость, позволяющая лаконично зафиксировать очертания предметов и общую идею. Не стоит гнаться за целостной художественной композицией и проработанными деталями. Скетчи используют люди разных профессий. Веб-дизайнеры делают прототипы сайтов на бумаге. Дизайнеры интерьеров создают интерьер комнат с нескольких ракурсов, чтобы расставить…