Difference between revisions of "Slicer4:UIDesign"
From Slicer Wiki
(43 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | [[Slicer4:Developers#Projects|Back to Slicer 4 Developer Projects]] | ||
+ | |||
+ | [[Slicer3:UIDesign | Go to Slicer3 UI Design page]] | ||
+ | |||
= Notebook for Slicer4 UI Design work = | = Notebook for Slicer4 UI Design work = | ||
Line 23: | Line 27: | ||
[[Image:WeakDoc.png]] Report insufficient documentation. | [[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 == | ||
+ | |||
− | == | + | {| border="1" cellpadding="5" |
+ | |- style="background:#ffffff; color:black" align="left" | ||
+ | | style="width:20%" | '''Icon Name''' | ||
+ | | style="width:20%" | '''Vector Large (svg)''' | ||
+ | | style="width:20%" | '''Image 128x128''' | ||
+ | | style="width:20%" | '''Vector Medium (svg)''' | ||
+ | | 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:20%" | '''Where to use''' | ||
+ | |- | ||
+ | | SlicerHome.png | ||
+ | | [[file:SlicerHome-Large.svg | SlicerHome-Large.svg]] | ||
+ | | [[image:SlicerHome-Large.png]] | ||
+ | | [[file:SlicerHome-Medium.svg | SlicerHome-Medium.svg]] | ||
+ | | [[image:SlicerHome-Medium.png]] | ||
+ | | [[file:SlicerHome-Small.svg | SlicerHome-Small.svg]] | ||
+ | | [[image:SlicerHome-Small.png]] | ||
+ | | [[file:SlicerHome-Original.svg | SlicerHome-Original.svg]] | ||
+ | | [[image:SlicerHome-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerVolume.png | ||
+ | | [[file:SlicerVolume-Large.svg | SlicerVolume-Large.svg]] | ||
+ | | [[image:SlicerVolume-Large.png]] | ||
+ | | [[file:SlicerVolume-Medium.svg | SlicerVolume-Medium.svg]] | ||
+ | | [[image:SlicerVolume-Medium.png]] | ||
+ | | [[file:SlicerVolume-Small.svg | SlicerVolume-Small.svg]] | ||
+ | | [[image:SlicerVolume-Small.png]] | ||
+ | | [[file:SlicerVolume-Original.svg | SlicerVolume-Original.svg]] | ||
+ | | [[image:SlicerVolume-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerModels.png | ||
+ | | [[file:SlicerModels-Large.svg | SlicerModels-Large.svg]] | ||
+ | | [[image:SlicerModels-Large.png]] | ||
+ | | [[file:SlicerModels-Medium.svg | SlicerModels-Medium.svg]] | ||
+ | | [[image:SlicerModels-Medium.png]] | ||
+ | | [[file:SlicerModels-Small.svg | SlicerModels-Small.svg ]] | ||
+ | | [[image:SlicerModels-Small.png]] | ||
+ | | [[file:SlicerModels-Original.svg | SlicerModels-Original.svg]] | ||
+ | | [[image:SlicerModels-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerData.png | ||
+ | | [[file:SlicerData-Large.svg | SlicerData-Large.svg]] | ||
+ | | [[image:SlicerData-Large.png]] | ||
+ | | [[file:SlicerData-Medium.svg | SlicerData-Medium.svg]] | ||
+ | | [[image:SlicerData-Medium.png]] | ||
+ | | [[file:SlicerData-Small.svg | SlicerData-Small.svg]] | ||
+ | | [[image:SlicerData-Small.png]] | ||
+ | | [[file:SlicerData-Original.svg | SlicerData-Original.svg]] | ||
+ | | [[image:SlicerData-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerFiducials.png | ||
+ | | [[file:SlicerFiducials-Large.svg | SlicerFiducials-Large.svg]] | ||
+ | | [[image:SlicerFiducials-Large.png]] | ||
+ | | [[file:SlicerFiducials-Medium.svg | SlicerFiducials-Medium.svg]] | ||
+ | | [[image:SlicerFiducials-Medium.png]] | ||
+ | | [[file:SlicerFiducials-Small.svg | SlicerFiducials-Small.svg]] | ||
+ | | [[image:SlicerFiducials-Small.png]] | ||
+ | | [[file:SlicerFiducials-Original.svg | SlicerFiducials-Original.svg]] | ||
+ | | [[image:SlicerFiducials-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerAnnotationsV2.png | ||
+ | | [[file:SlicerAnnotationsV2-Large.svg | SlicerAnnotationsV2-Large.svg]] | ||
+ | | [[image:SlicerAnnotationsV2-Large.png]] | ||
+ | | [[file:SlicerAnnotationsV2-Medium.svg | SlicerAnnotationsV2-Medium.svg]] | ||
+ | | [[image:SlicerAnnotationsV2-Medium.png]] | ||
+ | | [[file:SlicerAnnotationsV2-Small.svg | SlicerAnnotationsV2-Small.svg]] | ||
+ | | [[image:SlicerAnnotationsV2-Small.png]] | ||
+ | | [[file:SlicerAnnotationsV2-Original.svg | SlicerAnnotationsV2-Original.svg]] | ||
+ | | [[image:SlicerAnnotationsV2-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerAnnotations.png | ||
+ | | [[file:SlicerAnnotations-Large.svg | SlicerAnnotations-Large.svg]] | ||
+ | | [[image:SlicerAnnotations-Large.png]] | ||
+ | | [[file:SlicerAnnotations-Medium.svg | SlicerAnnotations-Medium.svg]] | ||
+ | | [[image:SlicerAnnotations-Medium.png]] | ||
+ | | [[file:SlicerAnnotations-Small.svg | SlicerAnnotations-Small.svg]] | ||
+ | | [[image:SlicerAnnotations-Small.png]] | ||
+ | | [[file:SlicerAnnotations-Original.svg | SlicerAnnotations-Original.svg]] | ||
+ | | [[image:SlicerAnnotations-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerEMSegment.png | ||
+ | | [[file:SlicerEMSegment-Large.svg | SlicerEMSegment-Large.svg]] | ||
+ | | [[image:SlicerEMSegment-Large.png]] | ||
+ | | [[file:SlicerEMSegment-Medium.svg | SlicerEMSegment-Medium.svg]] | ||
+ | | [[image:SlicerEMSegment-Medium.png]] | ||
+ | | [[file:SlicerEMSegment-Small.svg | SlicerEMSegment-Small.svg]] | ||
+ | | [[image:SlicerEMSegment-Small.png]] | ||
+ | | [[file:SlicerEMSegment-Original.svg | SlicerEMSegment-Original.svg]] | ||
+ | | [[image:SlicerEMSegment-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerEditor.png (in progress) | ||
+ | | [[file:SlicerEditor-Large.svg | SlicerEditor-Large.svg]] | ||
+ | | [[image:SlicerEditor-Large.png]] | ||
+ | | [[file:SlicerEditor-Medium.svg | SlicerEditor-Medium.svg]] | ||
+ | | [[image:SlicerEditor-Medium.png]] | ||
+ | | [[file:SlicerEditor-Small.svg | SlicerEditor-Small.svg]] | ||
+ | | [[image:SlicerEditor-Small.png]] | ||
+ | | [[file:SlicerEditor-Original.svg | SlicerEditor-Original.svg]] | ||
+ | | [[image:SlicerEditor-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | | SlicerColors.png (in progress) | ||
+ | | [[file:SlicerColors-Large.svg | SlicerColors-Large.svg]] | ||
+ | | [[image:SlicerColors-Large.png]] | ||
+ | | [[file:SlicerColors-Medium.svg | SlicerColors-Medium.svg]] | ||
+ | | [[image:SlicerColors-Medium.png]] | ||
+ | | [[file:SlicerColors-Small.svg | SlicerColors-Small.svg]] | ||
+ | | [[image:SlicerColors-Small.png]] | ||
+ | | [[file:SlicerColors-Original.svg | SlicerColors-Original.svg]] | ||
+ | | [[image:SlicerColors-Original.png]] | ||
+ | | Slicer4 Application Toolbar | ||
+ | |- | ||
+ | |} | ||
+ | ==Slicer Information Icons == | ||
+ | {| border="1" cellpadding="5" | ||
+ | |- style="background:#ffffff; color:black" align="left" | ||
+ | | style="width:20%" | '''Icon Name''' | ||
+ | | style="width:20%" | '''Vector Large (svg)''' | ||
+ | | style="width:20%" | '''Image 128x128''' | ||
+ | | style="width:20%" | '''Vector Medium (svg)''' | ||
+ | | 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:20%" | '''Where to use''' | ||
+ | |- | ||
+ | | SlicerInfoLeft.png | ||
+ | | [[file:SlicerInfoLeft-Large.svg | SlicerInfoLeft-Large.svg]] | ||
+ | | [[image:SlicerInfoLeft-Large.png]] | ||
+ | | [[file:SlicerInfoLeft-Medium.svg | SlicerInfoLeft-Medium.svg]] | ||
+ | | [[image:SlicerInfoLeft-Medium.png]] | ||
+ | | [[file:SlicerInfoLeft-Small.svg | SlicerInfoLeft-Small.svg]] | ||
+ | | [[image:SlicerInfoLeft-Small.png]] | ||
+ | | [[file:SlicerInfoLeft-Original.svg | SlicerInfoLeft-Original.svg]] | ||
+ | | [[image:SlicerInfoLeft-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerInfoRight.png | ||
+ | | [[file:SlicerInfoRight-Large.svg | SlicerInfoRight-Large.svg]] | ||
+ | | [[image:SlicerInfoRight-Large.png]] | ||
+ | | [[file:SlicerInfoRight-Medium.svg | SlicerInfoRight-Medium.svg]] | ||
+ | | [[image:SlicerInfoRight-Medium.png]] | ||
+ | | [[file:SlicerInfoRight-Small.svg | SlicerInfoRight-Small.svg]] | ||
+ | | [[image:SlicerInfoRight-Small.png]] | ||
+ | | [[file:SlicerInfoRight-Original.svg | SlicerInfoRight-Original.svg]] | ||
+ | | [[image:SlicerInfoRight-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerAdvancedGear.png | ||
+ | | [[file:SlicerAdvancedGear-Large.svg | SlicerAdvancedGear-Large.svg]] | ||
+ | | [[image:SlicerAdvancedGear-Large.png]] | ||
+ | | [[file:SlicerAdvancedGear-Medium.svg | SlicerAdvancedGear-Medium.svg]] | ||
+ | | [[image:SlicerAdvancedGear-Medium.png]] | ||
+ | | [[file:SlicerAdvancedGear-Small.svg | SlicerAdvancedGear-Small.svg]] | ||
+ | | [[image:SlicerAdvancedGear-Small.png]] | ||
+ | | [[file:SlicerAdvancedGear-Original.svg | SlicerAdvancedGear-Original.svg]] | ||
+ | | [[image:SlicerAdvancedGear-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerHierarchy.png | ||
+ | | [[file:SlicerHierarchy-Large.svg | SlicerHierarchy-Large.svg]] | ||
+ | | [[image:SlicerHierarchy-Large.png]] | ||
+ | | [[file:SlicerHierarchy-Medium.svg | SlicerHierarchy-Medium.svg]] | ||
+ | | [[image:SlicerHierarchy-Medium.png]] | ||
+ | | [[file:SlicerHierarchy-Small.svg | SlicerHierarchy-Small.svg]] | ||
+ | | [[image:SlicerHierarchy-Small.png]] | ||
+ | | [[file:SlicerHierarchy-Original.svg | SlicerHierarchy-Original.svg]] | ||
+ | | [[image:SlicerHierarchy-Original.png]] | ||
+ | | Slicer4 Application-wide and Annotation Module | ||
+ | |- | ||
+ | | SlicerAddHierarchy.png | ||
+ | | [[file:SlicerAddHierarchy-Large.svg | SlicerAddHierarchy-Large.svg]] | ||
+ | | [[image:SlicerAddHierarchy-Large.png]] | ||
+ | | [[file:SlicerAddHierarchy-Medium.svg | SlicerAddHierarchy-Medium.svg]] | ||
+ | | [[image:SlicerAddHierarchy-Medium.png]] | ||
+ | | [[file:SlicerAddHierarchy-Small.svg | SlicerAddHierarchy-Small.svg]] | ||
+ | | [[image:SlicerAddHierarchy-Small.png]] | ||
+ | | [[file:SlicerAddHierarchy-Original.svg | SlicerAddHierarchy-Original.svg]] | ||
+ | | [[image:SlicerAddHierarchy-Original.png]] | ||
+ | | Slicer4 Application-wide and Annotation Module | ||
+ | |- | ||
+ | | SlicerLock.png | ||
+ | | [[file:SlicerLock-Large.svg | SlicerLock-Large.svg]] | ||
+ | | [[image:SlicerLock-Large.png]] | ||
+ | | [[file:SlicerLock-Medium.svg | SlicerLock-Medium.svg]] | ||
+ | | [[image:SlicerLock-Medium.png]] | ||
+ | | [[file:SlicerLock-Small.svg | SlicerLock-Small.svg]] | ||
+ | | [[image:SlicerLock-Small.png]] | ||
+ | | [[file:SlicerLock-Original.svg | SlicerLock-Original.svg]] | ||
+ | | [[image:SlicerLock-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerUnlock.png | ||
+ | | [[file:SlicerUnlock-Large.svg | SlicerUnlock-Large.svg]] | ||
+ | | [[image:SlicerUnlock-Large.png]] | ||
+ | | [[file:SlicerUnlock-Medium.svg | SlicerUnlock-Medium.svg]] | ||
+ | | [[image:SlicerUnlock-Medium.png]] | ||
+ | | [[file:SlicerUnlock-Small.svg | SlicerUnlock-Small.svg]] | ||
+ | | [[image:SlicerUnlock-Small.png]] | ||
+ | | [[file:SlicerUnlock-Original.svg | SlicerUnlock-Original.svg]] | ||
+ | | [[image:SlicerUnlock-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerLockUnlock.png | ||
+ | | [[file:SlicerLockUnlock-Large.svg | SlicerLockUnlock-Large.svg]] | ||
+ | | [[image:SlicerLockUnlock-Large.png]] | ||
+ | | [[file:SlicerLockUnlock-Medium.svg | SlicerLockUnlock-Medium.svg]] | ||
+ | | [[image:SlicerLockUnlock-Medium.png]] | ||
+ | | [[file:SlicerLockUnlock-Small.svg | SlicerLockUnlock-Small.svg]] | ||
+ | | [[image:SlicerLockUnlock-Small.png]] | ||
+ | | [[file:SlicerLockUnlock-Original.svg | SlicerLockUnlock-Original.svg]] | ||
+ | | [[image:SlicerLockUnlock-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerVisible.png | ||
+ | | [[file:SlicerVisible-Large.svg | SlicerVisible-Large.svg]] | ||
+ | | [[image:SlicerVisible-Large.png]] | ||
+ | | [[file:SlicerVisible-Medium.svg | SlicerVisible-Medium.svg]] | ||
+ | | [[image:SlicerVisible-Medium.png]] | ||
+ | | [[file:SlicerVisible-Small.svg | SlicerVisible-Small.svg]] | ||
+ | | [[image:SlicerVisible-Small.png]] | ||
+ | | [[file:SlicerVisible-Original.svg | SlicerVisible-Original.svg]] | ||
+ | | [[image:SlicerVisible-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerInvisible.png | ||
+ | | [[file:SlicerInvisible-Large.svg | SlicerInvisible-Large.svg]] | ||
+ | | [[image:SlicerInvisible-Large.png]] | ||
+ | | [[file:SlicerInvisible-Medium.svg | SlicerInvisible-Medium.svg]] | ||
+ | | [[image:SlicerInvisible-Medium.png]] | ||
+ | | [[file:SlicerInvisible-Small.svg | SlicerInvisible-Small.svg]] | ||
+ | | [[image:SlicerInvisible-Small.png]] | ||
+ | | [[file:SlicerInvisible-Original.svg | SlicerInvisible-Original.svg]] | ||
+ | | [[image:SlicerInvisible-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | | SlicerVisibleInvisible.png | ||
+ | | [[file:SlicerVisibleInvisible-Large.svg | SlicerVisibleInvisible-Large.svg]] | ||
+ | | [[image:SlicerVisibleInvisible-Large.png]] | ||
+ | | [[file:SlicerVisibleInvisible-Medium.svg | SlicerVisibleInvisible-Medium.svg]] | ||
+ | | [[image:SlicerVisibleInvisible-Medium.png]] | ||
+ | | [[file:SlicerVisibleInvisible-Small.svg | SlicerVisibleInvisible-Small.svg]] | ||
+ | | [[image:SlicerVisibleInvisible-Small.png]] | ||
+ | | [[file:SlicerVisibleInvisible-Original.svg | SlicerVisibleInvisible-Original.svg]] | ||
+ | | [[image:SlicerVisibleInvisible-Original.png]] | ||
+ | | Slicer4 Application (anywhere) | ||
+ | |- | ||
+ | |} | ||
− | + | =Module-specific Icons = | |
− | ==Data Module | + | ==Data Module == |
[[image:DataModuleMockup.png]] | [[image:DataModuleMockup.png]] | ||
Line 41: | Line 311: | ||
|- 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%" | '''Large 128x128''' | + | | style="width:20%" | '''Vector Large (svg)''' |
− | | style="width:18%" | ''' | + | | style="width:20%" | '''Image 128x128''' |
− | | style="width:12%" | ''' | + | | style="width:20%" | '''Vector Medium (svg)''' |
+ | | 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 | ||
+ | | [[file:SlicerLoadScene-Large.svg | SlicerLoadScene-Large.svg]] | ||
| [[image:SlicerLoadScene-Large.png]] | | [[image:SlicerLoadScene-Large.png]] | ||
+ | | [[file:SlicerLoadScene-Medium.svg | SlicerLoadScene-Medium.svg]] | ||
| [[image:SlicerLoadScene-Medium.png]] | | [[image:SlicerLoadScene-Medium.png]] | ||
+ | | [[file:SlicerLoadScene-Small.svg | SlicerLoadScene-Small.svg]] | ||
| [[image:SlicerLoadScene-Small.png]] | | [[image:SlicerLoadScene-Small.png]] | ||
+ | | [[file:SlicerLoadScene-Original.svg | SlicerLoadScene-Original.svg]] | ||
| [[image:SlicerLoadScene-Original.png]] | | [[image:SlicerLoadScene-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddScene.png | | SlicerAddScene.png | ||
+ | | [[file:SlicerAddScene-Large.svg | SlicerAddScene-Large.svg]] | ||
| [[image:SlicerAddScene-Large.png]] | | [[image:SlicerAddScene-Large.png]] | ||
+ | | [[file:SlicerAddScene-Medium.svg | SlicerAddScene-Medium.svg]] | ||
| [[image:SlicerAddScene-Medium.png]] | | [[image:SlicerAddScene-Medium.png]] | ||
+ | | [[file:SlicerAddScene-Small.svg | SlicerAddScene-Small.svg]] | ||
| [[image:SlicerAddScene-Small.png]] | | [[image:SlicerAddScene-Small.png]] | ||
+ | | [[file:SlicerAddScene-Original.svg | SlicerAddScene-Original.svg]] | ||
| [[image:SlicerAddScene-Original.png]] | | [[image:SlicerAddScene-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddData.png | | SlicerAddData.png | ||
+ | | [[file:SlicerAddData-Large.svg | SlicerAddData-Large.svg]] | ||
| [[image:SlicerAddData-Large.png]] | | [[image:SlicerAddData-Large.png]] | ||
+ | | [[file:SlicerAddData-Medium.svg | SlicerAddData-Medium.svg]] | ||
| [[image:SlicerAddData-Medium.png]] | | [[image:SlicerAddData-Medium.png]] | ||
+ | | [[file:SlicerAddData-Small.svg | SlicerAddData-Small.svg]] | ||
| [[image:SlicerAddData-Small.png]] | | [[image:SlicerAddData-Small.png]] | ||
+ | | [[file:SlicerAddData-Original.svg | SlicerAddData-Original.svg]] | ||
| [[image:SlicerAddData-Original.png]] | | [[image:SlicerAddData-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddVolume.png | | SlicerAddVolume.png | ||
+ | | [[file:SlicerAddVolume-Large.svg | SlicerAddVolume-Large.svg]] | ||
| [[image:SlicerAddVolume-Large.png]] | | [[image:SlicerAddVolume-Large.png]] | ||
+ | | [[file:SlicerAddVolume-Medium.svg | SlicerAddVolume-Medium.svg]] | ||
| [[image:SlicerAddVolume-Medium.png]] | | [[image:SlicerAddVolume-Medium.png]] | ||
+ | | [[file:SlicerAddVolume-Small.svg | SlicerAddVolume-Small.svg]] | ||
| [[image:SlicerAddVolume-Small.png]] | | [[image:SlicerAddVolume-Small.png]] | ||
+ | | [[file:SlicerAddVolume-Original.svg | SlicerAddVolume-Original.svg]] | ||
| [[image:SlicerAddVolume-Original.png]] | | [[image:SlicerAddVolume-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddModel.png | | SlicerAddModel.png | ||
+ | | [[file:SlicerAddModel-Large.svg | SlicerAddModel-Large.svg]] | ||
| [[image:SlicerAddModel-Large.png]] | | [[image:SlicerAddModel-Large.png]] | ||
+ | | [[file:SlicerAddModel-Medium.svg | SlicerAddModel-Medium.svg]] | ||
| [[image:SlicerAddModel-Medium.png]] | | [[image:SlicerAddModel-Medium.png]] | ||
+ | | [[file:SlicerAddModel-Small.svg | SlicerAddModel-Small.svg]] | ||
| [[image:SlicerAddModel-Small.png]] | | [[image:SlicerAddModel-Small.png]] | ||
+ | | [[file:SlicerAddModel-Original.svg | SlicerAddModel-Original.svg]] | ||
| [[image:SlicerAddModel-Original.png]] | | [[image:SlicerAddModel-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddScalarOverlay.png | | SlicerAddScalarOverlay.png | ||
+ | | [[file:SlicerAddScalarOverlay-Large.svg | SlicerAddScalarOverlay-Large.svg]] | ||
| [[image:SlicerAddScalarOverlay-Large.png]] | | [[image:SlicerAddScalarOverlay-Large.png]] | ||
+ | | [[file:SlicerAddScalarOverlay-Medium.svg | SlicerAddScalarOverlay-Medium.svg]] | ||
| [[image:SlicerAddScalarOverlay-Medium.png]] | | [[image:SlicerAddScalarOverlay-Medium.png]] | ||
+ | | [[file:SlicerAddScalarOverlay-Small.svg | SlicerAddScalarOverlay-Small.svg]] | ||
| [[image:SlicerAddScalarOverlay-Small.png]] | | [[image:SlicerAddScalarOverlay-Small.png]] | ||
+ | | [[file:SlicerAddScalarOverlay-Original.svg | SlicerAddScalarOverlay-Original.svg]] | ||
| [[image:SlicerAddScalarOverlay-Original.png]] | | [[image:SlicerAddScalarOverlay-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddFiducialList.png | | SlicerAddFiducialList.png | ||
+ | | [[file:SlicerAddFiducialList-Large.svg | SlicerAddFiducialList-Large.svg]] | ||
| [[image:SlicerAddFiducialList-Large.png]] | | [[image:SlicerAddFiducialList-Large.png]] | ||
+ | | [[file:SlicerAddFiducialList-Medium.svg | SlicerAddFiducialList-Medium.svg]] | ||
| [[image:SlicerAddFiducialList-Medium.png]] | | [[image:SlicerAddFiducialList-Medium.png]] | ||
+ | | [[SlicerAddFiducialList-Small.svg | SlicerAddFiducialList-Small.svg]] | ||
| [[image:SlicerAddFiducialList-Small.png]] | | [[image:SlicerAddFiducialList-Small.png]] | ||
+ | | [[file:SlicerAddFiducialList-Original.svg | SlicerAddFiducialList-Original.svg]] | ||
| [[image:SlicerAddFiducialList-Original.png]] | | [[image:SlicerAddFiducialList-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddTransform.png | | SlicerAddTransform.png | ||
+ | | [[file:SlicerAddTransform-Large.svg | SlicerAddTransform-Large.svg]] | ||
| [[image:SlicerAddTransform-Large.png]] | | [[image:SlicerAddTransform-Large.png]] | ||
+ | | [[file:SlicerAddTransform-Large.svg | SlicerAddTransform-Large.svg]] | ||
| [[image:SlicerAddTransform-Medium.png]] | | [[image:SlicerAddTransform-Medium.png]] | ||
+ | | [[file:SlicerAddTransform-Small.svg | SlicerAddTransform-Small.svg]] | ||
| [[image:SlicerAddTransform-Small.png]] | | [[image:SlicerAddTransform-Small.png]] | ||
+ | | [[file:SlicerAddTransform-Original.svg | SlicerAddTransform-Original.svg]] | ||
| [[image:SlicerAddTransform-Original.png]] | | [[image:SlicerAddTransform-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddColorLUT.png | | SlicerAddColorLUT.png | ||
+ | | [[file:SlicerAddColorLUT-Large.svg | SlicerAddColorLUT-Large.svg]] | ||
| [[image:SlicerAddColorLUT-Large.png]] | | [[image:SlicerAddColorLUT-Large.png]] | ||
+ | | [[file:SlicerAddColorLUT-Medium.svg | SlicerAddColorLUT-Medium.svg]] | ||
| [[image:SlicerAddColorLUT-Medium.png]] | | [[image:SlicerAddColorLUT-Medium.png]] | ||
+ | | [[file:SlicerAddColorLUT-Small.svg | SlicerAddColorLUT-Small.svg]] | ||
| [[image:SlicerAddColorLUT-Small.png]] | | [[image:SlicerAddColorLUT-Small.png]] | ||
+ | | [[file:SlicerAddColorLUT-Original.svg | SlicerAddColorLUT-Original.svg]] | ||
| [[image:SlicerAddColorLUT-Original.png]] | | [[image:SlicerAddColorLUT-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
|- | |- | ||
| SlicerAddFiberBundle.png | | SlicerAddFiberBundle.png | ||
+ | | [[file:SlicerAddFiberBundle-Large.svg | SlicerAddFiberBundle-Large.svg]] | ||
| [[image:SlicerAddFiberBundle-Large.png]] | | [[image:SlicerAddFiberBundle-Large.png]] | ||
+ | | [[file:SlicerAddFiberBundle-Medium.svg | SlicerAddFiberBundle-Medium.svg]] | ||
| [[image:SlicerAddFiberBundle-Medium.png]] | | [[image:SlicerAddFiberBundle-Medium.png]] | ||
+ | | [[file:SlicerAddFiberBundle-Small.svg | SlicerAddFiberBundle-Small.svg]] | ||
| [[image:SlicerAddFiberBundle-Small.png]] | | [[image:SlicerAddFiberBundle-Small.png]] | ||
+ | | [[file:SlicerAddFiberBundle-Original.svg | SlicerAddFiberBundle-Original.svg]] | ||
| [[image:SlicerAddFiberBundle-Original.png]] | | [[image:SlicerAddFiberBundle-Original.png]] | ||
| Slicer4 Data Module | | Slicer4 Data Module | ||
Line 119: | Line 433: | ||
|} | |} | ||
− | == | + | ==Annotation Module == |
− | |||
{| border="1" cellpadding="5" | {| border="1" cellpadding="5" | ||
|- 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%" | '''Large 128x128''' | + | | style="width:20%" | '''Vector Large (svg)''' |
− | | style="width:18%" | ''' | + | | style="width:20%" | '''Image 128x128''' |
− | | style="width:12%" | ''' | + | | style="width:20%" | '''Vector Medium (svg)''' |
+ | | 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''' | ||
|- | |- | ||
− | | | + | | Annotation-AddHierarchy.png |
− | | [[ | + | | [[file:Annotation-AddHierarchy-Large.svg | Annotation-AddHierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-AddHierarchy-Large.png]] |
− | | [[ | + | | [[file:Annotation-AddHierarchy-Large.svg | Annotation-AddHierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-AddHierarchy-Medium.png]] |
− | | | + | | [[file:Annotation-AddHierarchy-Small.svg | Annotation-AddHierarchy-Small.svg]] |
− | + | | [[image:Annotation-AddHierarchy-Small.png]] | |
− | + | | [[file:Annotation-AddHierarchy-Original.svg | Annotation-AddHierarchy-Original.svg]] | |
− | | | + | | [[image:Annotation-AddHierarchy-Original.png]] |
− | | [[image: | + | | Slicer4 Annotation Module |
− | | [[ | ||
− | | [[image: | ||
− | | Slicer4 | ||
|- | |- | ||
− | | | + | | Annotation-BiDirectionalWidget.png |
− | | [[image: | + | | [[file:Annotation-BiDirectionalWidget-Large.svg | Annotation-BiDirectionalWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-BiDirectionalWidget-Large.png]] |
− | | [[image: | + | | [[file:Annotation-BiDirectionalWidget-Large.svg | Annotation-BiDirectionalWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-BiDirectionalWidget-Medium.png]] |
− | | Slicer4 | + | | [[file:Annotation-BiDirectionalWidget-Small.svg | Annotation-BiDirectionalWidget-Small.svg]] |
+ | | [[image:Annotation-BiDirectionalWidget-Small.png]] | ||
+ | | [[file:Annotation-BiDirectionalWidget-Original.svg | Annotation-BiDirectionalWidget-Original.svg]] | ||
+ | | [[image:Annotation-BiDirectionalWidget-Original.png]] | ||
+ | | Slicer4 Annotation Module | ||
|- | |- | ||
− | | | + | | Annotation-EditBiDirectionalWidget.png |
− | | [[image: | + | | [[file:Annotation-EditBiDirectionalWidget-Large.svg | Annotation-EditBiDirectionalWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-EditBiDirectionalWidget-Large.png]] |
− | | [[image: | + | | [[file:Annotation-EditBiDirectionalWidget-Large.svg | Annotation-EditBiDirectionalWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-EditBiDirectionalWidget-Medium.png]] |
− | | Slicer4 | + | | [[file:Annotation-EditBiDirectionalWidget-Small.svg | Annotation-EditBiDirectionalWidget-Small.svg]] |
+ | | [[image:Annotation-EditBiDirectionalWidget-Small.png]] | ||
+ | | [[file:Annotation-EditBiDirectionalWidget-Original.svg | Annotation-EditBiDirectionalWidget-Original.svg]] | ||
+ | | [[image:Annotation-EditBiDirectionalWidget-Original.png]] | ||
+ | | Slicer4 Annotation Module | ||
|- | |- | ||
− | | | + | | Annotation-EditROIWidget.png |
− | | [[image: | + | | [[file:Annotation-EditROIWidget-Large.svg | Annotation-EditROIWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-EditROIWidget-Large.png]] |
− | | [[image: | + | | [[file:Annotation-EditROIWidget-Large.svg | Annotation-EditROIWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-EditROIWidget-Medium.png]] |
− | | Slicer4 | + | | [[file:Annotation-EditROIWidget-Small.svg | Annotation-EditROIWidget-Small.svg]] |
+ | | [[image:Annotation-EditROIWidget-Small.png]] | ||
+ | | [[file:Annotation-EditROIWidget-Original.svg | Annotation-EditROIWidget-Original.svg]] | ||
+ | | [[image:Annotation-EditROIWidget-Original.png]] | ||
+ | | Slicer4 Annotation Module | ||
|- | |- | ||
− | | | + | | Annotation-Hierarchy.png |
− | + | | [[file:Annotation-Hierarchy-Large.svg | Annotation-Hierarchy-Large.svg]] | |
− | + | | [[image:Annotation-Hierarchy-Large.png]] | |
− | + | | [[file:Annotation-Hierarchy-Large.svg | Annotation-Hierarchy-Large.svg]] | |
− | |- | + | | [[image:Annotation-Hierarchy-Medium.png]] |
− | | | + | | [[file:Annotation-Hierarchy-Small.svg | Annotation-Hierarchy-Small.svg]] |
− | | | + | | [[image:Annotation-Hierarchy-Small.png]] |
− | | | + | | [[file:Annotation-Hierarchy-Original.svg | Annotation-Hierarchy-Original.svg]] |
− | | | + | | [[image:Annotation-Hierarchy-Original.png]] |
− | | | + | | Slicer4 Annotation Module |
− | | | ||
|- | |- | ||
− | | | + | | Annotation-Lock.png |
− | | [[image: | + | | [[file:Annotation-Lock-Large.svg | Annotation-Lock-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-Lock-Large.png]] |
− | | [[image: | + | | [[file:Annotation-Lock-Large.svg | Annotation-Lock-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-Lock-Medium.png]] |
− | | Slicer4 | + | | [[file:Annotation-Lock-Small.svg | Annotation-Lock-Small.svg]] |
+ | | [[image:Annotation-Lock-Small.png]] | ||
+ | | [[file:Annotation-Lock-Original.svg | Annotation-Lock-Original.svg]] | ||
+ | | [[image:Annotation-Lock-Original.png]] | ||
+ | | Slicer4 Annotation Module | ||
|- | |- | ||
− | | | + | | Annotation-ROIWidget.png |
− | | [[image: | + | | [[file:Annotation-ROIWidget-Large.svg | Annotation-ROIWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-ROIWidget-Large.png]] |
− | | [[image: | + | | [[file:Annotation-ROIWidget-Large.svg | Annotation-ROIWidget-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-ROIWidget-Medium.png]] |
− | | Slicer4 | + | | [[file:Annotation-ROIWidget-Small.svg | Annotation-ROIWidget-Small.svg]] |
+ | | [[image:Annotation-ROIWidget-Small.png]] | ||
+ | | [[file:Annotation-ROIWidget-Original.svg | Annotation-ROIWidget-Original.svg]] | ||
+ | | [[image:Annotation-ROIWidget-Original.png]] | ||
+ | | Slicer4 Annotation Module | ||
|- | |- | ||
|} | |} | ||
+ | | |
Latest revision as of 21:16, 2 August 2011
Home < Slicer4:UIDesignBack to Slicer 4 Developer Projects
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).
(wjp) Add a general comment or opinion.
Report a really bad bug that's blocking work progress, or causing a crash.
Report bad documentation link.
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
Slicer Information Icons
Module-specific Icons
Data Module
Annotation Module
|