Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Image Data For Icon Documentation #2

Open
wendples opened this issue Aug 27, 2024 · 6 comments
Open

Image Data For Icon Documentation #2

wendples opened this issue Aug 27, 2024 · 6 comments

Comments

@wendples
Copy link
Collaborator

wendples commented Aug 27, 2024

This issue serves as temporary storage for image data used in Icon Documentation and Design Guidelines. Docs in slicer-media-assets link to this image data.

@wendples
Copy link
Collaborator Author

wendples commented Aug 27, 2024

current slice viewer icon set.

48x48 px res

image

24x24 px res

image

@wendples
Copy link
Collaborator Author

wendples commented Sep 9, 2024

Updated image data for Segment Editor module including new icons for extra effects.
48x48px res
image

24x24px res
image

Top level icons and descriptions
image

Basic tools to create and edit segmentations
image

Advanced tools to adjust/process segmentations
image

Segment Editor extra effects
image

@wendples wendples closed this as completed Sep 9, 2024
@wendples wendples reopened this Sep 9, 2024
@cpinter
Copy link
Member

cpinter commented Sep 10, 2024

Amazing icons, thank you! It's really hard to make good icons for these sometimes complex tools. One observation if you allow... The eraser icon could be just the eraser. It would make it more similar to the paint/draw to which it logically belongs, and it would not add one more to the many box-based icons among which it will be a bit difficult to navigate as is. All the rest I love!

@wendples
Copy link
Collaborator Author

wendples commented Sep 30, 2024

SlicerSimplePalette

image

@wendples
Copy link
Collaborator Author

wendples commented Oct 1, 2024

Image data for Markups Module

24x24 px res
image

48x48 px res
image

@wendples
Copy link
Collaborator Author

wendples commented Oct 4, 2024

Screenshots for Design Guidelines

Screenshot of show-palettes dialog in Inkscape
image

Screenshot of configuring SVG-Edit
image

Designing using/based on Material Symbols Icons and Slicer's 48x48IconTemplate:
step1
image
step2
image
step3
image
step4
image
step4A
image
step4B
image
step5
image
step6
image

Designing using/based on Material Symbols Icons and Slicer's 24x24 IconTemplate:
Step1
image
step2
image
step3
image
step3A
image
step3B
image
step4
image
step5
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants