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
1k views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
6
votes
3answers
764 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 ...
6
votes
6answers
30k views

Highest quality website screenshot?

I have created a website that i would like to add to my portfolio, but i'm having a hard time getting high quality screenshots of the full site. I tried to save the website as PDF, but that was full ...
6
votes
4answers
5k 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 ...
6
votes
4answers
4k views

Responsive web site mockup tools

I've always done web mockups in Photoshop, recently I switched to Illustrator because I thought it could speed up my work flow (And it did!) As I design more and more for responsive web sites though, ...
6
votes
2answers
769 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
4answers
25k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
6
votes
3answers
339 views

How do you deal with amends from a client?

I'm a web designer currently working with a very demanding client. I presented them with designs back in May and I'm still working through amends with them. They are making changes to everything and ...
6
votes
1answer
2k views

Is there a standard file size recommendation to optimize web images?

I remember, during college (2008), my web design professor made a point to keep all images' file size at/below 40K (didn't matter what the dimensions). I have made an effort to do so ever since, ...
6
votes
1answer
8k views

Export a single object in Illustrator without the other objects to SVG code

So I am pretty much desperate by now. I am a web developer and -designer, but I don't use Illustrator. I just don't need it at all. The file that I got from the graphic designer contains two ...
6
votes
1answer
318 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
2answers
294 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
4answers
2k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
6
votes
3answers
550 views

How to explain “achieving good Usability”

I have a quite hard task right now: I need to explain agencies and graphic designers, how to design a usable website concept and visual design. The goal is to give designers a ...
6
votes
1answer
1k 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
4answers
8k views

What to do with these errors when I open a PSD file in my Photoshop CS3 (Windows 7) while PSD is made by Photoshop (Mac OSX)

I'm a Web Designer and when I open some PSD files in my Photoshop CS3 (Windows 7) I get these messages pop-up before to open PSD. My fellow designer use Photoshop on Mac OSX. Error 1 Some text ...
6
votes
1answer
8k 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
676 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
2k 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
385 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
341 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
10k views

What is a good general document size for web page mockups and prototypes?

I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or ...
6
votes
2answers
288 views

Efficient workflows for handing off designs to developers

I work as a UX/UI designer for my company's web sites. After I make the designs, I send the mockups to web developers, who implement them. It's a little more collaborative than that, but that's ...
6
votes
1answer
760 views

How to teach a print designer to design for web?

I'm a programmer (not a designer) and I work with various designers in the marketing industry. A typical project will consist of a designer coming up with a design for a web page and then handing the ...
6
votes
3answers
4k 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
4answers
2k views

What is the difference between layout and design?

I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my ...
6
votes
1answer
321 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
595 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
2k views

How to tell my boss his webdesign attempts are bad/hopeless?

I'm a web dev. My boss is an outdated physical media designer. We're working together on a relatively huge food delivery web system. He just keep coming with these poor and ugly layout ideas. Clearly ...
5
votes
6answers
953 views

Does using Dreamweaver help to produce better aesthetic designs than hardcoding HTML and CSS?

I have some professional web development experience, and I always hard-coded all the HTML and CSS in simple text editors. I don't think the aesthetic appearance of my websites is bad at all, but when ...
5
votes
4answers
1k 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
8answers
3k 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
1k 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
7answers
2k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
5
votes
2answers
7k 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
5answers
8k 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
2answers
13k 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
4answers
708 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
6answers
14k views

how to add one smart object in multiple files in photoshop?

I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what about Smart Objects placed across DIFFERENT documents? That would be ...
5
votes
5answers
1k 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
3answers
537 views

Changing icons or graphics based on user geographic location/language?

Inspired by this question on international police icon, I started to wonder If there is a reasonably simple way to replace an icon depending on browser language? ...and if anyone has come across ...
5
votes
5answers
3k views

How to optimize images to improve pagespeeds / webpage loading times?

This is almost a StackOverflow question, however it's completely related to Photoshop and other tools. With every Pagespeed test I do for all my website I get the comment "Optimize images by lossless ...
5
votes
5answers
589 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
6answers
21k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
5
votes
5answers
214 views

Design software that allows reuse of common elements, like the DRY principal of programming

Often when I am designing for the web (be it mocks, or full spreads of websites) I have many repeating elements throughout my document. I am looking to follow the Don't Repeat Yourself (DRY) ...
5
votes
6answers
1k 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
900 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
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
2answers
14k 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
4answers
198 views

Do front end developers need to know how to use Photoshop?

I'm a front end developer that has never used Photoshop before and always designed my websites in browsers directly. I know that website development has changed a lot since responsive design came into ...