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)

5
votes
1answer
265 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
5
votes
3answers
6k views

How to handle multiple page design projects in Photoshop

Recently we have moved from using Fireworks to using Photoshop for mocking op website designs. As I've been used to Fireworks for doing this, I'm running into some issues organising my mockups. Where ...
5
votes
2answers
7k views

Photoshop on a retina screen, how to fix? [closed]

I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine. I'm quite upset with this computer as it is a pain to do web design in, ...
4
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 ...
4
votes
6answers
925 views

Is it possible to prevent download of images when designing a website?

Say you wish to provide sample high-quality images in your website but also wish to protect them from download, as in you can view them on screen but can't save from the website. Is there a way to do ...
4
votes
7answers
3k views

Is there any learning service like Pluralsight but for design?

Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to ...
4
votes
3answers
2k views

How to design sites with dark colours (red and black palette)

The graphic designer for my club created a red and black logo (major color is black highlighted with red). Everyone thinks it looks great, and I agree. The issue lies with designing the site. We've ...
4
votes
5answers
192 views

How to separate a dropdown from the page background when it's the same color?

To get straight to the point, this is causing trouble: The menu on top (work news about media) is a dropdown menu. The problem is that it has a white background, and the page is also white, and the ...
4
votes
5answers
199 views

What is the best way to design for a group where multiple people have equal input?

I am building a website for a student organization. Although I'm a novice at graphic design, I can do basic sites (bootstrap is a lifesaver) and am moreso of a pro when it comes to development. The ...
4
votes
4answers
561 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
4
votes
3answers
990 views

Should your website and logo have the same color scheme

I am working on a completely new blog from scratch. New logo, branding, house style, everything needs to be done. Now the logo that is designed for the website has 3 colors, brown, green and black. ...
4
votes
2answers
2k views

Can you use PowerPoint images on your website?

Is it all right to use powerpoint images on your website? For example, If I draw an arrow using the shapes tool, can I then cut the image from the powerpoint and save it, Then use it on my website? ...
4
votes
2answers
190 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
4
votes
6answers
191 views

How can I quickly design websites without being too detached from the actual web platform?

The reason why I'm asking is because while tools like Photoshop and Sketch are great at building mockups, they are very far from the reality of how the web will look and feel. The fonts they render ...
4
votes
4answers
312 views

What does a tagline in a website header communicate by being there?

A client is asking to include a tagline in the header of their website, they are a premium agency. I lean away from this because what ever I do to try to include it, seems to take away from the ...
4
votes
1answer
5k views

Add a hyperlink within Illustrator

Is it possible to add a hyperlink to an object or a layer within Illustrator CS6 for a later SVG export? I know about the possibility to manually edit the exported file and wrap elements with an ...
4
votes
4answers
393 views

How to get bokeh images to use in web design?

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as ...
4
votes
5answers
667 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 ...
4
votes
2answers
1k views

Composition web design rules

Are there any rules that are specific to web design, or that are otherwise elevated in importance in the context of web design? Edit: I'm thinking that there are probably some aspects of composition ...
4
votes
3answers
715 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
4
votes
1answer
280 views

Internship or Spec Work?

This is not strictly a design question, but it's the only area I could find similar topics. I've just completed a Bachelor's in Web Design & Development and have been casting a wide net for ...
4
votes
2answers
466 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
4
votes
3answers
3k views

Save individual element in PSD as an image

I am developing a site and got given the design as a PSD, my question is, can I select an individual element, say the social media icons, and save them as an image? What I have been doing so far is ...
4
votes
2answers
1k views

Looking for suggestions for making type more readable with a drop shadow

I want to show a menu with indented items on top of a black background. I tried a lot of colors but can't find the right ones. I'm using css property text-shadow: text-shadow: 1px 1px #191919 , -1px ...
4
votes
4answers
3k views

Can I use vector images to increase site compatability?

I am familiar with vector and raster images, in theory. In practice I don't know how to use vectors properly. Can vector images be used in a web pages to increase site compatability? For example, ...
4
votes
2answers
3k views

On which occasions would you use italics in web design?

In which occasions you would like to use italics in web design? Because the use of bold fonts is quite obvious not sure about italics.
4
votes
2answers
1k views

