Difference between revisions of "Slicer4:UIDesign"

From Slicer Wiki
Jump to: navigation, search
Line 44: Line 44:
 
|- style="background:#ffffff; color:black" align="left"  
 
|- style="background:#ffffff; color:black" align="left"  
 
| style="width:20%" | '''Icon Name'''
 
| style="width:20%" | '''Icon Name'''
| style="width:20%" | '''Vector (svg)'''
+
| style="width:20%" | '''Vector Large (svg)'''
| style="width:20%" | '''Large 128x128'''
+
| style="width:20%" | '''Image 128x128'''
| style="width:18%" | '''Medium 64x64'''  
+
| style="width:20%" | '''Vector Medium (svg)'''
| style="width:12%" | '''Small 32x32'''
+
| style="width:18%" | '''Image 64x64'''
 +
| style="width:20%" | '''Vector Small (svg)'''
 +
| style="width:12%" | '''Image 32x32'''
 +
| style="width:20%" | '''Vector Wee (svg)'''
 
| style="width:10%" | '''Slicer3 21x21'''  
 
| style="width:10%" | '''Slicer3 21x21'''  
 
| style="width:20%" | '''Where to use'''  
 
| style="width:20%" | '''Where to use'''  
 
|-
 
|-
 
| SlicerLoadScene.png
 
| SlicerLoadScene.png
| [[SlicerLoadScene-Large.svg]]
+
| [[SlicerLoadScene-Large.svg]]  
 
| [[image:SlicerLoadScene-Large.png]]
 
| [[image:SlicerLoadScene-Large.png]]
 +
| [[SlicerLoadScene-Medium.svg]]
 
| [[image:SlicerLoadScene-Medium.png]]
 
| [[image:SlicerLoadScene-Medium.png]]
 +
| [[SlicerLoadScene-Small.svg]]
 
| [[image:SlicerLoadScene-Small.png]]
 
| [[image:SlicerLoadScene-Small.png]]
 +
| [[SlicerLoadScene-Original.svg]]
 
| [[image:SlicerLoadScene-Original.png]]
 
