Questions about designing the aesthetic look of websites, both practical and theoretical. For questions about coding the structure of a website, please go to Stack Overflow. For questions about the user experience, please go to UX.SE. Ask anything related to designing graphics and visual layouts ...

learn more… | top users | synonyms (2)

6
votes
5answers
5k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
6
votes
2answers
4k views

What is the fastest way to copy a colour in Photoshop as HEX?

A lot of designers use Photoshop as a design and mockup tool. And in doing so, one of the last steps can be to get a lot of the colour information out so things like gradients and dynamic text can be ...
6
votes
3answers
2k views

Vertical rhythm/baseline grid in Web Design

I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
6
votes
1answer
83 views

What are the relative advantages of flat design, material design and skeuomorphism?

I've been looking at Google's guidelines for this thing called "material design", and I've been following it some. However, I also see a lot of sites using flat design: Twitter, Codecademy, and Gitter ...
6
votes
2answers
511 views

Qualities of a full-page website background image

We are trying to create a web page with a full-size background. The following pages are our inspiration: http://www.august.com.au/ http://www.levehytter.no/ http://danielfiller.com/ We have ...
6
votes
2answers
1k views

What are some good resources for web page composition?

I'm looking for resources on the composition of web pages. I'd like to learn about pros and cons of different page layouts and techniques for moving the eye around a page.
6
votes
2answers
273 views

Graphic Design Conferences

Does anyone know of good/reputable graphic design conferences/conventions in the states? I'm looking to attend one that focuses both on web and print design. Your recommendations are appreciated.
6
votes
1answer
249 views

What's the name of this staggered portfolio style?

I've been trying to figure out the name of this portfolio style. Is it as simple as Staggered? I'm attempting to do something similar, but I have no idea what the style is called. I've searched ...
6
votes
1answer
748 views

Font copyright when used in images (Helvetica)

I have a specific Helvetica font that I use for text within graphics I am creating for my website, i.e. buttons, pictures. Do I need a licence or is it sufficient just to have purchased the specific ...
6
votes
1answer
6k views

Illustrator EPS File To PNG Web Logo - Print Quality

I have been provided a typographic logo in an EPS format and I am creating a PNG with it (File | Save For Web & Devices) to be used on a web site. One of the pages on the web site is a "print ...
6
votes
2answers
401 views

Studies about people's reactions to fonts and color schemes?

I'm a pianist, composer, and teacher, and I'm building a website to promote myself. I want the site to convey both a sense of elegance and old-world discipline, but also sleek modernity. I was going ...
6
votes
3answers
1k views

How to give a site a mockup look?

Edit to clarify Thank you for the existing answers. I am afraid that you misunderstood my question. I don't want to create mockups (I have some, but they are not suited for my current purpose). I want ...
6
votes
3answers
309 views

How should I add a realistic shadow to this?

I'm working on a mockup of a jQuery slider which can be found here. Now, I'm not the best graphic designer by any stretch of the imagination, and I can't seem to be able to get a realistic looking ...
6
votes
4answers
260 views

Text flow - when to say “no”?

What do you folks use as a general rule of thumb for flowing text around embedded images? I know everyone's got different preferences in addition to standard rules; is there any time when you will ...
6
votes
4answers
3k views

Gutters - Padding and Margin for Columns with Background or Border

What are the recommended design guidelines for gutters when a column (or box, or any layout module) has its shape clearly visible because it has its own background or border? Typically one would put ...
6
votes
3answers
448 views

How can I take my graphic design to the next level?

I'm a full-time professional designer in the early middle of my career -- I have been working as a designer full-time for 15 years. I create lots of work that I am very proud of. However, when I look ...
6
votes
3answers
2k views

Tools to simulate different DPI screens?

When designing for mobile web, its important to check designs at the physical screen size of target device. Merely looking at your PC / Mac screen at designs of the same resolution isn't enough: * ...
6
votes
2answers
4k views

What are the branches of Graphic Design

Does anyone know what is the full-branch of Graphic Design and the title for the person doing it. Graphic Design |- Web Design - Web Designer |- Illustration - Illustrator |- Photo Manipulation - ...
6
votes
1answer
230 views

What are some techniques in designing around a colorful logo?

I usually have to make websites based around logos that are very colorful (4-5 colors). Let's say the colors of the logo is similar to the logos of Chrome, eBay, Joomla, MSN. What are some of the ...
6
votes
4answers
183 views

Titles and Menu items in lowercase, uppercase, serif or sans serif?

Im building a new wordpress website and need some input. The question is - should i use lower or uppercase - serif or sans-serif for my post titles, widget titles and menu items? Which is the best in ...
5
votes
4answers
801 views

Is DreamWeaver more efficient rather than coding manually

I have a client who want's me to use Dreamweaver for a project. I've always used Photoshop and Illustrator for mockups and coded the CSS manually (Actually I use SASS/SCSS). Does using a program like ...
5
votes
3answers
59 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
5
votes
8answers
2k views

