Hello everybody,

I am new to this forum, I am new to inkscape and unfortunately I am not at all a designer. But my boss asked me to do a drawing for him.
Here is my first draft:


It should get a little bit more professional in design and the little arrows pointing to the center have to be replaced by something more "sexy".

But I have no ideas how to improve that...

The result will be a scheme for influences on personal health so this diagram will be used in PowerPoint presentations. Each element in that diagram will be interactive and might be animated. But that will happen later on. Now the static impression must be improved first.

Has anybody good ideas?

I hope you can download the file and work with is directly if you want:
http://www10.file-upload.net/thumb/02.0 ... 8c6cwc.svg

Thanks in advance!

Welcome to InkscapeForum.com!

If I understand the goal correctly, I would actually change very little! (Although I'm not a designer either.) So my understanding is that each gray "rectangle" will contain some kind of image or icon or graphic, representing the subject to which it will be linked. Or perhaps the gray "rectangle" will be replaced with the graphic/link? Or maybe they will be like buttons for clicking? Will the arrows be clickable as well?

I'm concerned about the size. At the current size, it will be very difficult to accurately click on any particular rectangle, especially in the middle ring....much less see whatever graphic they might contain. So unless there is some limitation about the size, I would make it MUCH bigger. Or perhaps you intend to do that eventually anyway?

When it's bigger, it will be easier to see that the arrows are arrows. Right now I have to look closely to recongize the shape. I'm wondering if there were more white space around the arrows, if that would make them "pop" better. It would certainly have to be bigger, or the rings of rectangles narrower, to make more white space around the arrows.

I would make the human figure darker, and probably black. Unless perhaps you plan to put another, perhaps already existing image of a human figure there?

If the ring segments (red and gray "rectangles") and/or arrows are to be like buttons for clicking, I might download your file and try to make some fancier ones. Are the red and gray colors required? There are other members here who are better at designing, who could probably do better than me though.

Thanks a lot, brynn!

You gave me some very good hints. I will increase the size of course and I will replace the arrows by triangles and I will also change the colors to your suggestions.

You asked me about interactivity... The gray rectangles should act like buttons. So my very basic question is:
When I put this svg drawing to a webpage (inline commands, not a reference and not as object) I need this interactivity. But what about browser incompatibility? Most of users will have IE but this is exactly the browser that does not support SVG like others.

So to be sure it will work with ALL broswers I could make single images out of each polygon in my drawing. When clicking on an image I can reload a different picture to colorize that segment of the circle.

But how can I transform that SVG to multiple images that I can easily integrate into a web page? Is there a tool for that task? How can I arrange the single images on the webpage?

Hhmmm, we seem to be right on the edge of what I understand about images, links and webpages. I don't understand "inline commands, not a reference and not as object".

As far as browser compatibility......well, I can say that I would suggest not using SVG. If it's absolutely necessary, for some reason, the buttons could be made simply enough to probably be displayed in all browsers. So the fancier you need/want it, the less likely the resulting SVG will work across all browsers. After drawing everything in Inkscape as SVG, it can be exported to PNG (File menu > Export Bitmap).

Where I get lost is making the links. I know that images can be made into links, and I know how to do it for single images (using.html