Slicer4:UIDesign

From SlicerWiki

Jump to: navigation, search
Home < Slicer4:UIDesign

Back to Slicer 4 Developer Projects

Go to Slicer3 UI Design page

Contents

Notebook for Slicer4 UI Design work

Codes to mark Notebook entries

These wiki pages can be hard to parse. Here's an experiment for marking feedback to make it easier to parse; (copy, paste and customize from below).

Image:Opinion.png (wjp) Add a general comment or opinion.

Image:Usability.png Flag a usability problem.

Image:Idea.png Mark an idea.

Image:Sketch.png Mark a link to related info.

Image:Bug.png Report a bug.

Image:Fire.png Report a really bad bug that's blocking work progress, or causing a crash.

Image:MissingOrStaleDoc.png Report missing documentation.

Image:MissingOrStaleDocLink.png Report bad documentation link.

Image:WeakDoc.png Report insufficient documentation.

Application GUI styling experiments

Application Icons

Icons for Layouts

Icons for Slice Viewers

Icons for 3D Viewers

Toolbar Icons for Slicer Base Modules

Icon Name Vector Large (svg) Image 128x128 Vector Medium (svg) Image 64x64 Vector Small (svg) Image 32x32 Vector Wee (svg) Slicer3 21x21 Where to use
SlicerHome.png SlicerHome-Large.svg image:SlicerHome-Large.png SlicerHome-Medium.svg image:SlicerHome-Medium.png SlicerHome-Small.svg image:SlicerHome-Small.png SlicerHome-Original.svg image:SlicerHome-Original.png Slicer4 Application Toolbar
SlicerVolume.png SlicerVolume-Large.svg image:SlicerVolume-Large.png SlicerVolume-Medium.svg image:SlicerVolume-Medium.png SlicerVolume-Small.svg image:SlicerVolume-Small.png SlicerVolume-Original.svg image:SlicerVolume-Original.png Slicer4 Application Toolbar
SlicerModels.png SlicerModels-Large.svg image:SlicerModels-Large.png SlicerModels-Medium.svg image:SlicerModels-Medium.png SlicerModels-Small.svg image:SlicerModels-Small.png SlicerModels-Original.svg image:SlicerModels-Original.png Slicer4 Application Toolbar
SlicerData.png SlicerData-Large.svg image:SlicerData-Large.png File:SlicerData-Medium.svg image:SlicerData-Medium.png File:SlicerData-Small.svg image:SlicerData-Small.png File:SlicerData-Original.svg image:SlicerData-Original.png Slicer4 Application Toolbar
SlicerFiducials.png File:SlicerFiducials-Large.svg image:SlicerFiducials-Large.png File:SlicerFiducials-Medium.svg image:SlicerFiducials-Medium.png File:SlicerFiducials-Small.svg image:SlicerFiducials-Small.png File:SlicerFiducials-Original.svg image:SlicerFiducials-Original.png Slicer4 Application Toolbar
SlicerAnnotationsV2.png File:SlicerAnnotationsV2-Large.svg image:SlicerAnnotationsV2-Large.png File:SlicerAnnotationsV2-Medium.svg image:SlicerAnnotationsV2-Medium.png File:SlicerAnnotationsV2-Small.svg image:SlicerAnnotationsV2-Small.png File:SlicerAnnotationsV2-Original.svg image:SlicerAnnotationsV2-Original.png Slicer4 Application Toolbar
SlicerAnnotations.png File:SlicerAnnotations-Large.svg image:SlicerAnnotations-Large.png File:SlicerAnnotations-Medium.svg image:SlicerAnnotations-Medium.png File:SlicerAnnotations-Small.svg image:SlicerAnnotations-Small.png File:SlicerAnnotations-Original.svg image:SlicerAnnotations-Original.png Slicer4 Application Toolbar
SlicerEMSegment.png File:SlicerEMSegment-Large.svg image:SlicerEMSegment-Large.png File:SlicerEMSegment-Medium.svg image:SlicerEMSegment-Medium.png File:SlicerEMSegment-Small.svg image:SlicerEMSegment-Small.png File:SlicerEMSegment-Original.svg image:SlicerEMSegment-Original.png Slicer4 Application Toolbar
SlicerEditor.png (in progress) File:SlicerEditor-Large.svg File:SlicerEditor-Large.png File:SlicerEditor-Medium.svg File:SlicerEditor-Medium.png File:SlicerEditor-Small.svg File:SlicerEditor-Small.png File:SlicerEditor-Original.svg File:SlicerEditor-Original.png Slicer4 Application Toolbar
SlicerColors.png (in progress) File:SlicerColors-Large.svg File:SlicerColors-Large.png File:SlicerColors-Medium.svg File:SlicerColors-Medium.png File:SlicerColors-Small.svg File:SlicerColors-Small.png File:SlicerColors-Original.svg File:SlicerColors-Original.png Slicer4 Application Toolbar

