UX/UI Design
Hello,
I am creating a style guide based mainly off Pega's design standards, so that our new applications can have the same look and feel, however, I'm having a tough time figuring out the naming convention of these components. (i.e. mimic a sentence, in-line tab bar etc.) and what they're referring to. Is there a glossary of what these component terms mean with an example of what it looks like within an application? Right now, I'm trying to figure out what how to define columns for a form. Please help if you can. thanks
***Edited by Moderator Marissa to update platform capability tags****
Pegasystems Inc.
US
If I understood your requirement correctly, you want to understand the different naming conventions and how are they different from each other.
So, you can navigate to Application Skin and check out the various components. There is also UI Gallery which would show you a sample example of different UI controls/components.
Hope it helps.
State of New Jersey Courts
US
Rachit,
You're correct. I have used the UI Gallery, however, not everything is shown. I was hoping for a cheat sheet with every component/element described, but I've search the web and Pega through and through and the only thing that comes up is the Pega UX Design System. I also have access to Pega Designer Studio, but I have to go into each component separately and the naming convention doesn't always describe the style clearly. Thanks for your reply.
Pegasystems Inc.
US
Check out Pega's Product Design site. I'm not sure it's 100% what you are looking for. But gives a pretty comprehensive breakdown of all the available UI elements and conventions.