Difference between revisions of "Slicer4:UIDesign"
From Slicer Wiki
(51 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 = | ||
− | ==Data Module | + | ==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]] [[Slicer3:UIDesign#Codes_to_mark_contributions | 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 == | ||
+ | |||
+ | |||
+ | {| 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 == | ||
[[image:DataModuleMockup.png]] | [[image:DataModuleMockup.png]] | ||
Line 8: | 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 | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
|} | |} | ||
− | + | ==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 |
− | | [[image: | + | | [[file:Annotation-AddHierarchy-Large.svg | Annotation-AddHierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-AddHierarchy-Large.png]] |
− | | [[image: | + | | [[file:Annotation-AddHierarchy-Large.svg | Annotation-AddHierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-AddHierarchy-Medium.png]] |
− | | Slicer4 | + | | [[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]] | ||
+ | | Slicer4 Annotation Module | ||
+ | |- | ||
+ | | Annotation-BiDirectionalWidget.png | ||
+ | | [[file:Annotation-BiDirectionalWidget-Large.svg | Annotation-BiDirectionalWidget-Large.svg]] | ||
+ | | [[image:Annotation-BiDirectionalWidget-Large.png]] | ||
+ | | [[file:Annotation-BiDirectionalWidget-Large.svg | Annotation-BiDirectionalWidget-Large.svg]] | ||
+ | | [[image:Annotation-BiDirectionalWidget-Medium.png]] | ||
+ | | [[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 | ||
+ | | [[file:Annotation-EditBiDirectionalWidget-Large.svg | Annotation-EditBiDirectionalWidget-Large.svg]] | ||
+ | | [[image:Annotation-EditBiDirectionalWidget-Large.png]] | ||
+ | | [[file:Annotation-EditBiDirectionalWidget-Large.svg | Annotation-EditBiDirectionalWidget-Large.svg]] | ||
+ | | [[image:Annotation-EditBiDirectionalWidget-Medium.png]] | ||
+ | | [[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 | ||
+ | | [[file:Annotation-EditROIWidget-Large.svg | Annotation-EditROIWidget-Large.svg]] | ||
+ | | [[image:Annotation-EditROIWidget-Large.png]] | ||
+ | | [[file:Annotation-EditROIWidget-Large.svg | Annotation-EditROIWidget-Large.svg]] | ||
+ | | [[image:Annotation-EditROIWidget-Medium.png]] | ||
+ | | [[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 |
− | | [[image: | + | | [[file:Annotation-Hierarchy-Large.svg | Annotation-Hierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-Hierarchy-Large.png]] |
− | | [[image: | + | | [[file:Annotation-Hierarchy-Large.svg | Annotation-Hierarchy-Large.svg]] |
− | | [[image: | + | | [[image:Annotation-Hierarchy-Medium.png]] |
− | | Slicer4 | + | | [[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
|