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)

-3
votes
1answer
90 views

Where do I find backgrounds like this? [closed]

I saw this shot uploaded to Dribbble some weeks ago. And I really like the use of the backgrounds. Does anyone know where I can find backgrounds like it? I want ones with something like mountains or ...
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 ...
1
vote
1answer
149 views

What should I look for when critiquing a design, specifically the design of a website? [closed]

I'm aspiring to be a front end developer and as far as that goes I am pretty comfortable coding for the frontend. I would like to improve my design skills. I would like to know what to look for when ...
-1
votes
2answers
589 views

Recreate a 3D rotating prism effect in a web browser

I'm trying to find a way how to do this 3D Transition when box hover my self. I know when I look to it that it's made using CSS 3D & parallax effects. Is there an already made jQuery plugin or ...
1
vote
3answers
18k views

How to Reduce the size of a .png with in PS for web

I currently have a .png file that is 2042 x 1250 and is 6.1 MB. When I open with photoshop, and do Save As-> PNG 24, and choose the compressed file size of the two options (the other being no ...
0
votes
0answers
23 views

Graphic Design for developer [duplicate]

I'm a experienced developer on C++, Java. Currently I'm developing my site to show my apps and my work. I've seen many beautiful sites of front-end developers, agencies and companies. For example: - ...
1
vote
0answers
47 views

looking for “online book” resources/examples [closed]

I was given an assignment at work to redesign a manual (about 350p), or textbook if you will, for both the print version, and create a web version as well, (to include video and interactive elements). ...
0
votes
3answers
3k views

Exporting a high res logo for web in Illustrator?

I have created a logo in Illustrator that I have used for printing but now need it for a website. How do I convert it so I have a high resolution image for the web? I am not web savvy, it's the first ...
0
votes
0answers
35 views

Better modern backgrounds for web page elements [duplicate]

This post is inspired by banners from Deus Ex. Backgrounds are remarkable and I can see it as a huge potential for the web today. General question is what are the means of achieving something ...
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 ...
2
votes
1answer
145 views

The use of punctuation marks on web links

On a web link or address (printed or online version) Case 1) If I have a reference for a link on a web page inside a paragraph, like this same example http://graphicdesign.stackexchange.com. <= ...
0
votes
1answer
129 views

Web page animation vs. adding simple sound

I have a book featured on my website front page and want to arrange links in the pages, so that when a user clicks on the links, they will hear the sound of a turning page, and see a page turn. Is ...
5
votes
1answer
243 views

Does this Chinese font fit in with our brand?

We are about to make the Chinese version of our charity website live but I'm not certain about the font we are using. Our Chinese office say they are happy with the system default but they don't have ...
4
votes
4answers
501 views

Best way to send client designs

I have several design ideas wich I want to send to a client, although the easiest way is to send them an email with the images attached then get feedback and send another email is there an easier way? ...
-2
votes
1answer
891 views

How to custom hexagon shape in Photoshop

I love ask question button style in this site I'm trying create it in photoshop, when I scaling the hexagon shape it looks very bad, as image below. Please anyone give me advice. Thanks in ...
2
votes
1answer
411 views

How can I make a white background area appear raised against a white background?

When working with dark themes, it's easy to make areas appears to be raised or sunken by changing the background color of the raised or sunken area slightly, and by adding borders to the top and ...
0
votes
3answers
224 views

Rapid web development tools and choosing color palettes

Recently I have started creating website designs. I found out that the way I do it is very unproductive and takes forever to finish. I tried drawing it on paper, then doing it in HTML/CSS, but found ...
2
votes
1answer
115 views

Is there a good source for ANSI character sets for typography testing in web design?

Since clients like to see a visual example of typography I am looking for a way to test and display fonts chosen by client's that will include a full master list of all possible ANSI character sets ...
0
votes
0answers
74 views

How to create a template for UI elements?

