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

learn more… | top users | synonyms

2
votes
2answers
38 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
32 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?
0
votes
1answer
47 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
99 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 ...
7
votes
2answers
187 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
36 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 ...
0
votes
2answers
95 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 ...
2
votes
1answer
78 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
94 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 ...
2
votes
1answer
102 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
2
votes
1answer
156 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. ...
2
votes
4answers
931 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
214 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
50 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
173 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
613 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 ...
4
votes
1answer
467 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
299 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 ...
34
votes
7answers
5k 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
911 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
280 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
3answers
3k views

Where can I find style guides for web apps online?

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 ...