Slicer Information Icons

Icon Name Vector Large (svg) Image 128x128 Vector Medium (svg) Image 64x64 Vector Small (svg) Image 32x32 Vector Wee (svg) Slicer3 21x21 Where to use
SlicerInfoLeft.png File:SlicerInfoLeft-Large.svg image:SlicerInfoLeft-Large.png File:SlicerInfoLeft-Medium.svg image:SlicerInfoLeft-Medium.png File:SlicerInfoLeft-Small.svg image:SlicerInfoLeft-Small.png File:SlicerInfoLeft-Original.svg image:SlicerInfoLeft-Original.png Slicer4 Application (anywhere)
SlicerInfoRight.png File:SlicerInfoRight-Large.svg image:SlicerInfoRight-Large.png File:SlicerInfoRight-Medium.svg image:SlicerInfoRight-Medium.png File:SlicerInfoRight-Small.svg image:SlicerInfoRight-Small.png File:SlicerInfoRight-Original.svg image:SlicerInfoRight-Original.png Slicer4 Application (anywhere)
SlicerAdvancedGear.png File:SlicerAdvancedGear-Large.svg image:SlicerAdvancedGear-Large.png File:SlicerAdvancedGear-Medium.svg image:SlicerAdvancedGear-Medium.png File:SlicerAdvancedGear-Small.svg image:SlicerAdvancedGear-Small.png File:SlicerAdvancedGear-Original.svg image:SlicerAdvancedGear-Original.png Slicer4 Application (anywhere)
SlicerHierarchy.png File:SlicerHierarchy-Large.svg image:SlicerHierarchy-Large.png File:SlicerHierarchy-Medium.svg image:SlicerHierarchy-Medium.png File:SlicerHierarchy-Small.svg image:SlicerHierarchy-Small.png File:SlicerHierarchy-Original.svg image:SlicerHierarchy-Original.png Slicer4 Application-wide and Annotation Module
SlicerAddHierarchy.png File:SlicerAddHierarchy-Large.svg image:SlicerAddHierarchy-Large.png File:SlicerAddHierarchy-Medium.svg image:SlicerAddHierarchy-Medium.png File:SlicerAddHierarchy-Small.svg image:SlicerAddHierarchy-Small.png File:SlicerAddHierarchy-Original.svg image:SlicerAddHierarchy-Original.png Slicer4 Application-wide and Annotation Module
SlicerLock.png File:SlicerLock-Large.svg image:SlicerLock-Large.png File:SlicerLock-Medium.svg image:SlicerLock-Medium.png File:SlicerLock-Small.svg image:SlicerLock-Small.png File:SlicerLock-Original.svg image:SlicerLock-Original.png Slicer4 Application (anywhere)
SlicerUnlock.png File:SlicerUnlock-Large.svg image:SlicerUnlock-Large.png File:SlicerUnlock-Medium.svg image:SlicerUnlock-Medium.png File:SlicerUnlock-Small.svg image:SlicerUnlock-Small.png File:SlicerUnlock-Original.svg image:SlicerUnlock-Original.png Slicer4 Application (anywhere)
SlicerLockUnlock.png File:SlicerLockUnlock-Large.svg image:SlicerLockUnlock-Large.png File:SlicerLockUnlock-Medium.svg image:SlicerLockUnlock-Medium.png File:SlicerLockUnlock-Small.svg image:SlicerLockUnlock-Small.png File:SlicerLockUnlock-Original.svg image:SlicerLockUnlock-Original.png Slicer4 Application (anywhere)
SlicerVisible.png File:SlicerVisible-Large.svg image:SlicerVisible-Large.png File:SlicerVisible-Medium.svg image:SlicerVisible-Medium.png File:SlicerVisible-Small.svg image:SlicerVisible-Small.png File:SlicerVisible-Original.svg image:SlicerVisible-Original.png Slicer4 Application (anywhere)
SlicerInvisible.png File:SlicerInvisible-Large.svg image:SlicerInvisible-Large.png File:SlicerInvisible-Medium.svg image:SlicerInvisible-Medium.png File:SlicerInvisible-Small.svg image:SlicerInvisible-Small.png File:SlicerInvisible-Original.svg image:SlicerInvisible-Original.png Slicer4 Application (anywhere)
SlicerVisibleInvisible.png File:SlicerVisibleInvisible-Large.svg image:SlicerVisibleInvisible-Large.png File:SlicerVisibleInvisible-Medium.svg image:SlicerVisibleInvisible-Medium.png File:SlicerVisibleInvisible-Small.svg image:SlicerVisibleInvisible-Small.png File:SlicerVisibleInvisible-Original.svg image:SlicerVisibleInvisible-Original.png Slicer4 Application (anywhere)