Is there graphic design software made for beginners, suitable for designing websites?

I'm teaching web development to beginners, and it would be useful to show them the basics in design, meaning using a graphic design package to come up with a layout, before turning it into code. To ...
5
votes
4answers
698 views

Am I working too slow?

I'm working as an UX designer for a startup studio that develop internet products and web services. So, i started 3 months ago, my boss's strategy is to develop some experiments and then collect ...
5
votes
2answers
4k views

Why do logos appear on the left on the overwhelming majority of websites?

The title really says it all. I mean, is there a particular reasons for which logos have to appear at the upper-left corner and not, say, in the upper-centre? Example: all Stack Exchange sites, ...
5
votes
2answers
6k views

Colors to use with black background?

Is using yellow text on a black bg bad as Mike pointed out here? If yes what colors should I use (RGB or hex values)?
5
votes
4answers
444 views

Under whose name does an outsourced graphic designer go?

I have a web design company. For artistic graphics I hire a Graphic Designer to do it for me. Obviously it hurts my business if it is known that I outsource so the designer uses an email address from ...
5
votes
2answers
10k views

How can I achieve the “bent paper” effect in photoshop?

I've seen design elements on webpages that contain a "bent paper" effect. In other words, it looks like the paper is shaped in an arch, based on the visual perception of the shadow. How do I achieve ...
5
votes
7answers
8k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
5
votes
5answers
420 views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
5
votes
5answers
904 views

Tasteful Alternative to Marquee

So a client of mine is making repeated requests for things that were "cool" when her website originally launched in the late nineties. One feature is a scrolling marquee that just says "welcome to ...
5
votes
5answers
472 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
5
votes
3answers
565 views

Is there a short authoritative reference of basic design rules and principles?

As a web developer, I often find myself working with different non-professional self-called designers. In such situations, I often have to explain them the most basic rules and principles about the ...
5
votes
5answers
14k views

How can I make my photoshop fonts appear like they do on the web?

Do I really have to design everything in photoshop with anti-aliasing set to "none"??? I'm sure there is a better way. I'd like to have a setting so that when picking a basic web-safe (such as ...
5
votes
5answers
2k views

How can I get more efficient at designing tables for web in Photoshop?

It takes me too much time (IMO) to design tables in Photoshop. I need to move rows, columns and stuff easily. I'd like to be able to get through this faster. I've tried InDesign and Illustrator and ...
5
votes
4answers
4k views

Google Web Fonts or Typekit?

As a graphic designer, I do website designs, but not the development. Someone asked me today if I know about Typekit, and I hadn't heard of it so I googled it, and it seemed pretty much like a paid ...
5
votes
3answers
579 views

Is NDA necessary for this?

I have a client that requires me to submit at least a homepage of my proposed website design. However, I just recently known that he already contacted some other freelancers who incidentally are my ...
5
votes
2answers
16k views

How to convert text paths to editable text in an .eps file downloaded from Shutterstock?

I am an experienced PHP programmer, but very new to Illustrator. Finally, the time has come that I need to download artwork from Shutterstock (shutterstock.com) for use on a customer's website. The ...
5
votes
2answers
7k views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
5
votes
2answers
492 views

Is it okay to purchase stock images in the developer company name?

We've used some stock images (vector graphics) on a Flash website we created recently. We're just about to purchase a web license for the same that allows "unlimited use of the vector graphic on ...
5
votes
3answers
17k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
5
votes
4answers
916 views

Can you recommend web design books/tutorials that teach specific design techniques?

Other questions that deal with book recommendations do not address my particular need. I'm looking for web design books that teach me how to design using specific techniques and elements. Such as ...
5
votes
4answers
835 views

When to break out of a grid in webdesign?

Grid systems like the 960 grid and BluePrint can be useful to place the main elements for a website in a mockup: header, slider, content blocks, sidebar, footer etc. But do you use the same grid ...
5
votes
3answers
1k views

How to design web pages around a big logo?

I'm currently designing a website for a place that uses a large circular logo. Their logo contains an image as well as text. The problem I'm running into is fitting this logo into the web design ...
5
votes
3answers
345 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
5
votes
2answers
155 views

Is this an effect or a type of font?

I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
5
votes
4answers
897 views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
5
votes
3answers
157 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
5
votes
3answers
948 views

Advice for creating a fluid and responsive graphic

So I'm creating an entirely responsive website, with the aim of using as few media queries and magic numbers as possible. I've found after a number of attempts, that using the content to create the ...
5
votes
1answer
658 views

Any idea when blending modes might be implemented in browsers?

I think it would be great for div's/img's to get some of the functionality that "layers" have in photoshop. Right now, using .png's, div's/img's/etc.'s have their RGB and alpha values. If you have a ...