Fill and Stroke Dialog Re-Design - Revision history

And471 at 10:07, 8 April 2011

2011-04-08T10:07:02Z

← Older revision		Revision as of 10:07, 8 April 2011
Line 35:		Line 35:
	# Put it all on one line with proper padding		# Put it all on one line with proper padding
	# Give both a unit and put them after the quantity		# Give both a unit and put them after the quantity


			----



	=== Previous Solutions ===		=== Previous Solutions ===

And471 at 10:04, 8 April 2011

2011-04-08T10:04:14Z

← Older revision		Revision as of 10:04, 8 April 2011
Line 4:		Line 4:
	One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )		One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )

	~~===~~ I don't mean to hurt anybody's feelings with this. If I am too harsh I apologise, all I am trying to do is improve Inkscape :) ~~===~~		'''I don't mean to hurt anybody's feelings with this. If I am too harsh I apologise, all I am trying to do is improve Inkscape :)'''

And471: Added better idea

2011-04-08T10:02:08Z

Added better idea

← Older revision		Revision as of 10:02, 8 April 2011
Line 12:		Line 12:
	# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.		# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.
	# No padding between the tab labels and images makes it look 'cramped'		# No padding between the tab labels and images makes it look 'cramped'
	# While the icons are useful for long-time users, the lack of labels can confuse new users. Also it is not obvious that the buttons will change the behaviour of the selected until they are pressed and the contents below them changes
	# Yuck! Using such borders is depreciated (http://library.gnome.org/devel/hig-book/nightly/controls-frames.html.en) and clutters the dialog when white space provides the same separation but without the visual clutter. I can count at least 3 borders that just aren't needed		# Yuck! Using such borders is depreciated (http://library.gnome.org/devel/hig-book/nightly/controls-frames.html.en) and clutters the dialog when white space provides the same separation but without the visual clutter. I can count at least 3 borders that just aren't needed
	# The behaviour of the tabs at the top and these tabs are conflicting. The tabs at the top provides a mechanism of looking at '''completely different''' things, and notebooks should be used for (http://library.gnome.org/devel/hig-book/nightly/controls-notebooks.html.en). However the tabs here are used for looking at the '''same thing''' in a different way.		# The behaviour of the tabs at the top and these tabs are conflicting. The tabs at the top provides a mechanism of looking at '''completely different''' things, and notebooks should be used for (http://library.gnome.org/devel/hig-book/nightly/controls-notebooks.html.en). However the tabs here are used for looking at the '''same thing''' in a different way.
Line 20:		Line 19:
	# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog		# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog

	== My Solution ==		== My Solution(s) ==
	[[File:~~Solution~~-~~fillandstrokedialog~~.png\|~~left~~]]		<table>
			<tr>
			<td>[[File:Fill-stroke-1.png\|thumb\|x180px]]</td>
			<td>[[File:Fill-stroke-2.png\|thumb\|x180px]]</td>
			</tr>
			</table>

	# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.		# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.
			# Just add in padding :)
			# Replace borders with padding. Done :)
			# Replace Notebook tabs with ToggleButtons to clarify their behaviour and differentiate them from the tabs at the tops.
			# Sort out padding.
			# Make it big.
			# Put it all on one line with proper padding
			# Give both a unit and put them after the quantity

			=== Previous Solutions ===
			[[File:Solution-fillandstrokedialog.png\|x180px\|left]]

			<small># Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.
	# Just add in padding :)		# Just add in padding :)
	# Transform the Togglebuttons into ComboBoxes - this allows use to have labels so we can see what each thing does and shows that the actions are mutually exclusive. The addition of the labels to the left of each combobox makes clear that the actions will do to the object.		# Transform the Togglebuttons into ComboBoxes - this allows use to have labels so we can see what each thing does and shows that the actions are mutually exclusive. The addition of the labels to the left of each combobox makes clear that the actions will do to the object.
Line 31:		Line 47:
	# Make it big.		# Make it big.
	# Put it all on one line with proper padding		# Put it all on one line with proper padding
	# Give both a unit and put them after the quantity		# Give both a unit and put them after the quantity</small>

