Size: a a a

Дизайн-чат

2021 February 22

OA

Olhovscy Anton in Дизайн-чат
#Вопрос. Привет. Объясните, пожалуйста, почему гугл в своей дизайн системе подписывает названия цветов для стилей таким образом: 900, 800, 700 50 и т.д? Скрин приложил.
источник

D

Dmitrii in Дизайн-чат
Просто система кодирования цветов. 500 — основной цвет, ниже с добавлением белого, выше с добавлением чёрного. Сотые значения используются, на случай если понадобится добавить цветов и было куда впихнуть
источник

OA

Olhovscy Anton in Дизайн-чат
Dmitrii
Просто система кодирования цветов. 500 — основной цвет, ниже с добавлением белого, выше с добавлением чёрного. Сотые значения используются, на случай если понадобится добавить цветов и было куда впихнуть
А где почитать как правильно называть цвета в проекте? Есть же какие-то общепринятые правила для названия этих стилей? Потому что я придумаваю названия, а потом сам в них путаюсь пытаясь понять где что применял.
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Olhovscy Anton
#Вопрос. Привет. Объясните, пожалуйста, почему гугл в своей дизайн системе подписывает названия цветов для стилей таким образом: 900, 800, 700 50 и т.д? Скрин приложил.
Я в прошлом году отвечал на похожий вопрос на Musli: https://musli.cc/t/versus-design-system-v1-0-sobirayu-fidbeki-ot-dizajn-komyuniti/1123/11?u=tank666
источник

D

Dmitrii in Дизайн-чат
Olhovscy Anton
А где почитать как правильно называть цвета в проекте? Есть же какие-то общепринятые правила для названия этих стилей? Потому что я придумаваю названия, а потом сам в них путаюсь пытаясь понять где что применял.
Почитать если честно не подскажу, но просто делай как гугл. Или как Майкрософт, у них в коммьюнити лежит дизайн система Fluent, посмотри как они подходят к неймингу.
источник

OA

Olhovscy Anton in Дизайн-чат
Dmitrii
Почитать если честно не подскажу, но просто делай как гугл. Или как Майкрософт, у них в коммьюнити лежит дизайн система Fluent, посмотри как они подходят к неймингу.
Это можно сделать, я пытаюсь понять почему они называют цвет именно так?
источник

D

Dmitrii in Дизайн-чат
Не знаю, всё что я могу сказать и гугл и майки строят систему так:

...
shade
shade
shade
primary
tint
tint
tint
...

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

OA

Olhovscy Anton in Дизайн-чат
#Вопрос Скажите, пожалуйста, как посмотреть отображение шрифта в разных браузерах? Нашел интересную статью о дизайн системах, потом попробовал гуглить, чтобы самостоятельно попробовать эту штуку. Но не нашел каких-то онлайн способов это сделать. может гуглю неправильно??? )) вот что пишет автор статьи.
источник

NK

ID:0 in Дизайн-чат
Как сетка ухудшила UX

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

slashdesigner.ru/grid-ux-fail

Спойлер: если при проектировании системы ориентироваться только на большие экраны (1920), и не брать в расчёт средние на 1280, 12-колонник, разделённый на 3 блока, может слишком сильно жать контент по ширине. Поэтому, на 1280 стоит избегать деления на 3 колонки, если в одной из них происходит что-то важное.

Выводы:

1. Потребности всегда важнее визуального, а контент важнее оформления.

2. Постоянный хороший контакт с моими пользователями позволил сэкономить на формализованных исследованиях.

3. Всегда стоит начинать проектировать от меньшей ширины к большей. Для админок стандарт ширины — 1280.

А какой интересный опыт работы с сетками был у тебя? Расскажи в комментариях.


#для_профи  #сетка
источник

ЮЗ

Юрий Зеленковский... in Дизайн-чат
Olhovscy Anton
#Вопрос Скажите, пожалуйста, как посмотреть отображение шрифта в разных браузерах? Нашел интересную статью о дизайн системах, потом попробовал гуглить, чтобы самостоятельно попробовать эту штуку. Но не нашел каких-то онлайн способов это сделать. может гуглю неправильно??? )) вот что пишет автор статьи.
источник

OA

Olhovscy Anton in Дизайн-чат
слишком подозрительный сайт, спасибо )))
источник