I was reading through photoshop etiquette (http://photoshopetiquette.com/) site and was wondering what they meant by "Make a template for UI elements"? Does this mean create a new document solely ...
-2
votes
1answer
275 views

Do people read paragraphs with font's size bigger than 18 px [closed]

I have felt always there are good for one lines. But when you have even small paragraphs, big fonts with big line heights gets in the way of reading. Like you have to struggle just to read them. ...
1
vote
4answers
352 views

Does my very ugly website violate any general tenets of graphic design?

I'm learning how to use AngularJS (a Javascript framework used in web development), so I decided to throw together a website to test out some of its features. The website is mostly comprised of ...
3
votes
3answers
12k views

Website header graphics size and format

I am making some graphics for a website header. I will be drawing them in Adobe Illustrator. How large should I make them so that they do not end up blurry and how should I save them? Any ...
-1
votes
1answer
175 views

Cant Change Font Face in CSS [closed]

I am making a Responsive Webpage Using BootStrap. That Have "helvetica neue" Font By Default. But It Doesnt Suit to my Web Page. So I Had used Custom Google Fonts. For Import: ...
3
votes
4answers
770 views

Critique: Scrollable flyout nav menu

I'm working on a new nav menu for my company's web app. I took loose inspiration from Google's material design tabs where, upon page overflow, arrows appear and the tab section is horizontally ...
1
vote
1answer
463 views

What's more important, baseline font-size or baseline line-height when creating grids based on a modular scale?

I'm trying to understand grids based on modular scales and how to use them in web design. From what I understand, there's two ways to decide a baseline value for your scale...using your baseline ...
0
votes
2answers
131 views

Please critique my pending website's home page with these two questions:

I have the following questions regarding my design: Does my website have a professional, high-end feel? Why are why not? Does my current "Call To Action" button stand out or can you find it easily ...
0
votes
0answers
615 views

Photoshop and browser: how to get the colors right?

Ok, I'm designing for the web and I had different colors in Photoshop (Windows) and Chrome, so I started searching and found contradicting tips and I have no idea of what should I do now. Windows ...
-3
votes
2answers
111 views

how to design visually beautifull websites? [closed]

I have a good knowledge of HTML, CSS, Javascript and ... and I can make an entire website in 2 or 3 days but I don't know how to make it beautiful an attractive!! can you tell what should I do coz I ...
4
votes
4answers
400 views

Resources on producing responsive design wireframes and artwork, for graphics designers

We're developers who partner up with a graphic design studio for our project artworks. Some times they even bring in the clients themselves and we both cooperate to get a development project done. ...
3
votes
6answers
488 views

Is a poorly designed website better than no website for a commercial enterprise?

For businesses, a website is a channel of communication. For all except web-based businesses, it's not the only channel of communication available. Given that anyone could make a DIY website for next ...
0
votes
1answer
89 views

Can a custom action be saved with the PSD document?

I want to send a PSD file of a webpage to the developer to show him some functions. I created actions of some pop-ups opening, but I can't find any information on how to save the actions with the ...
0
votes
1answer
110 views

How to make my magazine online?

I have created magazine in iD for print. Therefore its size is very big. How can I comprime its size so I can use it online? Maybe some settings of iD would help or software? How do you publish pdf ...
0
votes
4answers
5k views

Best Adobe product for web designing?

I've been using Photoshop for the last 2 years to create mockups for my sites, but the biggest problem I find with Photoshop is its terrible way of rendering text in a web-realistic way. Is there an ...
5
votes
2answers
174 views

Are single double quotes an acceptable deviation from typographic rules?

I've recently noticed websites with pull quotes with only a left-hand quote. There are two basic scenarios: Left hand quote is used as a graphic element to indicate a quotation follows.* Quote ...
-2
votes
2answers
512 views

960 grid's indesign template - pinkish background

I am a new InDesign user and in the 960 grids' indesign template there are pinkish backgrounds filling the columns. -- EDIT -- I am asking that in indesign with which element the pinkish areas are ...
1
vote
1answer
62 views

How to design a screen where the user only has very few but important options? [closed]

Alright, I am redesigning a multi-step process where the user adds new contacts to his/her address book. In the first step, the user chooses between three possible addition methods: file import, crm ...
2
votes
4answers
473 views

Preserve blend mode effect when underneath layers are disabled? (Photoshop)

So I'm working with this image: And I'm hoping to achieve an effect with it similar to what was done on this website http://www.digitalhands.net/, where independent image layers respond to mouse ...
3
votes
5answers
5k views

12pt in Photoshop looks totally different in Web

we are creating a website right now in Photoshop and we are using 12pt for the fonts. But when we see the fonts in web with 12pt they look much bigger. It seems that we have to use 12px in web so it ...
-3
votes
2answers
412 views

Alternatives to jQuery for simple, backwards compatible, client-side website animations? [duplicate]

I was recently looking for an alternative JavaScript animation library, because for the few simple animations I wanted, a ~200kb jQuery library is not the best option. After a bit of searching, I ...
1
vote
1answer
107 views

How to prepare Photoshop to design a Website

I'm having some trouble finding out how to prepare Photoshop to design a Website. When i try to program what i draw, the measurements are never correct. Always bigger. Is there a way for me to design ...
3
votes
1answer
158 views

How to preview image in monitor

I found this nice looking image: I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?
0
votes
1answer
121 views

Winter Bash 2014 Graphic Design

Merry Christmas, everyone; my expertise lies not in web design, though I have had a little experience in the past. I really enjoy the design of the Winter Bash 2014 page. It is soothing to look at, ...
1
vote
2answers
12k views

How to save logo for web from Illustrator (logo looks pixelated after uploading)

Every time I try saving my logo from Illustrator, it comes out blurry. The logo was done in Illustrator (as a vector file). I tried tracing the outline, rasterizing, saving in all types of ...
2
votes
2answers
431 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
12
votes
5answers
3k views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
-1
votes
0answers
171 views

Is Red Or Blue is good choice for main color [closed]

My Client's logo contain 2 colors First one is blue (Text Color) and after text, there is red arrow, Now Problem is that He give me one ready made HTML theme (From One of online template selling ...
0
votes
0answers
27 views

Responsive Images in Practice: @2x images [duplicate]

Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)? Trying to figure out my workflow for creating retina (@2x images) and this affects how ...
3
votes
1answer
94 views

What is this triangular part of a sidebar menu called?

I've circled it in red. What is the design name of this element?
7
votes
8answers
1k views

How do you present interactive webdesign?

The interactivity becomes more and more presents in our design for the web, but has anyone found a good way to presents the interactivity to the client ? I talk mainly about the small animations like ...
3
votes
3answers
249 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...