Should I use Hex or RGBA when designing a website?

I know this has appeared on StackOverflow already: Are there any good reasons for using hex over decimal for RGB colour values in CSS? Use HEX or RGBA But I'd like to ask on here since we're ...
4
votes
3answers
312 views

What factors do these colors share?

Colors below seem to share some kind of "tone" together. For example, colors like this or this seem too bright to fit into this group. What exactly makes this "tone"? I want some technical ...
4
votes
4answers
830 views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
4
votes
2answers
244 views

Talking about Front End Web Development frameworks from a designer's perspective

I am a Web Developer working at a company where the fronted framework we have selected is Angular JS. I am now in the position where I am the 'resident expert' whatever that may mean. I have been ...
4
votes
2answers
589 views

How to maintain color consistency across a website

I am a web developer struggling with design issues. I have a blunt eye for colors and my design skills suck (I try to improve though). I'm having issues with the feel of particular pages, I wonder if ...
4
votes
2answers
272 views

How to choose a color palette for a website

We're completely color illiterate on our team. Our internal site has a lot of black and white, but I've heard that too much contrast is bad. And people don't respond well to the look of our site. ...
4
votes
3answers
1k views

Best calculation for leading in web design

This is an area I always dislike when in the design process of a website. That being said I'm trying to be more efficient and I wanted to know when some use a sans serif or serif font how do you ...
4
votes
2answers
450 views

How do I replicate these two effects in Photoshop?

I am having trouble finding help on my own since I do not know the names of these effects. Here's the reference image: How do I replicate the impressed circle effect behind the button? I tried ...
4
votes
6answers
683 views

Modern design - What's that?

I am working on redesigning my website and iterating through fivesecondtests. The overall feedback is improving but no matter what I change, several people have mentionned that my designs look ...
4
votes
2answers
4k views

How to “draw” pointed corner drop shadows in Adobe Illustrator CS5

I have this image which I want to re-draw/reverse engineered so that I can use it at different sizes as resizing it cause it to look bad. But I can't seem to figure out how to do it. The drop ...
4
votes
2answers
946 views

Web font that supports some basic music symbols

I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would prefer to display the correct flat and sharp symbols. It ...
4
votes
4answers
7k 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 ...
4
votes
2answers
24k views

What's the best way to create custom grid lines in Photoshop?

Is there a way to quickly define a baseline grid on photoshop using the guides tool? For example, if I want to create a 24px vertical rhythm, can I do this quickly on PS?
4
votes
3answers
322 views

Do and don't do with styling <html> and <body> tags

When I look at some CSS style for a web page, I typically first look at styling the <html> and <body> tags and then I look at other sub-elements. The styling of <html> and ...
4
votes
2answers
188 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...
4
votes
3answers
18k views

Best image dimensions for downloadable wallpaper, for PC, HD, mobile and tablet?

Let's say I wanna make a website that would allow a user to download a wallpaper in sizes for PC, HD, mobile and tablet. What are the top used / best image dimensions I should host?
4
votes
1answer
248 views

How can I create imagery for cyber security and cyberspace general while avoiding that late 90's early 2000's look?

If you were to do a google image search for cyber security you'd see exactly what I mean. Even the slickest images representing cyber security or cyberspace seem to fall under a style that IMO is very ...
4
votes
1answer
364 views

Creating a pattern from an image

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)? Thanks!
4
votes
3answers
2k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
3answers
3k views

Export InDesign layers to Photoshop

I have created the design of a website in InDesign (big mistake, I know...). The developer wants to have my layers in a Photoshop format. I do not want to start everything from the beginning. What can ...
4
votes
1answer
200 views

How to distinguish between links and headings without colour variation?

Yes, I know that I shouldn't make links and text the same colour. But I am restricted by corporate guidelines. On the whole site, I am only allowed to use the company's shade of blue with a few ...
4
votes
2answers
332 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
4
votes
2answers
212 views

Do Stats or polls exist for the preferred style of website design?

I am looking for stats or polls that show what viewers like in a website design. I have seen stats about what browsers are commonly used, but I have not run across any statistics or polls to answer ...
4
votes
5answers
253 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...