Яндекс атом что это такое

Яндекс Браузер и Аtom — чем отличаются и какой подойдёт для бизнеса

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

Мы рекомендуем использовать отечественные браузеры — например, Яндекс Браузер и Atom. Подготовили для Вас подробный обзор: выбирайте и скачивайте браузер, который будет Вам наиболее удобен.

Скорость загрузки

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

Яндекс Браузер. При медленном интернете автоматически включается режим Турбо и ускоряет загрузку. Турбо сжимает «тяжёлые» картинки и видео и передает пользователю в таком формате. Поэтому браузер экономит не только время, но и трафик.

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

Удобство интерфейса и внешний вид

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

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

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

Безопасность

При создании обоих браузеров делали акцент на безопасности данных пользователей.

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

Atom. Разработчики браузера делали акцент на безопасности данных, поэтому использовали технологию Kaspersky Online File Reputation, которая проверяет скачиваемые файлы, открываемые страницы. Atom предупредит об угрозе фишинга и не позволит установить вредоносные программы на компьютер.

Наличие расширений

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

Из полезных дополнений рекомендуем использовать электронную цифровую подпись — с ее помощью легко оптимизировать документооборот.

Atom. Здесь также можно воспользоваться дополнениями и расширить функциональные возможности. Все доступные расширения есть в интернет-магазине Google Chrome — переводчики, карты, калькулятор, планировщики, сервисы для работы из дома и не только.

Для установки расширений откройте в браузере настройки, выберите раздел «Дополнительные настройки» и перейдите к «Расширениям».

Возможности для бизнеса

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

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

• оптимизируйте продажи с помощью Маркета;
• синхронизируйте браузер на разных устройствах — работайте в дороге, не теряйте важные ссылки и страницы;
• стройте маршруты на Картах — если нужно срочно доставить заказ клиенту или быстрее успеть на встречу и обойти пробки.
• листайте ленту в Дзене;
• заказывайте курьеров в Доставке;
• фильтруйте рекламу;
• пользуйтесь менеджером генерации и защиты паролей;
• смотрите видео параллельно с делами с помощью технологии автовыноса.​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

Яндекс Браузер даёт быстрый доступ к сервису «Дзен» — платформа, которая позволяет создавать и просматривать контент по разным темам. Ежедневно Дзен посещают более 20 млн пользователей и проводят в нём в среднем 6 часов. Компании могут создать канал на Дзене, делиться новостями и кейсами, продвигать услуги через контент-маркетинг. Продвигаться можно органично и за рекламный бюджет.

Atom. У Atom пока нет таких возможностей, как у Яндекс Браузера, но он оптимизирует работу с Mail.ru и ВКонтакте — если у Вас плохо работает интернет, Вконтакте всё равно будет загружаться мгновенно. Так Вы проверите работу рекламы даже за городом, расскажете про новую акцию в сообществе и спокойно продолжите продвигать бизнес.

Можно не открывать страницу ВКонтакте, чтобы отслеживать сообщения. Уведомления приходят прямо в браузере Atom. Вы не пропустите ни одно сообщение от клиентов.

Браузер Atom дает быстрый доступ к сервису «Пульс» — это лента персональных рекомендаций для пользователя. Компании могут стать партнерами Пульса и продвигать свой контент, но самостоятельно создать канал и разместить публикацию не получится. Пульс сам выбирает с Вашего сайта релевантный для пользователя контент и показывает в браузере Atom и на странице Mail.ru.

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

Установка и обновление

Оба браузера можно установить в три шага — скачать установочный файл, запустить его и нажать «Установить». Браузеры обновляется автоматически — это позволяет им вовремя устранять неполадки и защищать устройство от угроз.

Скачивайте установочные файлы только с официальных сайтов компаний — Яндекс Браузер и браузер Atom

Перед установкой прочитайте системные требования к устройству — для Яндекс Браузера и браузера Atom

Сравнительная таблица браузеров

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

