Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [style-guide]

A set of guidelines designed to help an individual apply a particular style, often created by designers to help support a front end developer but also used extensively in other fields

0
votes
0answers
42 views

Writing a Software GUI Document [closed]

What does a GUI document look like? I am a Graphics Designer but I've only designed interfaces. Never really 'written' about them. How should the document be divided - introduction, User Experience, ...
1
vote
1answer
76 views

What frameworks exists for UI documentation?

I´m working on a style guide which I want to put on the web with info, examples etc. I know there is one API / framework called Fractal, but it does not have the look and feel I want. I see a lot of ...
2
votes
2answers
119 views

German style guide for capitalization rules of UI elements

I want to improve the text consistency in our software, because over time some things got messed up and we have different styles for example in captalization of UI elements (controls). I find a lot of ...
0
votes
1answer
78 views

what are the best fonts for website style baby? [closed]

I make a website for a garden good and they ask me if I can add a font style baby to website so I did not understand this and I looked for a little for internet and I found this fonts Roboto Gaegu ...
1
vote
4answers
121 views

How do you define typography styles in your designs?

When defining a style guide, which of the following is most common when naming layout components? Stating the specific H-levels to be used (i.e. H1, H2, etc.) Create your own set of naming ...
1
vote
1answer
459 views

What is the main difference in between a UI KIT and a Styleguide?

We are working on documenting visual design and I wanted to know: what is the main difference between a UI KIT and a styleguide? Is the difference between them that the styleguide includes design ...
4
votes
2answers
423 views

Do bigger buttons improve usability and how they correspond with design? [case]

We're trying to incorporate a style guide which helps developers understand and build CSS across different resolutions. After reading these: https://uxplanet.org/buttons-in-ui-design-the-evolution-of-...
1
vote
1answer
59 views

Should I provide multiple style guides for responsive design?

I am designing a responsive website and wanted to provide the developers with a style guide. But I was wondering if I should provide 2 separate guides, one for the big screen one for the small.
7
votes
2answers
766 views

How to decide which color palette to associate with any app? [closed]

How to decide which color palette to associate with any app? How do you make color communicate tone of app? Deciding one color is easy, say Gray for serious enterprise theme but what about the rest of ...
4
votes
1answer
96 views

What all must be included in a style guide?

I am working on a project which is basically a document viewer, I have been asked to provide style guide for the same. I was wondering what all must be included in the style guide? should it include ...
2
votes
1answer
91 views

Applying atomic design methodology to an existing style guide. When it is too complex?

i'm in the process of applying atomic design thinking to an existing style guide. However I'm noticing a few problems some compound components can't be derived from base components. so they seem to ...
1
vote
1answer
2k views

How is a 'design language' or design system' different from a style guide or pattern library? [duplicate]

Google calls material design their 'design language'. IBM and Airbnb also call what seems like a style guide a design language or design system. What's exactly the difference? From what I see at a ...
5
votes
2answers
280 views

Design consistency and style guide

My company has 3 different products, 2 of them are more similar in the interface (one is an advertising/publishing platform, the other is a platform to publish web and mobile applications), and the ...
1
vote
2answers
1k views

UI design for Rating Scale with 0.5 incremental point scale

I'm working on a rating scale that will consider point decimal with 0.5 increments from 1 to 5. The use for this is to rate/score. The previous rating scale just considers whole numbers from 1 to 5 ...
0
votes
1answer
527 views

Creating an animation and interaction stylguide

extending to the animation aspect of a style guide that we have already built for our ecommerce website and app, What area's of the UI do you need to look at. These are currently what I could break ...
3
votes
1answer
350 views

Specifying semantic colors in design manuals

Is there any meta-analysis of Corporate Design Manuals or a guideline for developing CDs that includes which semantics CDMs associate with colors? What are they like, i.e. which kinds of semantic ...
3
votes
2answers
137 views

Style guides, systems and pattern libraries

A few questions on style guides / systems and pattern libraries such as https://www.lightningdesignsystem.com or http://rizzo.lonelyplanet.com/styleguide/design-elements/colours. Style guide are the ...
1
vote
5answers
912 views

How to write a perfect style guide [duplicate]

I'm developing a sort of a theme with a set of pre build components with is such as, styled data tables, input forms and etc... This is developed for internal usage in my company and I would like to ...
14
votes
5answers
1k views

Should I be more worried about creating a consistent UI among platforms or creating native experiences? [duplicate]

I am starting to develop for all three major mobile platforms (Android, iOS, and Windows UWP), and have run into a UX issue a few times. Each platform has it's own design guide. Android has Material, ...
4
votes
2answers
818 views

Why are there not more interactive design / style guides out there? Aren't they more user friendly?

It seems like only the larger companies working on development and design frameworks are producing interactive documents that provide information about the visual and interactive design components/...
28
votes
7answers
3k views

Why do styles guides have what not to do?

I'm tasked with writing a style guide for a .NET application. Currently there's about six developers that just do whatever they want in terms of style. Similar buttons are in different spots, ...
2
votes
2answers
124 views

What's the best way to hightlight a telephone number in Android App?

I was wondering what is a good way to make clear that you can click on a telephone number and immediately call someone without copying & pasting the phone number. How can I persuade a user to ...
2
votes
1answer
96 views

Help! I need something better than MS word for my UX spec docs [closed]