Module-specific Icons

Data Module

image:DataModuleMockup.png

Icon Name Vector Large (svg) Image 128x128 Vector Medium (svg) Image 64x64 Vector Small (svg) Image 32x32 Vector Wee (svg) Slicer3 21x21 Where to use
SlicerLoadScene.png File:SlicerLoadScene-Large.svg image:SlicerLoadScene-Large.png File:SlicerLoadScene-Medium.svg image:SlicerLoadScene-Medium.png File:SlicerLoadScene-Small.svg image:SlicerLoadScene-Small.png File:SlicerLoadScene-Original.svg image:SlicerLoadScene-Original.png Slicer4 Data Module
SlicerAddScene.png File:SlicerAddScene-Large.svg image:SlicerAddScene-Large.png File:SlicerAddScene-Medium.svg image:SlicerAddScene-Medium.png File:SlicerAddScene-Small.svg image:SlicerAddScene-Small.png File:SlicerAddScene-Original.svg image:SlicerAddScene-Original.png Slicer4 Data Module
SlicerAddData.png File:SlicerAddData-Large.svg image:SlicerAddData-Large.png File:SlicerAddData-Medium.svg image:SlicerAddData-Medium.png File:SlicerAddData-Small.svg image:SlicerAddData-Small.png File:SlicerAddData-Original.svg image:SlicerAddData-Original.png Slicer4 Data Module
SlicerAddVolume.png File:SlicerAddVolume-Large.svg image:SlicerAddVolume-Large.png File:SlicerAddVolume-Medium.svg image:SlicerAddVolume-Medium.png File:SlicerAddVolume-Small.svg image:SlicerAddVolume-Small.png File:SlicerAddVolume-Original.svg image:SlicerAddVolume-Original.png Slicer4 Data Module
SlicerAddModel.png File:SlicerAddModel-Large.svg image:SlicerAddModel-Large.png File:SlicerAddModel-Medium.svg image:SlicerAddModel-Medium.png File:SlicerAddModel-Small.svg image:SlicerAddModel-Small.png File:SlicerAddModel-Original.svg image:SlicerAddModel-Original.png Slicer4 Data Module
SlicerAddScalarOverlay.png File:SlicerAddScalarOverlay-Large.svg image:SlicerAddScalarOverlay-Large.png File:SlicerAddScalarOverlay-Medium.svg image:SlicerAddScalarOverlay-Medium.png File:SlicerAddScalarOverlay-Small.svg image:SlicerAddScalarOverlay-Small.png File:SlicerAddScalarOverlay-Original.svg image:SlicerAddScalarOverlay-Original.png Slicer4 Data Module
SlicerAddFiducialList.png File:SlicerAddFiducialList-Large.svg image:SlicerAddFiducialList-Large.png File:SlicerAddFiducialList-Medium.svg image:SlicerAddFiducialList-Medium.png SlicerAddFiducialList-Small.svg image:SlicerAddFiducialList-Small.png File:SlicerAddFiducialList-Original.svg image:SlicerAddFiducialList-Original.png Slicer4 Data Module
SlicerAddTransform.png File:SlicerAddTransform-Large.svg image:SlicerAddTransform-Large.png File:SlicerAddTransform-Large.svg image:SlicerAddTransform-Medium.png File:SlicerAddTransform-Small.svg image:SlicerAddTransform-Small.png File:SlicerAddTransform-Original.svg image:SlicerAddTransform-Original.png Slicer4 Data Module
SlicerAddColorLUT.png File:SlicerAddColorLUT-Large.svg image:SlicerAddColorLUT-Large.png File:SlicerAddColorLUT-Medium.svg image:SlicerAddColorLUT-Medium.png File:SlicerAddColorLUT-Small.svg image:SlicerAddColorLUT-Small.png File:SlicerAddColorLUT-Original.svg image:SlicerAddColorLUT-Original.png Slicer4 Data Module
SlicerAddFiberBundle.png File:SlicerAddFiberBundle-Large.svg image:SlicerAddFiberBundle-Large.png File:SlicerAddFiberBundle-Medium.svg image:SlicerAddFiberBundle-Medium.png File:SlicerAddFiberBundle-Small.svg image:SlicerAddFiberBundle-Small.png File:SlicerAddFiberBundle-Original.svg image:SlicerAddFiberBundle-Original.png Slicer4 Data Module