Яндекс Браузер	Atom
Скорость загрузки	Как у Chrome	В 1,4 раз быстрее Яндекс Браузера
Удобство интерфейса и внешний вид	Все важные инструменты под рукой, можно настраивать главный экран под себя	Все важные инструменты под рукой, можно настраивать главный экран под себя
Безопасность	Защищает данные благодаря технологии Protect	Использует технологию Kaspersky Online File Reputation
Наличие расширений	Есть в интернет-магазине Google Chrome	Есть в интернет-магазине Дополнения Opera
Возможности для бизнеса	Интеграция с сервисами Яндекса — возможность отслеживать рекламу в Яндекс Директе, строить маршрут в картах или синхронизировать работу устройств	Интеграция с сервисами VK — возможность вовремя видеть сообщения в VK и отслеживать рекламу в соцсети

Расчетный счет для ИП

Открытие счета для ИП за 20 минут

«Яндекс» или Atom: какой российский браузер выбрать

Минцифры рекомендовало пользователям сайта «Госуслуги» перейти на браузеры, которые поддерживают российский сертификат безопасности связи, сообщил «Интерфакс» со ссылкой на пресс-релиз министерства.

Отмечается, что речь идет о таких веб-обозревателях, как «Яндекс.Браузер» и Atom. Их использование обеспечит лучший доступ к «Госуслугам» и другим сайтам, которые сейчас стали плохо открываться.

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

Альтернативы зарубежным браузерам в России немного. Наиболее известный из них — «Яндекс.Браузер», занимающий в стране второе место по популярности после американского Chrome. «Яндекс.Браузер» развивается с 2012 года и существует в версиях под Windows, iOS, Android, macOS и Linux. Поддержка российских сертификатов в нем уже реализована.

Atom, который также рекомендовало использовать Минцифры, создан холдингом VK, ранее известным как Mail.ru Group. Веб-обозреватель был запущен в 2019-м, а его мобильная версия заработала годом позднее. Пользовательская база Atom очень мала. В февраля нынешнего года он занимал долю рынка в 0,89% вместе с десятками других браузеров.

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

CNews пишет, что «Яндекс.Браузер» и Atom не имеют собственного движка. Оба браузера базируются на Blink, разработанном Google.

Электризация. Электрический заряд

В основе объяснения явления электризации лежит электронная теория. Теория объясняет электрические свойства тел наличием в них электронов и их движением. Считается что причиной такого явления как «электризация трением» является, что при соприкосновении двух различных тел, часть электронов переходит с одного тела на другое. В результате на поверхности одного тела оказывается положительный заряд (избыток электронов), а на поверхности другого отрицательный заряд (недостаток электронов).

Что известно о таком явлении как электризация трением?

1. Если потереть друг о друга два разных вещества – стеклянную палочку о шёлк, то они приобретут разный заряд. То же самое произойдёт если потереть сургуч мехом.
2. Разделение зарядов происходит и без трения. Если в стакан с дистиллированной водой опустить парафиновый шарик на изолированной ручке, то произойдёт разделение зарядов. Вода и парафиновый шарик получат противоположные заряды.
3. Разделение зарядов имеет место любых двух различных тел: диэлектриков или проводников, твёрдых тел, жидкостей или газов.
4. Заряды, полученные электризацией трением можно перенести на другие предметы.
5. Под действием света происходит положительный заряд вещества.

Приведем аргументы против электронной теории.

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

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

В-третьих, один протон может быть связан только с одним электроном.

В-четвертых, если электрон оторвать от химического соединения, то это химическое соединение разрушится.

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

Для объяснения этого явления мне поможет концепция, выдвинутая в статье «Энергия» о квантовой энергетической природе протона и электрона.

В статье «Энергия» было показано, что мир состоит из двух видов энергии – магнитной (протонной) и электронной. Протон и позитрон являются стабильными квантами магнитной (протонной) энергии, а антипротон и электрон – стабильные кванты электронной энергии (статья «Энергия»).

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