D

Dmitry in Дизайн-чат
Привет всем)

#вопрос

А что, на Бихенс нельзя заменить обложку уже опубликованного кейса? Например, я нашел ошибки в макете и хочу их заменить, но на обложке они останутся)

Пытаюсь поменять, появляется ошибка "Failed to upload. Please try again. Проблемы? Прочтите документы." В документах ничего не нашел (иначе не писал бы в чат)
источник

⠀Сашко in Дизайн-чат
Dmitry
Привет всем)

#вопрос

А что, на Бихенс нельзя заменить обложку уже опубликованного кейса? Например, я нашел ошибки в макете и хочу их заменить, но на обложке они останутся)

Пытаюсь поменять, появляется ошибка "Failed to upload. Please try again. Проблемы? Прочтите документы." В документах ничего не нашел (иначе не писал бы в чат)
Можно, у вас какая-то ошибка. Пробовали перезагрузку: пк, браузера, сайта? Ещё файл, на который хотите заменить повреждённый. Можно переэкспортировать в другой формат или с другими настройками экспорта
источник

D

Dmitry in Дизайн-чат
⠀Сашко
Можно, у вас какая-то ошибка. Пробовали перезагрузку: пк, браузера, сайта? Ещё файл, на который хотите заменить повреждённый. Можно переэкспортировать в другой формат или с другими настройками экспорта
Пробовал всё из вами перечисленного

Уже было такое, я не разобрался и перезалил работу и это было с другого ноутбука с другой ос, единственное что — тот же аккаунт firefox, behance и ip

То есть лучше написать в поддержку о проблеме?
источник

ШН

Шынгыс Нарсейт... in Дизайн-чат
как это вы бы улучшили ? мне не совсем нравится то что я сделал
источник

C

Cosmic in Дизайн-чат
Шынгыс Нарсейт
как это вы бы улучшили ? мне не совсем нравится то что я сделал
для начала сделать отступы нормально
сбалансировать карточку, а то как то оно все пляшет
источник

IY

Ivan Yemets in Дизайн-чат
Шынгыс Нарсейт
как это вы бы улучшили ? мне не совсем нравится то что я сделал
дать больше воздуха нужно, и отсупы сделай ровные
источник

OA

Olhovscy Anton in Дизайн-чат
Dmitry
Привет всем)

#вопрос

А что, на Бихенс нельзя заменить обложку уже опубликованного кейса? Например, я нашел ошибки в макете и хочу их заменить, но на обложке они останутся)

Пытаюсь поменять, появляется ошибка "Failed to upload. Please try again. Проблемы? Прочтите документы." В документах ничего не нашел (иначе не писал бы в чат)
Привет. У меня была похожая ситуация, к сожалению не сохранилась переписка со службой поддержки Behance. Напиши им письмо, подробно объясни проблему, сделай скрины, а еще лучше запиши видео с экрана.

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

но лучше напиши в поддержку. Потому что частенько на это жалуются люди.
источник

D

Dmitry in Дизайн-чат
Olhovscy Anton
Привет. У меня была похожая ситуация, к сожалению не сохранилась переписка со службой поддержки Behance. Напиши им письмо, подробно объясни проблему, сделай скрины, а еще лучше запиши видео с экрана.

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

но лучше напиши в поддержку. Потому что частенько на это жалуются люди.
Делал всё, кроме времени

Большое спасибо!)
источник

OA

Olhovscy Anton in Дизайн-чат
#Вопрос. У кого-то есть время и желание, прокомментируйте, пожалуйста, подробно верстку моего макета в Figma.
Ответьте, пожалуйста, насколько хорошо сделаны:

Размер заголовка
Размер подзаголовка
Основной текст

Интерлиньяж заголовка
Интерлиньяж подзаголовка
Интерлиньяж основного текста

Отступ от заголовка до подзаголовка
Отступ от подзаголовка до основного текста
Отступ от основного текста до подписи
Поля документа
___________________

Спасибо. Ссылка на макет — https://www.figma.com/file/K8xbhRn4XHx5bPTPNZ67u0/%D0%94%D0%BB%D1%8F-%D1%87%D0%B0%D1%82%D0%B0?node-id=1%3A2
источник