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)

2
votes
4answers
115 views

How should I prepare my fonts to support a Chinese version of my website?

Wondering... Should I first make sure the font I selected for English supports Chinese characters as well, or after selecting any font for English then search for other font for Chinese that matches ...
-1
votes
2answers
79 views

Does my very ugly website violate any general tenants 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 ...
13
votes
7answers
2k views
+200

Good place to start learning web design?

I'm very interested in learning web design and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's ...
3
votes
1answer
179 views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
3
votes
2answers
20k 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?
3
votes
5answers
185 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. ...
-1
votes
4answers
59 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 ...
1
vote
3answers
307 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
vote
1answer
47 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 ...
-2
votes
1answer
49 views

Cant Change Font Face in CSS [on hold]

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: ...
0
votes
2answers
81 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 ...
2
votes
3answers
256 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 ...
8
votes
2answers
746 views

What's the best way to animate an illustration for the web?

I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is ...
4
votes
5answers
1k 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 ...
0
votes
0answers
26 views

How to make different buttons active inside a symbol (website header) in Sketch?

I'm designing a website in Sketch for the first time. I'm getting used to working with symbols, and they are a huge timesaver. Now I want to make my website header a symbol, so that when I have to ...
31
votes
4answers
149k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
1
vote
5answers
126 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 ...
1
vote
1answer
129 views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using wordpress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
-2
votes
2answers
74 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 ...
23
votes
3answers
2k views

How can I improve my color selection skill?

I'm a web developer, started to become a web designer. However, I think my understanding of colors is not practical yet. There are tools out there that can give you color harmonies, and more stuff, ...
0
votes
0answers
39 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 ...
4
votes
1answer
189 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 ...
1
vote
5answers
190 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 ...
2
votes
6answers
316 views

Client wants to remove footer on certain pages, should I?

I have a client who insists that we remove the footer from certain pages under the guise of 'the footer will distract people and they will leave the site/not finish the journey'. To me, this sounds ...
6
votes
4answers
2k views

What is the difference between “flat style” and “material design”?

After Windows 8 came out all spoke about "Metro UI" and later about the "Flat design". Now, after Android Lollipop came out all speak about "Material design". Can somebody explain the difference ...
3
votes
2answers
93 views

When trying to achieve the “ideal” letter count per line how do you balance container size and font size?

“Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both ...
1
vote
3answers
111 views

Content as the whole page or just the content area?

This is an opinion question that I go back and forth on every time I start a new project. In most cases, I am designing a website that has some sort of "article" element, whether it be a blog post, ...
-2
votes
0answers
21 views
0
votes
1answer
24 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 ...
4
votes
2answers
89 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 ...
0
votes
1answer
63 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
121 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 ...
0
votes
4answers
129 views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
2
votes
4answers
95 views

Fixed size image on screens and paper?

I'm looking for an image format (I guess) that can be used for web images as well as for printing (on paper) directly from any platform/browser so that the images have the exact same sizes on paper ...
3
votes
6answers
8k 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 ...
3
votes
2answers
3k 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 ...
3
votes
4answers
3k views

Given a color scheme, how do I apply to website design?

Just so there is something concrete to discuss, say I have this color scheme: http://www.lavishbootstrap.com/?image_url=http://design-seeds.com/palettes/12/SpringTones505.jpg There are many articles ...
1
vote
2answers
133 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 ...
3
votes
7answers
7k views

What is the exact role/relationship of photoshop in web design?

I'm confused about the relationship of Photoshop (and any other image processing software) in web designing. I can see countless tutorials anywhere teaching on how to make web layouts from scratch, ...
0
votes
1answer
162 views

How to visually differentiate between manual and automatic edit capabilities

I'm having some difficulty find an icon or solution to differentiate operation in the same table, but with different origin. In my table I have operation imported from a central system and others ...
-1
votes
2answers
109 views

illustrator pencil tool jagged line problem

I used pencil tool, but almost lines are jagged. I checked anti-aliased art work in preference setting, but it can't solve the problem. and I will use the picture for web. (700px * 344px) It is okay ...
-2
votes
2answers
74 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 ...
0
votes
0answers
23 views

Color blending options (Multiply) in a web context? [migrated]

We have a customer who has created an animated graphic (using AI & After Effects). The graphic is essentially 3 overlapping donuts (can't post right now for "obvious reasons") Each donut isn't ...
1
vote
1answer
35 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 ...
3
votes
11answers
5k views

How can I find out what RGB colors a website uses?

I want to learn the CMYK/RGB or any other details of a colour on a website. Say the side/background of this very website. I want to recreate that colour. Can anyone help me? Or is there any specific ...
5
votes
3answers
7k 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)?
2
votes
1answer
135 views

Adobe Illustrator 'Align to Pixel Grid' Problems

I'm using Adobe Illustrator to produce the UI designs for a complex web app and I need pixel accuracy. However, Illustrator seems to be a bit of a pain when it comes to pixel accuracy as its not doing ...
33
votes
13answers
2k views

What web graphics formats to use?

Web sites can contain JPEG, GIF,PNG, SVG format graphics. Which ones should be used, and when?
0
votes
1answer
67 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, ...
0
votes
0answers
25 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 ...