Home› FeatureScript

Welcome to the Onshape forum! Ask questions and join in the discussions about everything Onshape.

First time visiting? Here are some places to start:
  1. Looking for a certain topic? Check out the categories filter or use Search (upper right).
  2. Need support? Ask a question to our Community Support category.
  3. Please submit support tickets for bugs but you can request improvements in the Product Feedback category.
  4. Be respectful, on topic and if you see a problem, Flag it.

If you would like to contact our Community Manager personally, feel free to send a private message or an email.

User Interface Guidelines?

S1monS1mon Member Posts: 4,191 PRO
in FeatureScript

It would be great if Onshape would publish a set of User Interface Guidelines like other mature platforms. I find myself often thinking I should try to emulate first party features with things that I'm developing, but then I wonder how much of some of them are legacy results of adding functionality and not wanting to break things.

For example: "Keep tool bodies" in a bunch of features. Would this have really been worded and defaulted this way if it was there from day 1?

Simon Gatrall | Product Development, Engineering, Design, Onshape | Ex- IDEO, PCH, Unagi, Carbon | LinkedIn

Tagged:

Comments

  • S1monS1mon Member Posts: 4,191 PRO
    edited March 30

    Somewhat related…

    Is there a standard set of guidelines for custom feature .SVG Icons? There seems to be some variation between the first party icons and what we can do with custom ones, especially when it comes to dark mode.

    Is this AI analysis of the tokens below correct?

    —

    For the small 20x20 Onshape-style feature icon:

    • stroke: #333333
    • stroke width: 1 px
    • line join: miter
    • line cap: square

    Gray fills:

    • dark gray: #999999
    • light gray: #D7D7D7
    • white: #FFFFFF

    That maps cleanly to the Onshape tokens:

    • outline: var(--os-icon-outline-primary--static, #333333)
    • secondary fill: var(--os-icon-fill-secondary--static, #999999)
    • quaternary fill: var(--os-icon-fill-quaternary--static, #D7D7D7)
    • primary fill: var(--os-icon-fill-primary--static, #FFFFFF)

    Practical advice in Inkscape:

    • work on a 20 x 20 canvas
    • keep all strokes centered
    • avoid fractional stroke widths
    • prefer flat polygonal fills over gradients
    • don’t use opacity effects or blur
    • if two filled regions meet, let the stroke define the seam rather than adding extra gap lines

    —

    I think there's some variety in stroke width. Certainly in custom FS icons. Any comments?

    Simon Gatrall | Product Development, Engineering, Design, Onshape | Ex- IDEO, PCH, Unagi, Carbon | LinkedIn

Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. Sign in or register to get started.

Sign In

Categories

Vanilla Forums