В моем понимание дизайн-система:
1. Текстовый документ (описание принципов построения и использование элементов дизайна).
2. Дизайн элементов (то что называется исходником).
3. Это набор html, css и js файлов (все элементы в работе).
При чем:
1. Имена элементов в дизайне должны соответствовать классам и уникальным идинтефикаторам используемым в наборах html, css и js файлов.
2. Любой интерфейс мы можем собрать как в дизайне так и виде чернового проекта.
3. Должно быть общее понимание между менеджерами продукта, дизайнерами и разработчиками.
Из всего вышесказанного, вашу работу можно отнести как часть-дизайн системы, но рассматривать не как полноценную дизайн-систему.
Немного инфы есть в моей статье habr.com/post/338020
Также этот размер модуля выбирается из за правил типографики и он гораздо гибче чем нечетная 5-ка :) По умолчанию сетки в большинстве случаев 10px — делим пополам получаем нечетное число которое не к селу не городу. При таком модуле высоту строки равную 24 px не задать. Можно посмотреть видео: youtu.be/ddHggFXdGsE
Если не дать разработчику исчерпывающей информации, то в последствии дизайнеру не стоит говорить, что я не все так задумал. Давай поправим. Молча прожевать и жить дальше. У нас, в Гильдии вольных проектировщиков, любят документировать дизайн. Обсуждать его с разработчиками. приходить к общему решению. Чтобы все работало как надо. А нарисовать макет и забить на то, что с ним дальше будет не приветствуется.
Я приобрел недавно iMac 2017 — из за экрана, проца и его мобилльности. Мало места занимает. Скетч не ставил, ибо сейчас не зачем. А в целом мак ос не напрягает :)
"С чего начинается дизайн интерфейса. Разумеется, с получения задания, которое формируется из поставленных задач, проверки различных гипотез, исследования пользовательского опыта и т.д." — в «и т.д.» укладываем все что идет до дизайна.
Мнения разделяются :) Кто то делает прототипы. Кто то не делает :) Например ребята которые делали приложение «ВТБ» для бизнеса — не делали прототипы :) А где то есть требование о высокодетализированных прототипах :)
Я не обороняюсь :) В данной статье попытался вложить смысл, что нужно разрабатывать дизайн систему так, чтобы любой элемент сложив с другим элементом выглядел гармонично в соответствии с правилами которые разработали. Тот же бутстрап — готовая дизайн система. Конечно при адаптивности соблюсти вертикальный ритм несколько сложнее. Есть несколько способов решить проблему с картинками — например. О размерах текста тоже можно много говорить. И разумеется при 10px размера шрифта, высота строки 24px выглядит хуже. Но тут уж надо смотреть на картинку в целом. Соблюдать ритм до конца или где-то его нарушать. Рассматривайте статью как начальную. Где рассмотрен идеальный пример и идеальное решение. Я вообще планирую записать несколько видео на данную тему. Спасибо за Ваши вопросы. Мне очень приятно, что статья вызвала интерес.
Вопрос не совсем по теме данной статьи. Но представьте artboard 360px в любой программе с сеткой с размером клетки 8px. Увеличьте artboard до 720px, количество клеток увеличится. Эти сетки используются для контроля на этапе проектирования. Т.е. ты знаешь что элементы будут у тебя соответствующих размеров и отступов. А это значит что отступа не кратного 8-ми не должно быть, к примеру. Если отступ кнопки от заголовка 8 px, то 12px или 11px он уже не может быть. А поведение контента в зависимости от размера окна браузера задается по другим факторам.
Бесполезные знания… Всему этому учат на тех или иных курсах. Также это есть в любом учебнике по графическому дизайну. Если человек освоивший графическую программу считает себя богом дизайна и ему даже в голову не пришло ознакомится с обилием проф. литературы, то таких надо гнать вон из профессии.
Он меня простимулировал выпустить видео о сайте аэропорта Шереметьево
1. Текстовый документ (описание принципов построения и использование элементов дизайна).
2. Дизайн элементов (то что называется исходником).
3. Это набор html, css и js файлов (все элементы в работе).
При чем:
1. Имена элементов в дизайне должны соответствовать классам и уникальным идинтефикаторам используемым в наборах html, css и js файлов.
2. Любой интерфейс мы можем собрать как в дизайне так и виде чернового проекта.
3. Должно быть общее понимание между менеджерами продукта, дизайнерами и разработчиками.
Из всего вышесказанного, вашу работу можно отнести как часть-дизайн системы, но рассматривать не как полноценную дизайн-систему.
Также этот размер модуля выбирается из за правил типографики и он гораздо гибче чем нечетная 5-ка :) По умолчанию сетки в большинстве случаев 10px — делим пополам получаем нечетное число которое не к селу не городу. При таком модуле высоту строки равную 24 px не задать. Можно посмотреть видео: youtu.be/ddHggFXdGsE
Мнения разделяются :) Кто то делает прототипы. Кто то не делает :) Например ребята которые делали приложение «ВТБ» для бизнеса — не делали прототипы :) А где то есть требование о высокодетализированных прототипах :)
Я о том же :)
https://youtu.be/qq9YABYUYEI