Tag Info

Hot answers tagged

8

The use of vector images in websites has had a bit of a stunted growth due to weak browser support. It was not until version 9 (released 2011) that Internet Explorer included native SVG support. For IE 8 and below, it is necessary to make use of a fallback to ensure consistency across browsers. That's an added step that dissuaded the use of vector images; ...


5

The empty impression is caused by the image not the text. Take imdb.com as an example and look how they fill all the box with the image. For me the way to go is left aligned text for readability and consistency and then playing with the sizes of containers and images depending on the proportions of each one. I would not recommend "tall and skinny" ...


5

The best tools for testing how a website will look on different platforms are actually using the different platforms themselves. That means owning all the devices and using all of the relevant operating systems and browsers that your users will use. The pros are that every option is tested (if done correctly). The cons are that it can be relatively expensive ...


4

A graphic designer creates graphics. A web designer builds web sites. They aren't the same job. It's very cool if a web designer can create his own graphics, or a graphic designer can prototype web pages, but in my experience of working in organisations, the 'graphics department' and the 'web team' are usually different teams with different skill sets. ...


4

Note that most of the following is nothing but an educated guess. I do not know what actually motivated the Typeplate scale If you mulitply 18 repeatedly with ∛2 ≈ 1.26 you get the following sequence which, when rounded to “standard” font sizes yields the Typeplate scale with some exceptions: 18.0 → 18 22.7 → 21 28.6 → 24 – This is out of place, 28 would ...


3

It never hurts to know both and I think that knowing both puts you above the rest. I think that if you like this line of work you learn both. I personally do both and I cannot honestly tell you which one I enjoy the most. Both are awesome in their different ways.


3

What's hard with these 2 logos is how they have the a similar shape. What I often do for that kind of project where there's a primary logo and a secondary one is making sure the emphasis is added to the primary one, and then I put the second in a position to make it look more like a badge. For these 2 logos that have a round shape, I think it helps a lot ...


3