Annotation Module

Icon Name Vector Large (svg) Image 128x128 Vector Medium (svg) Image 64x64 Vector Small (svg) Image 32x32 Vector Wee (svg) Slicer3 21x21 Where to use
Annotation-AddHierarchy.png File:Annotation-AddHierarchy-Large.svg File:Annotation-AddHierarchy-Large.png File:Annotation-AddHierarchy-Large.svg File:Annotation-AddHierarchy-Medium.png File:Annotation-AddHierarchy-Small.svg File:Annotation-AddHierarchy-Small.png File:Annotation-AddHierarchy-Original.svg File:Annotation-AddHierarchy-Original.png Slicer4 Annotation Module
Annotation-BiDirectionalWidget.png File:Annotation-BiDirectionalWidget-Large.svg File:Annotation-BiDirectionalWidget-Large.png File:Annotation-BiDirectionalWidget-Large.svg File:Annotation-BiDirectionalWidget-Medium.png File:Annotation-BiDirectionalWidget-Small.svg File:Annotation-BiDirectionalWidget-Small.png File:Annotation-BiDirectionalWidget-Original.svg File:Annotation-BiDirectionalWidget-Original.png Slicer4 Annotation Module
Annotation-EditBiDirectionalWidget.png File:Annotation-EditBiDirectionalWidget-Large.svg File:Annotation-EditBiDirectionalWidget-Large.png File:Annotation-EditBiDirectionalWidget-Large.svg File:Annotation-EditBiDirectionalWidget-Medium.png File:Annotation-EditBiDirectionalWidget-Small.svg File:Annotation-EditBiDirectionalWidget-Small.png File:Annotation-EditBiDirectionalWidget-Original.svg File:Annotation-EditBiDirectionalWidget-Original.png Slicer4 Annotation Module
Annotation-EditROIWidget.png File:Annotation-EditROIWidget-Large.svg File:Annotation-EditROIWidget-Large.png File:Annotation-EditROIWidget-Large.svg File:Annotation-EditROIWidget-Medium.png File:Annotation-EditROIWidget-Small.svg File:Annotation-EditROIWidget-Small.png File:Annotation-EditROIWidget-Original.svg File:Annotation-EditROIWidget-Original.png Slicer4 Annotation Module
Annotation-Hierarchy.png File:Annotation-Hierarchy-Large.svg File:Annotation-Hierarchy-Large.png File:Annotation-Hierarchy-Large.svg File:Annotation-Hierarchy-Medium.png File:Annotation-Hierarchy-Small.svg File:Annotation-Hierarchy-Small.png File:Annotation-Hierarchy-Original.svg File:Annotation-Hierarchy-Original.png Slicer4 Annotation Module
Annotation-Lock.png File:Annotation-Lock-Large.svg File:Annotation-Lock-Large.png File:Annotation-Lock-Large.svg File:Annotation-Lock-Medium.png File:Annotation-Lock-Small.svg File:Annotation-Lock-Small.png File:Annotation-Lock-Original.svg File:Annotation-Lock-Original.png Slicer4 Annotation Module
Annotation-ROIWidget.png File:Annotation-ROIWidget-Large.svg File:Annotation-ROIWidget-Large.png File:Annotation-ROIWidget-Large.svg File:Annotation-ROIWidget-Medium.png File:Annotation-ROIWidget-Small.svg File:Annotation-ROIWidget-Small.png File:Annotation-ROIWidget-Original.svg File:Annotation-ROIWidget-Original.png Slicer4 Annotation Module

|

Personal tools