Читать канал известного закупщика

Который работает с крупными Тг-каналами и брендами

смета.рф

Актуальные документы по сметному ценообразованию

Таплинки для экспертов

Выделись среди конкурентов!

Статистика Избранное

Контур.Гайды

Гео и язык канала: Россия, Русский

Категория: Дизайн

Новости и обновления Контур.Гайдов — требований к дизайну интерфейсов СКБ Контур. Ведущий @dzekh

Связанные каналы

Гео и язык канала

Россия, Русский

Категория

Дизайн

Статистика

Избранное

Фильтр публикаций

Скрывать удаленные

Скрывать репосты

Контур.Гайды

17 Jun 2019, 10:04

У нас два новых гайда: «Модуль и сетка» https://guides.kontur.ru/principles/grid/ и «Отступы и выравнивание» https://guides.kontur.ru/principles/indents/

Базовой размерной единицей для интерфейсов Контура стал модуль в 8 пикселей. На его основе мы строим типографику, контролы и иконки, выбираем отступы между элементами.

До этого у Контура не было единой сетки. Продукты Контура и Гайды будут поэтапно переходить на восьмипиксельный модуль, этот процесс займет какое-то время.

В первую очередь мы начинаем применять этот модуль в отступах — https://guides.kontur.ru/principles/indents/
В скором времени в соответствии с модулем обновятся наши библиотеки компонентов и типографика.

Модуль и сетка — Принципы — Контур.Гайды

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

1.8k 0 7

Контур.Гайды

31 May 2019, 12:58

Опубликовали новый гайд — по фильтрам, которые можно встраивать в шапку таблицы. Это удобно для сортировки и фильтрации списков, где данные разделены по колонкам. https://guides.kontur.ru/principles/filters/

Фильтры в таблицах — Принципы — Контур.Гайды

Фильтры, встроенные в шапку таблицы, для сортировки и поиска данных.

1.5k 0 8

Контур.Гайды

23 Apr 2019, 16:21

Иногда в шутку спрашивают — «А есть ли у вас гайд как писать гайды?» Отвечаем: есть, и теперь он публичный. Там много интересного, почитайте:

Как писать гайды

1.3k 0 4

Контур.Гайды

11 Apr 2019, 10:50

Обновление в гайде проектировщика — ссылка на таблицу, описывающую модель компетенций. То, как мы видим развитие проектировщика в Контуре, и где проводим границы между джуном, мидлом и сеньором https://guides.kontur.ru/principles/uidesigner/#03

Проектировщик — Принципы — Контур.Гайды

Список необходимых знаний, практик и навыков проектировщика интерфейсов Контура

1.2k 0 11

Контур.Гайды

27 Mar 2019, 13:04

Мы обновили структуру Контур.Гайдов и переделали главную страницу https://guides.kontur.ru. Много небольших изменений и уточнений внутри — обновили тексты комбобокса, пейджинга, тултипа и лайтбокса. Теперь во всех компонентах есть примеры из библиотеки React UI https://tech.skbkontur.ru/react-ui/

Контур.Гайды — это требования к дизайну пользовательского интерфейса веб-сервисов Контура.

994 0 1

Контур.Гайды

21 Feb 2019, 10:06

Привет! Давно не было новостей про гайды, не было большого повода или какого-то нового гайда, но тем не менее есть много мелких новостей, о которых мы расскажем позже.

А главная новость на сегодня — Design Update возвращается 😉

Встречаемся в субботу 2 марта в офисе Контура на Малопрудной 5. В гости ждем спикеров из Beavers Brothers, Контура и JetStyle.

Поговорим о найме дизайнеров в разных компаниях. Зачем нужны тестовые и можно ли обойтись без них? Почему нельзя обойтись портфолио и на что смотрят на собеседованиях?

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

Design Update закончим пиццей и новыми знакомствами.

Про спикеров и темы их выступлений еще напишем в канале — https://t.me/designupd

Регистрация уже идет — https://is.gd/w94AsD

Design Update — это митап дизайнеров в Екатеринбурге который проходит раз в квартал.

Канал Design Update в Telegram

Регистрация на митап

869 0 3

Контур.Гайды

23 Aug 2018, 07:46

Опубликовали гайд о письмах и рассылках, которые отправляют сервисы Контура. Гайд содержит правила, по которым мы создаем письма для массовых маркетинговых рассылок и единичных уведомлений: оформление шапки, подвала, области контента и типографику.
https://guides.kontur.ru/components/letters/

Письма — Экраны — Контур.Гайды

Единый шаблон писем-рассылок Контура. Он помогает сделать письма узнаваемыми, а расположение элементов привычным.

800 0 1

Контур.Гайды

26 Jun 2018, 13:37

Описали, что нужно учесть при создании страниц ошибок: 400-х, 500-х или заглушек, на момент обновления или профилактических работ. https://guides.kontur.ru/components/errorpages/

Страницы ошибок — Экраны — Контур.Гайды

Шаблоны страниц для 400-х и 500-x ошибок.

1.9k 1 1

Контур.Гайды

21 May 2018, 15:56

Новый гайд — поле с токенами. Оно похоже на комбобокс, но используется в случаях, когда нужно указать сразу много однородных элементов — токенов. Пока только гайд, без реализации в библиотеке React UI. https://guides.kontur.ru/controls/token/

Поле ввода — Компоненты — Контур.Гайды

Поле ввода помогает вводить текст и числа с клавиатуры

862 0 0

Контур.Гайды

16 May 2018, 13:00

Классно, когда дизайнеры собираются, показывают крутые штуки, делятся опытом и задают друг другу вопросы. Грустно, что таких встреч в Екатеринбурге немного.
Мы решили это исправить и организовали митап для дизайнеров. Тема первого — «Дизайн продуктов». Надеемся, что эти встречи станут полезными, уютными и регулярными.
Когда
26 мая, суббота
Продолжительность
15:30 – 16:00 — сбор гостей
16:00 – 19:00 — выступление спикеров
Где встречаемся
В офисе Контура на Малопрудной, 5
Участие бесплатное, но нужно зарегистрироваться, чтобы организаторы подготовили чай, кофе и печеньки для всех гостей.
Зарегистрироваться

Design Update 1.0

768 0 0

Контур.Гайды

7 May 2018, 09:00

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

Скетч-библиотека для работы

Как выглядит библиотека контролов «Контур UI» и как вы можете её использовать

1.3k 1 0

Контур.Гайды

26 Apr 2018, 14:03

Дизайнерские выходные на Урале — мы позвали к себе в гости в Екатеринбург земляка из Челябинска. 29 апреля, в воскресенье, в нашем офисе разработки выступит Илья Бирман, дизайнер и арт‑директор бюро Артёма Горбунова. Илья расскажет, как делать полезные сайты. Приходите, будем рады: https://eventskbkontur.timepad.ru/event/703592/

595 0 0

Контур.Гайды

16 Apr 2018, 13:15

Новости Контур.Гайдов
Кроме этого канала в Телеграм, про обновления Гайдов мы пишем в Твиттер, Фейсбук и в Контакте. Эти каналы немного удобней тем, что там легко оставить комментарий или задать вопрос. Ну и их пока не планируют блокировать.
Есть еще аккаунт в Инстаграм, но там не так официально. Подписывайтесь, чтоб оставаться на связи. 😉

565 0 0

Контур.Гайды

30 Mar 2018, 23:12

Недавно обновили раздел «Ресурсы», где собраны все исходные материалы для дизайнеров Контура. В нем появилось описание библиотеки для Скетча, которую мы готовим для того чтоб выложить в открытый доступ. Следите за новостями! https://guides.kontur.ru/resources/library/

Библиотека контролов — Ресурсы — Контур.Гайды

Библиотеки элементов интерфейса для проектировщиков — все контуровские контролы в Скетче

615 0 0

Контур.Гайды

29 Mar 2018, 17:40

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

https://guides.kontur.ru/principles/usabilityresearch/

Пользовательские исследования — Принципы — Контур.Гайды

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

612 0 0

Контур.Гайды

10 Jan 2018, 13:32

В предновогодней суете забыли рассказать о том, что в Контур.Гайдах появился Глоссарий. Наверстываем в Новом 2018. Глоссарий — это список слов, которые мы используем в общении с пользователями — в интерфейсе, в новостях и в разговоре с клиентами. https://guides.kontur.ru/principles/glossary/

Глоссарий — Принципы — Контур.Гайды

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

651 0 0

Контур.Гайды

19 Dec 2017, 14:04

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

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

https://guides.kontur.ru/components/sidepage/

Сайдпейдж — Компоненты — Контур.Гайды

Модальное окно, которое открывается поверх основной страницы и занимает всю высоту окна браузера

640 0 0

Контур.Гайды

12 Dec 2017, 14:51

Обновили гайд поля с паролем. Кратко, что изменилось:
— Два варианта поля для разных сценариев: ввод пароля на странице авторизации, и смена или установка пароля в личном кабинете.
— Пароль становится видимым только при клике и удержании левой кнопки мыши на иконке.
— Добавили разделы про фокус, работу с клавиатурой, размер и расположение
https://guides.kontur.ru/controls/password/

Поле с паролем — Контролы — Контур.Гайды

Однострочное поле для ввода пароля, в котором символы заменяются на точки

510 0 0

Контур.Гайды

7 Nov 2017, 13:08

Опубликовали гайд по цвету в интерфейсах Контура: https://guides.kontur.ru/principles/color/

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

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

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

Цвет — Принципы — Контур.Гайды

Правила использования цвета в интерфейсах Контура. Рабочие цвета для вывода и структурирования информации, смысловые и фирменные цвета, палитра.

424 0 0

Контур.Гайды

24 Oct 2017, 11:18

Немного обновили гайд постраничной навигации. В нем появились пункты про обратный пейджинг и добавление новых записей. Если коротко — обратный пейджинг это плохо, и новые записи или строки не должны появляться и влиять на пейджинг при переходе по страницам: https://guides.kontur.ru/components/paging/#10

Пейджинг — Компоненты — Контур.Гайды

Способ представления большого количества однородной информации, когда контент разбивается на страницы

357 0 0

Показано 20 последних публикаций.

275

подписчиков

Статистика канала