Йерархия
Spaceship Design System е изграден на слоеве, като всеки добавя яснота, структура и цел. Те формират йерархия, която насочва как проектираме, изграждаме и развиваме продуктите си — от най-малкото визуално решение до най-широкото потребителско изживяване.
Следвайки принципите на Atomic Design, структурирахме основните си ресурси в следните категории, което ги прави по-лесни за използване от всички екипи.
Основи
Определят основните правила на нашия визуален език — цветове, типография, отстояния, мрежи, движение и токени. Те ни дават последователна основа, върху която да работим.
Компоненти
Оживяват основните правила в елементи на интерфейса за многократна употреба, които решават ежедневни дизайнерски проблеми.
Шаблони
Показват как компонентите и патерните работят заедно в контекст, като предоставят готови структури за цялостни страници и изживявания.
Патерни
Улавят доказани решения и добри практики, като гарантират, че работата ни остава последователна, достъпна и ориентирана към потребителя във всяка точка на контакт.
Основи
Основните атоми на Spaceship Design System. Те определят визуалните и структурните правила, върху които е изграден всеки компонент и патерн.
Цвят
Определя брандови и функционални палитри, които осигуряват хармония, достъпност и гъвкавост в различните продукти.
Типография
Установява йерархия и яснота с типографска скала, която прави съдържанието лесно за четене и преглеждане.
Отстояния
Осигурява систематична скала за полета, вътрешни отстояния и ритъм на оформлението, за да поддържа последователни интерфейси.
Мрежи
Създава адаптивни оформления, които се приспособяват към различни устройства, като същевременно поддържат структура и подравняване..
Движение
Използва преходи и анимация, за да насочва вниманието, да комуникира статус и да прави взаимодействията естествени.
Design Tokens
Превеждат основните стойности в код, служейки като единен източник на истина и същевременно улеснявайки бързите и лесни актуализации.
Ясните основи означават по-малко пречки, повече приобщаване и повече време, посветено на решаването на реални проблеми, вместо да се започва от нулата.
Компоненти
Това са елементите за многократна употреба в Spaceship Design System. Всеки от тях решава конкретен проблем на интерфейса — от бутони и полета за въвеждане до навигация и съобщения за обратна връзка. Всеки компонент е достъпен, адаптивен и лесно приспособим към различни контексти или устройства.
Компонентите за многократна употреба гарантират, че всеки продукт, който създаваме, се пуска по-бързо и е свързан с по-голямата картина.
Шаблони
Шаблоните са мостът между градивните елементи и потребителското изживяване. Те комбинират основи и компоненти в пълни контексти на страници, като показват как системата работи на практика.
Шаблони за продуктови страници
Структури на страници на високо ниво за целеви и продуктови страници, при които дизайнерите основно актуализират съдържанието и настройват модулите според всеки контекст.
Компоненти за споделяне
По-сложни структури за многократна употреба, като сравнителни таблици или ценови карти, са проектирани да обработват последователно конкретни сценарии в различните продукти.
С готови структури, от които да започнат, екипите могат да се фокусират по-малко върху решенията за оформление и повече върху адресирането на реалните нужди на потребителите.
Патерни
Патерните улавят това, което сме научили от тестване, обратна връзка и реална употреба, превръщайки го в стандартизирани решения за многократна употреба. Всеки патерн се основава на намерението на потребителя, независимо дали става дума за опростяване на процеса на плащане, обработка на грешки или насочване на потребителите през формуляри.
Като дефинират доказани решения, патерните правят работата ни целенасочена, като гарантират, че всяко изживяване е не само функционално, но и обмислено проектирано.