My team and I have been using MS word to deliver UX specs to our developers. Our documents include a section for: final visuals, content, wireframes, interaction notes, and business analysis flows. ...
2
votes
2answers
55 views

Unequal spacing issue with pre-existing UI elements

I'm using a style guide to redesign my company's home page but the search bar is too large to fit in the original place I envisioned. To fix this issue, I moved the search bar upward, but that ...
1
vote
1answer
1k views

Is there a JavaFX “Style Guide” for applications?

I was hoping to find a style guide, for JavaFX applications. Something like you can find for: Android iOS Microsoft and even Motif Does such a thing exist?
2
votes
2answers
7k views

Left Details vs Right Detail for UITableViewCell Style

iOS provides two extremely similar UITableViewCell Styles and I'm looking for guidance on how to pick the right one. Here's the documentation on each style: Right Detail A style for a cell with ...
3
votes
1answer
681 views

Material Design CSS specifications [closed]

Are there Google- or other reference CSS3 style sheets available for Material Design? Google's Material Design guidelines are written using Android layout units. The only Google-sanctioned CSS-based ...
17
votes
3answers
7k views

Should :focus and :hover styles be the same or distinct?

I'm in the midst of redefining a cross-application style guide, and I want to make sure we're accounting for accessibility in the design, including contrast ratios, text sizes, and focus states. One ...
0
votes
1answer
47 views

What is the name for the documents that are like “Style Tiles” but more to do with larger objects/elements like contact forms etc

I did a study on design in the browser about a year ago and I remember learning about another tool which designers can use to compliment style tiles. I seem to remember it being called an "object ...
1
vote
2answers
416 views

Any online tool for creating style guide [closed]

My client has 10-12 years old web system. It includes websites, widgets, applications, different online forms etc. I could not find any pattern/ consistency across. Considering ongoing projects, I don'...
3
votes
1answer
276 views

Branding applications

What are some helpful guidelines and/or best practices when branding multiple applications (could also apply to web sites) without just making them all look the same. Edit: The original question ...
1
vote
1answer
313 views

How should I capitalize and format references to UI field entries?

Several sources recommend capitalizing and formatting references to UI element labels just as they appear in the UI. My question is how should I capitalize categorical references to the information I ...
4
votes
1answer
508 views

Examples of cross-platform style guides

Would someone know good examples of cross-platform style guides? I am working on structuring style/design guide to be used across 5+ platforms
3
votes
1answer
657 views

Anatomy of a UI Elements?

Where can I find documentation on the anatomy of UI elements, such as: Button: label, hit space Scroll Bars: track, thumb, up / down arrows Progress Bars: track, progress Slider: track, thumb etc. I ...
2
votes
4answers
2k views

User Interface Style Guides: Component Base vs Screen Based

We are in the process of updating some of our creative processes and outputs within our company and one of the items we have been experimenting with is the way we generate our UI Style Guide for the ...
-1
votes
4answers
413 views

Question for a collage maker app [closed]

I am creating a collage maker app for Windows Phone. I have a simple yet intriguing question in mind. Being a student developer, I cannot support both borderless collages and those with borders (...
2
votes
2answers
69 views

Process for requesting and evaluating exceptions to a style guide

I'm in the process of creating a style guide based on UX principles. I'm having a hard time finding any examples of how someone can request an exception once the requirements are in place and what the ...
-3
votes
1answer
247 views

What should be the MANTRA for styling radio-buttons and checkboxes? [closed]

I am trying to style all the HTML elements by making a custom style sheet. Till now, i have succeeded in making only the radio-buttons and check-boxes. here is the link for the demo. I wanted to know ...
7
votes
3answers
3k views

how to implement a style guide for a team of 2-4

I am reading Lean UX right now, and there is an idea inside I have never read before. It is about style guide. I would like to implement that but with as small a foot print as possible for the ...
5
votes
2answers
985 views

Difference between UI and Visual Design/Style Guide?

From looking at some of the style guide for web applications that are available, there is a distinction made between the visual (icons, colours, logos, etc) and UI (look and feel of user interface ...
3
votes
1answer
448 views

Guidelines on Pamphlet design to stop people from ignoring it

I have found that people tend to ignore reading a pamphlet which is distributed on a road side. How can one ensure in terms of design and strategy that people read and most importantly understand ...
64
votes
7answers
16k views

Should we use 'Title Case' or 'Sentence case' for headlines and buttons?

I am wondering if we should use Title Case or Sentence case for buttons and headings in websites and web/mobile apps? Title Case:     Sentence Case:     In Yahoo's UI ...
0
votes
1answer
2k views

How do I annotate a mockup image? [closed]

I need to specify colors, font-sizes, space between elements, sizes, etc right in a mockup picture for people who will work on a layout. What is the best way for doing it?
1
vote
5answers
344 views

What is best for sharing “Corporate Application Design and UX Guidelines”? A Printout, a pdf on or a website?

For a long-term project, I'm working on part of the ux- and design guidelines for a corporate application. Till last year they use a 'static' pdf on a fileserver where it gets outdated and nobody is ...
0
votes
4answers
4k views

Where can I find style guides for web apps online? [closed]

I am developing a style guide for a web application. I would like to find some good example style guides online to refer to. I am not having much luck with Google. What are some good resources to help ...