Как предполагал Бенджамин Франклин, электрическая энергия представляется в виде «электрической жидкости» которая заключена в самом веществе. Разный уровень «электрической жидкости» в разных веществах создают разницу в энергии этих веществ. По его предположениям движение этой «электрической жидкости» между веществами и приводит к различным электрическим явления.

Каким же образом создаётся эта разница в уровне «электрической жидкости» в веществе?

Наличие стабильных квантов магнитной (протон) и электронных (электрон) видов энергии создают условия для обмена энергией между атомами разных веществ. Разная энергия связи протонов и электронов в атомных ядрах разных химических элементов и химических веществ, создаёт разницу уровня магнитной (протонной) – энергии («электрической жидкости») в веществе.

Бенджамин Франклин условился считать избыток «электрической жидкости» считать плюсом, а её недостаток – минусом. Будем придерживаться той же условности, где имеется избыток магнитной (протонной) энергии – плюс, а там, где недостаток магнитной (протонной) энергии – минус. Именно эта разница энергии протонов в атомных ядрах разных химических элементов и определяет движение этой самой энергии в веществе. Электроны же только создают своей связью с протонами эту разницу в энергии.

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

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

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

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

Протон можно представить, как сосуд с жидкостью. Размер элементарной частицы определяется по внутреннему квантовому уровню. Чем сильнее связь протона с электроном, тем меньше их масса и больше размер и тем меньше уровень энергии (заряд) E_p1 – сосуд 1 с меньшим уровнем. И чем меньше связь протона с электроном, тем энергия (масса) E_p2 протона больше – сосуд 2.

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

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

При разведении атома1 и атома2, на расстояние, они сохраняют энергетический статус, полученный при контакте друг с другом (рисунок 3). Атом 1 остался заряженным положительно – с избыточным магнитным (протонным) зарядом, а атом 2 заряжен отрицательно – с недостаточным магнитным (протонным) зарядом.

Электрический заряд – это разница уровня магнитной (протонной) энергии между атомами.

На рисунке 4 показаны взаимодействие веществ с разной энергией связи и разным количеством протонов в атомном ядре.

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

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

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

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

Атом2, у которого появился дефицит массы в атомном ядре, становится «отрицательно заряженным». Количество электронов в атоме2 остается неизменным. Атом1, у которого появился избыток массы в атомном ядре, становится «положительно заряженным». Количество электронов в нём также остаётся неизменным.

Для того, чтобы вернуться к своему нормальному (нейтральному) состоянию, атом1 должен отдать лишнюю энергию и для этого ему необходимо войти в тесный контакт с веществом у которого в атомном ядре средняя энергия, приходящаяся на один протон меньше. И наоборот, атом2 должен вернуть недостающую энергию атомному ядру, при этом ему нужно войти в тесный контакт с веществом у которого средняя энергия в атомном ядре, приходящаяся на один протон, больше.

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

Рассмотрим электризацию под действием света.

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

Явление заключается в том, что, под действием фотона, протон и связанный с ним электрон восстанавливаются. А электрический заряд связан с энергией протона.

На рисунке 8 показано, что происходит с атомом в опыте с электроскопом показанном на (Рис. 7) на атомном уровне.

В обычных условиях атом является нейтрально заряженным (Рис. 8а).

При взаимодействии атома с фотоном происходит полное или частичное восстановление протона и электрона. Восстановление электрона никак не влияет на заряд системы, т.к. электрический заряд с ним не связан. А полное или частичное восстановление протона и увеличение его энергии, приводит к приобретению системы протон — электрон положительного заряда (Рис. 8b). Даже если под действием фотона электрон переместится на более высокий уровень протона, но не покинет его, это так же приведёт к увеличению электрического заряда атома. Протон показан как положительно заряженный, это только потому что в электрическом поле он ведёт себя как заряженная частица. Свободный протон не может обмениваться магнитной (протонной) энергией так как он является стабильным квантом магнитной (протонной энергии). Так как освобождённый электрон не обладает кинетической энергией, он остаётся рядом со свободным протоном. Затем протон свободный протон снова соединяется со свободным электроном и образуется фотон связи (Рис. 8с). Система протон – электрон приобретает нейтральный заряд. При фотоэффекте электроскоп не может накапливать большой заряд так как возбуждённые атомы снова соединяются со своим электроном и восстанавливают нейтральный статус.