And471: /* Fill and Stroke Dialog Re-Design */

2011-03-07T18:28:48Z

Fill and Stroke Dialog Re-Design

← Older revision		Revision as of 18:28, 7 March 2011
Line 9:		Line 9:
	== Issues ==		== Issues ==
	[[File:Issues-fillandstrokedialog.png\|left]]		[[File:Issues-fillandstrokedialog.png\|left]]


	# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.		# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.
Line 23:		Line 22:
	== My Solution ==		== My Solution ==
	[[File:Solution-fillandstrokedialog.png\|left]]		[[File:Solution-fillandstrokedialog.png\|left]]


	# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.		# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.

And471 at 18:28, 7 March 2011

2011-03-07T18:28:19Z

← Older revision		Revision as of 18:28, 7 March 2011
Line 1:		Line 1:
			= Fill and Stroke Dialog Re-Design =
	My name is Andrew and I have been using Inkscape for quite a while and have always found it fantastic! One thing I have found though, is that while some parts of Inkscape are brilliantly designed, some legacy parts you use a new lick of paint and a polish :)		My name is Andrew and I have been using Inkscape for quite a while and have always found it fantastic! One thing I have found though, is that while some parts of Inkscape are brilliantly designed, some legacy parts you use a new lick of paint and a polish :)

	One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )		One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )

	~~\|\| '''NOTE:~~ I don't mean to hurt anybody's feelings with this. If I am too harsh I apologise, all I am trying to do is improve Inkscape :) ~~''' \|\|~~		=== I don't mean to hurt anybody's feelings with this. If I am too harsh I apologise, all I am trying to do is improve Inkscape :) ===


	= Issues =		== Issues ==
	[[File:Issues-fillandstrokedialog.png]]		[[File:Issues-fillandstrokedialog.png\|left]]


	# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.		# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.
Line 19:		Line 21:
	# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog		# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog

	= My Solution =		== My Solution ==
	[[File:Solution-fillandstrokedialog.png]]		[[File:Solution-fillandstrokedialog.png\|left]]


	# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.		# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.
Line 26:		Line 29:
	# Transform the Togglebuttons into ComboBoxes - this allows use to have labels so we can see what each thing does and shows that the actions are mutually exclusive. The addition of the labels to the left of each combobox makes clear that the actions will do to the object.		# Transform the Togglebuttons into ComboBoxes - this allows use to have labels so we can see what each thing does and shows that the actions are mutually exclusive. The addition of the labels to the left of each combobox makes clear that the actions will do to the object.
	# Replace borders with padding. Done :)		# Replace borders with padding. Done :)
	#		# Replace Notebook tabs with ToggleButtons to clarify their behaviour and differentiate them from the tabs at the tops.
	# Sort out padding.		# Sort out padding.
	# Make it big.		# Make it big.
	# Put it all on one line with proper padding		# Put it all on one line with proper padding
	# ~~give~~ both a unit and put them after the quantity		# Give both a unit and put them after the quantity

And471 at 18:24, 7 March 2011

2011-03-07T18:24:16Z

← Older revision		Revision as of 18:24, 7 March 2011
Line 2:		Line 2:

	One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )		One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )

			\|\| '''NOTE: I don't mean to hurt anybody's feelings with this. If I am too harsh I apologise, all I am trying to do is improve Inkscape :) ''' \|\|


	= Issues =		= Issues =
Line 15:		Line 18:
	# These widgets could be both on one line, but instead there is waisted whitespace and as a results, gives a disjointed look		# These widgets could be both on one line, but instead there is waisted whitespace and as a results, gives a disjointed look
	# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog		# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog

			= My Solution =
			[[File:Solution-fillandstrokedialog.png]]

			# Get rid of the standard GTK Window Bar (with gtk_window_set_decorated[false]) and replace it with a custom one. This shows it is not a standard window and makes it more obvious that it can be docked, rather than just appearing like a normal window.
			# Just add in padding :)
			# Transform the Togglebuttons into ComboBoxes - this allows use to have labels so we can see what each thing does and shows that the actions are mutually exclusive. The addition of the labels to the left of each combobox makes clear that the actions will do to the object.
			# Replace borders with padding. Done :)
			#
			# Sort out padding.
			# Make it big.
			# Put it all on one line with proper padding
			# give both a unit and put them after the quantity