It works, but it's not the tags. It's much more interesting: Framing and the Goldilocks effect On persuasion techniques, the Goldilocks effect is used by designers to direct a user towards one "best choice", by simply making the other choices either have just basic features (free or cheaper, but not good enough) or too many features (too expensive, too ...


3

Ideally, you'd have a room full of testers with a pile of different devices. The general things you need to check for: different browsers different operating systems different devices different viewport sizes These can affect: layout typography functionality In most cases, you need some form of the actual software you want to test. That would ...


2

I don't have the rep to comment on 'DA01's answer, but the 'fuzzy' edge can be eliminated by setting the size of the background to match the size of the div and setting those coordinates to be in px as opposed to %: background-image: linear-gradient(135deg, #f00 0, #f00 281px, #ddd 282px, #f00 283px, #f00 566px); background-size: 400px, 400px; The ...


2

They are really closely related. Layout is defined as the arrangement of predetermined items on a page. Basically, you're given the pieces and they are arranged. Design is defined as the art or skill of combining text, images, and other items into a visually pleasing arrangement. So, really they can be almost interchangeable. The primary difference is ...


2

Define "web code". That can mean a whole lot of things. Do you need to be a great coder to be a great graphic designer? No. Of course not. Does having a good understanding of front end presentation layer code make you a better web/UI designer? Absolutely. As with any medium, the more you understand the medium and the tools used within it, the more you ...


2

They are not just dots, they can be lines or a combination of gradients. The main point, besides darkening or whitening the image is to reduce the appearance of blurrynes of a low resolution background. The dots or pattern are not resampled, so this are seen in native resolution. This gives the ilusion you are watching an image of the native resolution of ...


2

It's some basic marketing "neuro-programming"; They often add that "popular choice" for people who have no clue about what they're buying but want the safe choice. That is, I believe, the market that fall for this in general. The premium and cheapest options are often the "sidekicks" that will influence the final choice; the cheapest choice is expensive ...


2

From a marketting and sales perspective designers, developers and engineers often get things wrong. While beautiful, tastefull, elegant, exciting etc. design is often something the design crowd aspires to. Truth of the matter is that junk is also a viable marketing strategy especially when one tries to diversify product ranges.* Cheap has to have the ...


2

You need to use the Fill and Stroke window. This gives you more control over assign color to a stroke (the "outline" of an object), the fill (the inside of it), and what the stroke looks like (thickness, dashed vs solid, etc) Select the object that you want to assign a color to. Click Object > Fill and Stroke Ctrl+Shift+F On the Fill tab, change the ...


2

Some things that would help: Include cut-off portions of surrounding elements. You can add a drop shadow and a torn-edge-like effect to emphasize this. (For the torn-edge effect, I create a layer mask and apply Photoshop's Distort > Ocean Ripple filter with a small ripple size (2) and small ripple magnitude (3).) Reduce the size of the image so that it's ...


2

No, there is no real collection of "You want to do X? Use Y technique" besides StackOverflow which has much more in addition to that. The reason behind it is because programming has a lot of variations of every problem. The circumstances are different based on desired result and the environment. As for the design that you have in the question, your ...


1

You'll never know whether it works for your own scenario until you do your own A/B test. However in many cases it actually works. Ugly looking red buttons and stuff like that really draws attention and stand out of the rest. From our questionnaires we understand that choosing "popular" item people think others have already done some research and this is a ...


1

As a side-line, if you're wanting to use the entire window screenshot but not have the large shadows and transparent areas so that you can quickly apply your own styling just enter the following into Terminal: $ defaults write com.apple.screencapture disable-shadow -bool TRUE Then either restart or enter the following to see the changes straight away: $ ...


1

Well, the observation of the gradient will definitely be affected by the colors you choose and the size of the font. As you can see in my image, the first letter is full blue while the other two have a two color gradient in them. The level of observation will be determined by the contrast in your choice of colors. Also, for a font as thin as this one you ...


1

I would advise the following: Grid alignment: Scoot your main content and top nav to the left so it lines up with "home page" Content Justification: the secondary information on the right is calling a lot of attention to itself, I would change the blue to something less eye catching, and put more color emphasis on the main content somehow. Perhaps make it ...


1

It would have helped to know the sitemap, it's very important to know what pages with what functionality you will have and isolate only 3 of them. Aside from homepage, 2 other pages should be presented. Especially since they are not final. Basically just show your most powerful and iconic 3 pages. That's how I usually present my work.


1

It does not hurt. Knowing how to do X is not really a part of design. Designing means that you put thought behind your task, plan it, and make sure the plan is executableable. So for great designers it wold be enough to communicate the idea to others. Note not really talking of graphic design just design in general. Now for practical purposes the designer ...


1

If you're going to be designing graphics intended for web use it would be good to understand what makes your work user friendly to the web developer that needs to use it, but beyond that, NO!!!... There's a quirk to being an Artist where a lot of people look at us as the "grunts" of the workplace simply because they underestimate the value of our trade. ...


1

Like Zach said, ideally you want to test on specific devices/browsers and use validation tools. However, I have found it helpful to use browsershots.org as well. They used to have IE options, but have recently removed that from their list. Unfortunately, that just displays how your interface will look and does not provide any functionality as to how your ...


1

Below you can see an example of a blue box with a black stroke, on the right there's a white overlay. You can see that this does not effect the black. Therefore, overlay should be the effect you are looking for. Hope this helps! :) PS.for future reference on colours, click here.


1

Try the following: Add a new blank layer at the top Fill it with white Lower its opacity to yield the flared look on the side you want, say on the left like this, ignore what happens on the rest Add a layer mask, fill it with gradient fill from black to white starting where you want the effect to start diminishing See the images below which show before, ...


1

If you can live without it being exactly 1px, you can use pure CSS on a single div by using a background gradient: div { width: 400px; height: 400px; background: linear-gradient(135deg, #ff3232 0%,#ff3030 49.6%,#d6d6d6 50%,#ff3030 50.4%,#ff0000 100%); } The catch is that you set gradients by % so you likely will never get exactly a 1px line in ...



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