Если электроскоп (рис. 7) наэлектризовать, а затем осветить, то под действием света он разрядится. Это явление на атомном уровне можно объяснить так.

Нейтральный атом (Рис. 9а) заряжается внешним источником магнитной (протонной) энергии (Рис. 9b). У протона в атоме появляется избыточная магнитная (протонная) энергия, а энергетическое состояние электрона не меняется. Если теперь на такой возбуждённый атом попадёт фотон, то электрон восстановится до свободного состояния, а избыточная магнитная (протонная) энергия перейдёт к освободившемуся электрону в виде кинетической энергии. Электрон покинет атом (Рис. 9с). Но свободный электрон далеко не сможет удалится. Полученную кинетическую магнитную (протонную) энергию электрон перенесёт на какое-либо вещество и затем с меньшей кинетической энергией возвратится к своему протону. При соединении свободного протона и электрона выделится фотон энергии связи.

Для разных химических элементов так называемая работа выхода электронов разная: цезий – 1,94эВ для выхода электрона достаточно инфракрасного излучения, а ртуть — 4,52эВ для выхода электрона необходим ультрафиолетовый.

Атомарный веб-дизайн

Предлагаю читателям «Хабрахабра» перевод статьи Брэда Фроста (Brad Frost) «Atomic Web Design».

Мы не проектируем страницы, мы проектируем системы компонент. — Stephen Hay

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

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

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

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

Переодическая система элементов HTML.

Что такое атомарный дизайн

Атомарный дизайн это методология создания систем дизайна. В атомном дизайне есть пять отчётливых уровней:

1. Атомы
2. Молекулы
3. Огранизмы
4. Шаблоны
5. Страницы

Атомы

Атомы в природе — это основные строительные блоки материи. В контексте веб-интерфейсов атомы — это HTML тэги, такие как форма, поле ввода, или кнопка.

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

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

Молекулы

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

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

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

Организмы

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

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

Огранизмы могут состоять из похожих или разных типов молекул. К примеру, заголовок страницы может состоять из разных компонент — логотипа, главного меню, формы поиска и списка медиа-каналов. Но организм, отображающий сетку товаров, может содержать одну молекулу (изображение продукта, название и цена), которая повторяется много раз.

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

Шаблоны

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

Шаблоны очень конкретные и предоставляют контекст ко всем довольно абстрактным молекулам и организмам. Именно шаблон позволяет видеть конечный дизайн. В моём опыте работы с этой методологией шаблоны начинаются с HTML wireframe’ов, но со временем становятся более точными. В итоге они становятся конечными продуктами. Bearded Studio в Питтсбурге имеют похожий процесс, при котором дизайны начинают разрабатывать чёрно-белыми и без разметки, но постепенно набирают конкретики и деталей до тех пор, пока не становятся конечными работами.

Страницы

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

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

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

Также это стадия для тестирования изменений в шаблонах. Например, вам нужно удостовериться в том, что заголовок с 40 символами выглядит согласованно с заголовком из 340 символов. Или проверить, как вместо корзины с одной вещью выглядит она же с 10 вещами и со скидкой по промо-коду. Эти ситуации влияют на то, как мы строим нашу систему.

Почему атомарный дизайн

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

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

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

Pattern Lab

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

Материалы для дальнейшего изучения

• «Web Components: A Tectonic Shift for Web Development». Веб компоненты превосходно согласовываются с концептом атомного дизайна, в этом видео рассказывается о том, почему они изменяют то, как мы мыслим, строим и используем веб приложения.
• Modularity. Тим Берненс-Ли обсуждает применение принципа модулярности к веб разработке.
• «Responsive Deliverables». Статья, развивающая идею создания «небольшых бутстрэпов, для каждого клиента».

• веб-дизайн
• веб-разработка
• вёрстка
• атомарный дизайн
• atomic design
• методология