Tag Info

Hot answers tagged

140

If you're a programmer, you're already creative. Programming is one of the most creative of professions (else why would the word "elegant" be such a high term of praise?). So much for that. So let's narrow this down. You want a route to channel your already-existing creativity into the VISUAL arts, rather than the unseen-by-all art of good coding. Like ...


51

The Go button should be bigger and have the highest contrast of all since it's the primary one. The Clear button is okay because it's a secondary action and it should be neutral. For me the Switch button has too much presence both in size and constrast. I'd position it between the Origin-Destination dropdowns, where it make more sense "by itself". Here ...


44

Quick & dirty mockups: Retains the resemblance of a floppy disk (but doesn't have the identifying "slider" in bottom) Has the idea of downloading i.e. saving to a bucket Because symbol is abstract the writing pen metaphor wouldn't work for save as + hints the user that button will save a new file i.e. "save as". Works with one colour* Not ...


36

I am really interested in the graphical solution of this question, but I really believe that when a standard is globally accepted, you will never lose that standard even if doesn't mean anything anymore (or at least until a better standard takes over). Example: Qwerty keyboard VS Dvorak Keyboard. The Dvorak Keyboard it is more eficent for typing, but the ...


32

"Save" now means more than "saving to a hard disk," since there's no (obvious) hard disk when you save on the cloud (e.g. Google Docs). When software isn't saving as you type, pressing the "Save" button basically means "Yes, I'm okay with my edits. Commit them." "Save as" is probably too hard to explain to put into an image. "Yes, I'm okay with my ...


28

My thinking is instead of the save icon alone, why not treat all the tool icons as a set. Consistent =) I wrote more on this here.


25

My answer is partially related to your question, but what I feel is that I needed motivation to count myself and you need some also. Can you be creative? Absolutely! Use your imagination to change your beliefs; give time to your thoughts. When I was newbie in this field the same things were in my mind but as time passed I came to know that only I can ...


23

Save Personally, I am familiar with the floppy disks, and I have used them in the old days, but now, when I see the floppy-disk icon, I don't think of a floppy-disk, I think of the "Save" function. See this answer to a related question on UX. Floppy disk The floppy image is well known symbol for save, and even though new generations don't know what a ...


23

A wireframe is about functionality. It can be a really simple sketch that demonstrates what sort of things you can do in your design. For example, a wireframe of a website will show the navigation, the main buttons, the columns, the placing of different elements. You can think of it as a bluprint for a website. A mockup is a realistic representation of what ...


22

Yes, this question is incredibly broad. Maybe it's OK as a wiki article. For starters, you need to define 'we'. There are many, many people and roles involved with designing web sites and they all tend to have different common mistakes. Here are some issues I've seen that seem to pop-up over and over again: Failing to properly define the business' ...


22

Edit: Since you keep pushing :) I will answer directly: Is the style, creativity, & inspiration side of interface design not equally important compared to the content, efficiency, & productivity side of interface development? is it not important to focus on additional fancy style? I have a little problem with the question, as there are ...


21

Save it for safe-keeping ...or as a small toolbar icon:   Maybe the arrow is not needed: This is visually not too far from the floppy icon so it still feels familiar as related to the save function. Because it is not computer related hardware, it will not get outdated so easily.


21

I found this icon created by Goodbye Horses at twitpic: The twitpic page stated: New timeless symbol This new save icon embodies our current use of the term "save". No longer restricted to any physical media, rather focusing on the action of storing something for future use.


16

It seems that the tendency is to store anything in the cloud and we may use local storage just for temporally editions. If that is the case, then using the "Cloud Up" to "Save", may be the alternative.


16

I think all you need to do is change your text color to White:


15

You save a document when you are satisfied with its current state. So the icon can represent that: It's a similar idea to OK buttons in dialog boxes (which sometimes include a checkmark icon).


15

Short answer: Form follows function. It's an age-old but often forgotten design principle: how things look or are shaped should follow what they are for. Function shouldn't be twisted or squeezed to fit a form. A user interface is for use and usability, so if you're making compromises on function (usability) in the name of form (aesthetics), you've got ...


15

Most of the time for live sites you should not have a page at all or, if you really want it live (perhaps to show to others and you don't have a development site), don't link to it publicly anywhere. This is because if a user sees that you have content that interests them enough to click on it, they are expecting to see the page. Having an "under ...


14

No, those are all way too close. You're suffering from Red Shorts Syndrome. What does that mean? Well, let's say you watch a race, and the guy who won the race wore red shorts. If you want to win a race, do you go out and buy red shorts and assume that wearing them will make you win? No, you look at what the winner did to train himself so that he could win. ...


13

Even though potentially controversial I would say that more and more you will not need an icon for a saving action anymore. It will just be assumed to be happening all the time automatically and therefore no specific user interface hook will be necessary. There will be no user action that triggers saving.


13

This isn't really a "graphic design" answer, but you may also want to see if you can change the text. In your examples, I don't think the art of the "install" button is particularly more button-like than your Outlook button. However, the text on it is a well-known verb so it is associated with performing an action. In the same vein, "Launch Outlook" may ...


12

I think your questions is not about how to be creative, but rather about how to be able to create visually appealing content. I know many graphic designers who are either good or talented, but are not creative (in the sense of being innovative and thinking out-of-the-box) at all. Now, from my experience, people who are able to produce visually appealing ...


12

One solution is to visually separate your button by priority. You'd typically have primary button(s), secondary button(s) and sometimes tertiary button(s) and/or non-preferred action buttons. For Primary and Secondary, I usually suggest your preferred branding color (purely subjective) in two levels of contrast. High contrast for primary, slightly less ...


11

Pixel fonts aren't terribly different from tiny print fonts when you get right down to it*. The one big exception is that you know what the medium will do with pixel fonts -- a very big advantage. There really isn't an ideal pixel grid, per se. Obviously a larger grid gives you more room to work. The smallest types I've seen work successfully are 7px ...


10

I would say no. Most of all: They will not look good in tiny versions They are too "predefined" in style: SE have a multitude of sites, and in very few of them will it fit the rest of the site They are too "militant"/gamey with over/undertones of religion, imperialism, war, power etc The symbolism will have to be learned on a much more complex level than ...


10

Do interfaces really need to “look good”? Nope. As you state, and prove, some very highly succesful websites that have horrific UIs succeed. Reddit is a great example. As is Craigslist. So no, you do not need a great looking UI to succeed. But a site better have some really amazing content to make it worth getting through a really bad UI. In other ...


10

Wireframes are rudimentary shapes or lines used to designate position and/or size only. The goal of any wireframe is to "fit" the elements into a layout, not indicate how elements may actually appear in a final design, only where they will be located. Mockups are built on top of wireframes and go further to show overall appearance aspects of a design ...


9

To me, it sounds you lack self-confidence. You already master one difficult part: programming, and as Alan already said, programming is a creative job. My tip: keep it simple, learn basic rules about layout and find your own style. This book: The design of sites helped me a lot for the structure of my designs and this book: The idea book helped me for ...


9

So you have a few options, usually. At the moment, your problem is that lines 1 and 2 look further apart than lines 2 and 3, even though they're not. It's an optical illusion created by the lack of descenders and ascenders between the first two, but not on the second two. The solutions fall into two basic categories: avoiding this situation all together, ...


8

The 3.5" floppy disk has become iconic of save. It's used in the same way the record player has become iconic of audio/sound. I would say that any attempt to change to a new symbol would add confusion to a relatively stable system. That all being said, the 3.5 floppy disk was just removable media, so we could update the icon to be a thumbdrive.



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