Hot answers tagged

32

For reasons I don't begin to understand, its authors have written it as a Firefox plugin, but Pencil is a great FOSS prototyping tool. Like Balsamiq Mockups, it comes with a massive number of prefabricated components that allow you to quickly throw together a demo screen. Also like Balsamiq, you can have multiple pages in a sketch, and link between them, ...


24

There are two packages in the repositories: Screen ruler kruler I haven't tried either of them, but they might be what you're looking for.


24

All the colors, graphics, and layout details for Ubuntu can be found in the Canonical Design, Ubuntu Brand Guidelines. From this document you'll find that: The Purple (CANONICAL AUBERGINE) is #772953 The Orange (UBUNTU ORANGE) is #dd4814


21

I'do go for inkscape It's vector-based and i've used it quite a few times. I think it's a very good option. It's help is also very good, as it has many tutorials in order to learn how to use it (you can access them through: Help > Tutorials)


20

It is the Walt Disney Concert hall in Los Angeles, designed by Frank Gehry. From the photographer's site: http://edltphoto.com/2010/09/ubuntu-blue/ My photo of a portion of the Walt Disney Concert hall in Downtown Los Angeles. A full sized picture of the concert hall is included below, a description is found here


19

This one? The new logo is a combination of the letters U and G. I found a topic on the ubuntu gnome artwork mailing list pointing to the project page: the shape forms “uG”, thus Ubuntu GNOME “u” is the front liner of the branding in the Ubuntu family font and of the official brand; in a philosophical approach a pointer towards humanity (as in unity) ...


17

The Canonical design team regularly conducts GUI researches and usability tests on different types of people. Check out their blog for more on what they're up to!


16

Design justification and analysis is available here.


16

Try out Scribus. Wikipedia: Scribus is designed for flexible layout and typesetting and the ability to prepare files for professional quality image setting equipment. It can also create animated and interactive PDF presentations and forms. Example uses include writing small newspapers, brochures, newsletters, posters and books. You can ...


15

There are lots and lots of them. The more you want to know, the more diagrams you'll have to dig up. This is one I made. But I gave up when I noticed that it's only ever going to get more complex, and I'll have to stop somewhere. (note: this image probably contains a bunch of mistakes) Use it as a guide to look in details at each of the subsystems (and ...


15

Personally I like doing web-ui prototyping in Inkscape (vector graphic drawing program), it is fairly simple to use and you can reuse most of the mockup when you are going to make the final product.


11

Those specific designs are made by hand by Matthew Paul Thomas on graph paper.


11

Here's a list of Linux graphic vector editors in wikipedia. From looking at the articles linked from there, it looks like Inkscape, Karbon14, OpenOffice.org Draw and possibly Dia are currently actively developed. Other previously popular programs, like Sodipodi, SK1, Pencil and Xara Xtreme are no longer actively maintained.


11

There was some discussion on the Ubuntu GNOME mailing lists about somebody selling Ubuntu GNOME for $30. One of the follow-up emails was from Patrik Bubák, an Ubuntu GNOME dev, who said: As far as the logo is concerned, borrowing GNOME's was a mistake from day 1. It's highly confusing, and due to its complexity difficult to work with, plus using ...


10

Question 1 Mark Shuttleworth answered a question on this topic on this very site: No, the size and position of the Unity launcher are fixed. In future, they should respond to information we can discern on your preferred font sizes and screen size/resolution, but that's for a future date. It's unclear whether it will at a point in the future be ...


9

Try Glade Interface Designer, a GTK/Gnome interface designer, usually used for real applications, but could equally be used for prototypes.


9

Why make something that already exists and is useful? Why change for something that no has usability? Design-over-function. It sounds harsh but the original remit was the cut down the number of icons and standardise the way they work. There's little consideration for what these icons need to accomplish or how people use them. The process was very ...


9

There appear to be several technical issues impeding the progress of the new Ubuntu Forums theme. From a thread back in 2010 an Ubuntu Forums staffer confirmed there were several mock-ups made but goes on to outline there are "technical issues" with vBulletin that are hindering it's progress.


9

The middle mouse button is mapped to paste the current X-selection, which is normally whatever text is selected. This happens because back in the early days of gui's there was disagreement about how copy/paste should work. Some wanted there to be an explicit command to move something into the copy buffer, others wanted whatever was selected to be moved in ...


8

Well that really depends on your preference; If you like to use vector software such as inkscape which will allow to design like if you were to be using Adobe illustrator. Then the other route would be to use a raster based software such as the GIMP which allows you to design like if you were to be using Adobe Photoshop. Vector = Lines and Curves Scales ...


8

Linux (the kernel) is essentially written in C with a little of assembly code. The lower layer of userland, usually GNU (glibc and other libraries plus standard core commands) are almost exclusively written in C and shell scripting. The remaining of the Gnu/Linux distributions userland is written in every language the developers choose to use (still a lot ...


8

Text alignment can be set in the "Tool Box" for the text tool:


7

Basically, The system tray is an application running on a given X screen that can display small icons provided by running applications. Windows XP calls this feature the notification area. The concept of System Tray is very well documented by freedesktop.org. Here is the documention for indicators: ...


7

See the work of the Ayatana project, https://wiki.ubuntu.com/Ayatana Every person may have a personal view on how the UI should look like. It is important to be receptive to change and open-minded.


7

Try Xara Xtreme. It's listed in Synaptic as xaralx package


7

This is an upstream decision coming from Debian. The rationale for it is explained in this very nice wiki post, of which the following is an excerpt. The executive summary is "to ensure that GUI and non GUI logins work in the same way": Let's take xdm as an example. pierre comes back from vacation one day and discovers that his system administrator has ...


7

Use the File->New Folder or Ctrl+Shift+N shortcut. Under the File menu you can find the New Document option as well.


6

I've found Pencil to be most valuable when I need to pump out quick little UI mocks. It's a Firefox extension by default but you can also get a version that runs on XUL (the framework beneathe Firefox). While it might not be what was used for this example, it's worth a look.


6

Dia Dia is a diagram editor that can be used to draw flow charts, UML diagrams etc.


6

The Ayatana Project is the collective project that houses user interface, design and interaction projects started by Canonical. For example they have designed: * Application Indicators * The Me Menu * Messaging Menu * Notify OSD * Unity More information: https://launchpad.net/ayatana



Only top voted, non community-wiki answers of a minimum length are eligible