And471: /* Issues */

2011-03-07T18:17:24Z

Issues

← Older revision		Revision as of 18:17, 7 March 2011
Line 7:		Line 7:

	# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.		# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.

	# No padding between the tab labels and images makes it look 'cramped'		# No padding between the tab labels and images makes it look 'cramped'

	# While the icons are useful for long-time users, the lack of labels can confuse new users. Also it is not obvious that the buttons will change the behaviour of the selected until they are pressed and the contents below them changes		# While the icons are useful for long-time users, the lack of labels can confuse new users. Also it is not obvious that the buttons will change the behaviour of the selected until they are pressed and the contents below them changes

	# Yuck! Using such borders is depreciated (http://library.gnome.org/devel/hig-book/nightly/controls-frames.html.en) and clutters the dialog when white space provides the same separation but without the visual clutter. I can count at least 3 borders that just aren't needed		# Yuck! Using such borders is depreciated (http://library.gnome.org/devel/hig-book/nightly/controls-frames.html.en) and clutters the dialog when white space provides the same separation but without the visual clutter. I can count at least 3 borders that just aren't needed
			# The behaviour of the tabs at the top and these tabs are conflicting. The tabs at the top provides a mechanism of looking at '''completely different''' things, and notebooks should be used for (http://library.gnome.org/devel/hig-book/nightly/controls-notebooks.html.en). However the tabs here are used for looking at the '''same thing''' in a different way.
	#		# The items above have two much padding in between them between columns, so they look disassociated, and have too little between rows so it looks cramped
			# Why is this small? This is very useful and so shouldn't it be easy to click on and use?
			# These widgets could be both on one line, but instead there is waisted whitespace and as a results, gives a disjointed look
			# Opacity is given a useful unit, however Blur misses this out completely. Also this unit should be given after the number, it is not as useful on the other side of the dialog

And471 at 18:12, 7 March 2011

2011-03-07T18:12:43Z

← Older revision		Revision as of 18:12, 7 March 2011
Line 4:		Line 4:

	= Issues =		= Issues =
			[[File:Issues-fillandstrokedialog.png]]

			# "Fill and Stroke [...]" is repeated, as are the window controls (close, minimise etc.) We have two window-bars when one would do, and the duplication makes it not obvious that this dialog can actually dock.

			# No padding between the tab labels and images makes it look 'cramped'

			# While the icons are useful for long-time users, the lack of labels can confuse new users. Also it is not obvious that the buttons will change the behaviour of the selected until they are pressed and the contents below them changes

			# Yuck! Using such borders is depreciated (http://library.gnome.org/devel/hig-book/nightly/controls-frames.html.en) and clutters the dialog when white space provides the same separation but without the visual clutter. I can count at least 3 borders that just aren't needed

			#

And471: Created page with 'My name is Andrew and I have been using Inkscape for quite a while and have always found it fantastic! One thing I have found though, is that while some parts of Inkscape are bri...'

2011-03-07T18:06:23Z

Created page with 'My name is Andrew and I have been using Inkscape for quite a while and have always found it fantastic! One thing I have found though, is that while some parts of Inkscape are bri...'

New page

My name is Andrew and I have been using Inkscape for quite a while and have always found it fantastic! One thing I have found though, is that while some parts of Inkscape are brilliantly designed, some legacy parts you use a new lick of paint and a polish :)

One such part is the part I use most, the Fill and Stroke Dialog. This was also picked up recently by this blog post http://www.bomahy.nl/hylke/blog/on-gnome-and-elegance/ (yes we can all tell which application screenshots 2 and 3 are from :P )

= Issues =