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
1answer
217 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
187 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
76 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 ...
1
vote
3answers
3k views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
5
votes
5answers
182 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) ...
1
vote
2answers
3k 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
196 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 ...
7
votes
4answers
7k views

A good monospace, condensed and open-source typeface?

I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed). The reason for monospace is that these reports will contain a lot of numbers and we ...
3
votes
4answers
645 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 ...
0
votes
0answers
62 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
145 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. ...
2
votes
4answers
285 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
220 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 ...
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?
1
vote
1answer
297 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 ...
-1
votes
1answer
118 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: ...
0
votes
2answers
115 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
57 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 ...
1
vote
5answers
2k 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 ...
-2
votes
2answers
99 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 ...
0
votes
0answers
348 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 ...
2
votes
6answers
500 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 ...
11
votes
4answers
8k 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
129 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
122 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, ...
0
votes
1answer
66 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 ...
5
votes
2answers
139 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
94 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 ...
5
votes
6answers
14k 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 ...
4
votes
4answers
5k 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 ...
5
votes
7answers
10k 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
232 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
156 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
291 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
51 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
16k 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 ...
6
votes
3answers
14k 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
270 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 ...
36
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
106 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
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
2answers
297 views

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

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 ...
10
votes
5answers
1k 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
vote
1answer
102 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
113 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?
20
votes
4answers
32k views

Favicon Best Practices 2014

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
0
votes
3answers
1k views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
3
votes
1answer
9k views

How do I export a JPG with the same color profile as my Photoshop workspace?

I created a design for a webpage in Photoshop and got all the colors looking perfect. However, when I export it to a jpeg and view it outside of Photoshop the colors are completely different. If I ...
-1
votes
0answers
121 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 ...
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 ...