| [[image:SlicerLoadScene-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 62: Line 68:
 
| [[SlicerAddScene-Large.svg]]
 
| [[SlicerAddScene-Large.svg]]
 
| [[image:SlicerAddScene-Large.png]]
 
| [[image:SlicerAddScene-Large.png]]
 +
| [[SlicerAddScene-Medium.svg]]
 
| [[image:SlicerAddScene-Medium.png]]
 
| [[image:SlicerAddScene-Medium.png]]
 +
| [[SlicerAddScene-Small.svg]]
 
| [[image:SlicerAddScene-Small.png]]
 
| [[image:SlicerAddScene-Small.png]]
 +
| [[SlicerAddScene-Original.svg]]
 
| [[image:SlicerAddScene-Original.png]]
 
| [[image:SlicerAddScene-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 70: Line 79:
 
| [[SlicerAddData-Large.svg]]
 
| [[SlicerAddData-Large.svg]]
 
| [[image:SlicerAddData-Large.png]]
 
| [[image:SlicerAddData-Large.png]]
 +
| [[SlicerAddData-Medium.svg]]
 
| [[image:SlicerAddData-Medium.png]]
 
| [[image:SlicerAddData-Medium.png]]
 +
| [[SlicerAddData-Small.svg]]
 
| [[image:SlicerAddData-Small.png]]
 
| [[image:SlicerAddData-Small.png]]
 +
| [[SlicerAddData-Original.svg]]
 
| [[image:SlicerAddData-Original.png]]
 
| [[image:SlicerAddData-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 78: Line 90:
 
| [[SlicerAddVolume-Large.svg]]
 
| [[SlicerAddVolume-Large.svg]]
 
| [[image:SlicerAddVolume-Large.png]]
 
| [[image:SlicerAddVolume-Large.png]]
 +
| [[SlicerAddVolume-Medium.svg]]
 
| [[image:SlicerAddVolume-Medium.png]]
 
| [[image:SlicerAddVolume-Medium.png]]
 +
| [[SlicerAddVolume-Small.svg]]
 
| [[image:SlicerAddVolume-Small.png]]
 
| [[image:SlicerAddVolume-Small.png]]
 +
| [[SlicerAddVolume-Original.svg]]
 
| [[image:SlicerAddVolume-Original.png]]
 
| [[image:SlicerAddVolume-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 86: Line 101:
 
| [[SlicerAddModel-Large.svg]]
 
| [[SlicerAddModel-Large.svg]]
 
| [[image:SlicerAddModel-Large.png]]
 
| [[image:SlicerAddModel-Large.png]]
 +
| [[SlicerAddModel-Medium.svg]]
 
| [[image:SlicerAddModel-Medium.png]]
 
| [[image:SlicerAddModel-Medium.png]]
 +
| [[SlicerAddModel-Small.svg]]
 
| [[image:SlicerAddModel-Small.png]]
 
| [[image:SlicerAddModel-Small.png]]
 +
| [[SlicerAddModel-Original.svg]]
 
| [[image:SlicerAddModel-Original.png]]
 
| [[image:SlicerAddModel-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 94: Line 112:
 
| [[SlicerAddScalarOverlay-Large.svg]]
 
| [[SlicerAddScalarOverlay-Large.svg]]
 
| [[image:SlicerAddScalarOverlay-Large.png]]
 
| [[image:SlicerAddScalarOverlay-Large.png]]
 +
| [[SlicerAddScalarOverlay-Medium.svg]]
 
| [[image:SlicerAddScalarOverlay-Medium.png]]
 
| [[image:SlicerAddScalarOverlay-Medium.png]]
 +
| [[SlicerAddScalarOverlay-Small.svg]]
 
| [[image:SlicerAddScalarOverlay-Small.png]]
 
| [[image:SlicerAddScalarOverlay-Small.png]]
 +
| [[SlicerAddScalarOverlay-Original.svg]]
 
| [[image:SlicerAddScalarOverlay-Original.png]]
 
| [[image:SlicerAddScalarOverlay-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 102: Line 123:
 
| [[SlicerAddFiducialList-Large.svg]]
 
| [[SlicerAddFiducialList-Large.svg]]
 
| [[image:SlicerAddFiducialList-Large.png]]
 
| [[image:SlicerAddFiducialList-Large.png]]
 +
| [[SlicerAddFiducialList-Medium.svg]]
 
| [[image:SlicerAddFiducialList-Medium.png]]
 
| [[image:SlicerAddFiducialList-Medium.png]]
 +
| [[SlicerAddFiducialList-Small.svg]]
 
| [[image:SlicerAddFiducialList-Small.png]]
 
| [[image:SlicerAddFiducialList-Small.png]]
 +
| [[SlicerAddFiducialList-Original.svg]]
 
| [[image:SlicerAddFiducialList-Original.png]]
 
| [[image:SlicerAddFiducialList-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 110: Line 134:
 
| [[SlicerAddTransform-Large.svg]]
 
| [[SlicerAddTransform-Large.svg]]
 
| [[image:SlicerAddTransform-Large.png]]
 
| [[image:SlicerAddTransform-Large.png]]
 +
| [[SlicerAddTransform-Medium.svg]]
 
| [[image:SlicerAddTransform-Medium.png]]
 
| [[image:SlicerAddTransform-Medium.png]]
 +
| [[SlicerAddTransform-Small.svg]]
 
| [[image:SlicerAddTransform-Small.png]]
 
| [[image:SlicerAddTransform-Small.png]]
 +
| [[SlicerAddTransform-Original.svg]]
 
| [[image:SlicerAddTransform-Original.png]]
 
| [[image:SlicerAddTransform-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 118: Line 145:
 
| [[SlicerAddColorLUT-Large.svg]]
 
| [[SlicerAddColorLUT-Large.svg]]
 
| [[image:SlicerAddColorLUT-Large.png]]
 
| [[image:SlicerAddColorLUT-Large.png]]
 +
| [[SlicerAddColorLUT-Medium.svg]]
 
| [[image:SlicerAddColorLUT-Medium.png]]
 
| [[image:SlicerAddColorLUT-Medium.png]]
 +
| [[SlicerAddColorLUT-Small.svg]]
 
| [[image:SlicerAddColorLUT-Small.png]]
 
| [[image:SlicerAddColorLUT-Small.png]]
 +
| [[SlicerAddColorLUT-Original.svg]]
 
| [[image:SlicerAddColorLUT-Original.png]]
 
| [[image:SlicerAddColorLUT-Original.png]]
 
| Slicer4 Data Module  
 
| Slicer4 Data Module  
Line 126: Line 156:
 
| [[SlicerAddFiberBundle-Large.svg]]
 
| [[SlicerAddFiberBundle-Large.svg]]
 
| [[image:SlicerAddFiberBundle-Large.png]]
 
| [[image:SlicerAddFiberBundle-Large.png]]
 +
| [[SlicerAddFiberBundle-Medium.svg]]
 
| [[image:SlicerAddFiberBundle-Medium.png]]
 
| [[image:SlicerAddFiberBundle-Medium.png]]
 +
| [[SlicerAddFiberBundle-Small.svg]]
 
| [[image:SlicerAddFiberBundle-Small.png]]
 
| [[image:SlicerAddFiberBundle-Small.png]]
 +
| [[SlicerAddFiberBundle-Original.svg]]
 
| [[image:SlicerAddFiberBundle-Original.png]]
 
| [[image:SlicerAddFiberBundle-Original.png]]
 
| Slicer4 Data Module   
 
| Slicer4 Data Module   

Revision as of 19:18, 30 July 2011

Home < Slicer4:UIDesign

Back to Slicer 4 Developer Projects

Go to Slicer3 UI Design page

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

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

Usability.png Flag a usability problem.

Idea.png Mark an idea.

Sketch.png Mark a link to related info.

Bug.png Report a bug.

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

MissingOrStaleDoc.png Report missing documentation.

MissingOrStaleDocLink.png Report bad documentation link.

WeakDoc.png Report insufficient documentation.

Harmonizing Mouse Modes and New Annotation Module

Sketch.png Go to MouseMode Sketches.

Schemes for grouping widgets

Sketch.png Go to Grouping Sketches.

Data Module and Icons

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 SlicerLoadScene-Large.svg SlicerLoadScene-Large.png SlicerLoadScene-Medium.svg SlicerLoadScene-Medium.png SlicerLoadScene-Small.svg SlicerLoadScene-Small.png SlicerLoadScene-Original.svg SlicerLoadScene-Original.png Slicer4 Data Module
SlicerAddScene.png SlicerAddScene-Large.svg SlicerAddScene-Large.png SlicerAddScene-Medium.svg SlicerAddScene-Medium.png SlicerAddScene-Small.svg SlicerAddScene-Small.png SlicerAddScene-Original.svg SlicerAddScene-Original.png Slicer4 Data Module
SlicerAddData.png SlicerAddData-Large.svg SlicerAddData-Large.png SlicerAddData-Medium.svg SlicerAddData-Medium.png SlicerAddData-Small.svg SlicerAddData-Small.png SlicerAddData-Original.svg SlicerAddData-Original.png Slicer4 Data Module
SlicerAddVolume.png SlicerAddVolume-Large.svg SlicerAddVolume-Large.png SlicerAddVolume-Medium.svg SlicerAddVolume-Medium.png SlicerAddVolume-Small.svg SlicerAddVolume-Small.png SlicerAddVolume-Original.svg SlicerAddVolume-Original.png Slicer4 Data Module
SlicerAddModel.png SlicerAddModel-Large.svg SlicerAddModel-Large.png SlicerAddModel-Medium.svg SlicerAddModel-Medium.png SlicerAddModel-Small.svg SlicerAddModel-Small.png SlicerAddModel-Original.svg SlicerAddModel-Original.png Slicer4 Data Module
SlicerAddScalarOverlay.png SlicerAddScalarOverlay-Large.svg SlicerAddScalarOverlay-Large.png SlicerAddScalarOverlay-Medium.svg SlicerAddScalarOverlay-Medium.png SlicerAddScalarOverlay-Small.svg SlicerAddScalarOverlay-Small.png SlicerAddScalarOverlay-Original.svg SlicerAddScalarOverlay-Original.png Slicer4 Data Module
SlicerAddFiducialList.png SlicerAddFiducialList-Large.svg SlicerAddFiducialList-Large.png SlicerAddFiducialList-Medium.svg SlicerAddFiducialList-Medium.png SlicerAddFiducialList-Small.svg SlicerAddFiducialList-Small.png SlicerAddFiducialList-Original.svg SlicerAddFiducialList-Original.png Slicer4 Data Module
SlicerAddTransform.png SlicerAddTransform-Large.svg SlicerAddTransform-Large.png SlicerAddTransform-Medium.svg SlicerAddTransform-Medium.png SlicerAddTransform-Small.svg SlicerAddTransform-Small.png SlicerAddTransform-Original.svg SlicerAddTransform-Original.png Slicer4 Data Module
SlicerAddColorLUT.png SlicerAddColorLUT-Large.svg SlicerAddColorLUT-Large.png SlicerAddColorLUT-Medium.svg SlicerAddColorLUT-Medium.png SlicerAddColorLUT-Small.svg SlicerAddColorLUT-Small.png SlicerAddColorLUT-Original.svg SlicerAddColorLUT-Original.png Slicer4 Data Module
SlicerAddFiberBundle.png SlicerAddFiberBundle-Large.svg SlicerAddFiberBundle-Large.png SlicerAddFiberBundle-Medium.svg SlicerAddFiberBundle-Medium.png SlicerAddFiberBundle-Small.svg SlicerAddFiberBundle-Small.png SlicerAddFiberBundle-Original.svg SlicerAddFiberBundle-Original.png Slicer4 Data Module

Toolbar Icons for Slicer Base Modules

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

Slicer Information Icons

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