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)

0
votes
0answers
5 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 ...
8
votes
5answers
195 views
+50

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
84 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 ...
1
vote
1answer
24 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?
1
vote
0answers
33 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 ...
4
votes
1answer
152 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 ...
17
votes
4answers
19k 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
0answers
17 views

Exporting to a png in illustrator [on hold]

I've been trying to save an Illustrator CS5 document to a web ready png but it isn't saving as the right colour values. I've converted it to sRGB in the document settings but it's coming up as a ...
1
vote
2answers
55 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 ...
0
votes
3answers
431 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 ...
45
votes
5answers
6k views

Are “web-safe” colors still important?

Years ago, it was always strongly recommended that web designers should only use web-safe colors. Have studies been done to see if this is still the case? If so, what's the answer? Does anyone know ...
3
votes
1answer
5k 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
39 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
780 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 ...
2
votes
2answers
51 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 ...
15
votes
5answers
43k views

is it mandatory to keep 72 dpi for web design? What if I create in 200dpi?

I have been designing web banners in photoshop for more than a year but never considered the DPI. I was using the default 72DPI, but now I want to know is it necessary to create web designs in 72DPI? ...
0
votes
0answers
13 views

Best DPI for Photoshop Design Files for Responsive Design for Desktop, Tablet, & Mobile [duplicate]

I'm designing a responsive site and am wondering what is the best DPI to start with? I'm starting with my homepage design for desktop. I think I have my widths (resolution widths) down. I need to be ...
3
votes
1answer
45 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?
6
votes
3answers
378 views

Why are circles used to draw a logo?

Recently, I started taking interest in logo designs and started replicating some famous logos. Soon, I came across this article about twitter's new logo, released somewhere in june '12 . On this ...
1
vote
5answers
15k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...
3
votes
3answers
63 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 ...
16
votes
8answers
4k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
5
votes
2answers
2k views

Illustrator image viewed at 100% is “tiny”

I'm a web developer and I love Photoshop but unfortunately I have some design mock-ups sent over to me in Illustrator. When I viewed the document at 100% the text isn't even legible on my monitor. At ...
19
votes
4answers
2k views

What are the steps in designing a website?

Calling all Web Designers :) I am starting to make a website for a small business in my hometown and it will be my first proper project. I have made sites in the past, which I have done for leisure. ...
0
votes
4answers
99 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 ...
0
votes
1answer
49 views

What should I learn to become a web design expert? I am from engineering background [duplicate]

I'm a computer science graduate having a passion for web design. Almost two years ago, I started learning web design. I designed few websites as well. Every day I try to improve my designing skills a ...
3
votes
2answers
2k 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 ...
0
votes
1answer
146 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
vote
2answers
226 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
3
votes
2answers
76 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 ...
3
votes
6answers
7k 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 ...
0
votes
2answers
91 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 ...
3
votes
3answers
10k 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 ...
1
vote
2answers
57 views

What should the dimensions be for a “coming soon” page?

Are there are standard dimensions for a coming soon page? I tried to google it and search for an answer on here but I didn't find any satisfactory answers. I mostly saw the dimensions recommended to ...
5
votes
3answers
102 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
0
votes
2answers
58 views

What should interaction between a UI Designer and a front end developer look like?

How should I write the guidelines for the design (colors, dimensions .etc) for the front end developer to use? At the moment I just create an overlay on top of my design and write notes in that ...
1
vote
1answer
95 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 ...
3
votes
1answer
92 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 ...
1
vote
1answer
64 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
2
votes
3answers
1k views

Which Photoshop features are affected by different DPI or PPI tags?

A Photoshop document‘s physical size, pixel density (DPI/PPI) and pixel dimensions are all linked. Bitmap images contain bitmap data, which are a specific size (pixel dimensions). They also contain a ...
12
votes
3answers
8k views

Charging an Intellectual Property transfer fee for design work

So, you've finished a design job (eg. a logo design) and the client asks for your IP surrounding the logo, eg copyright, original artwork files, notes, sketches, all of that stuff that went into ...
15
votes
5answers
779 views

Where can I go to recieve feedback on web design projects?

Are there are any web design forums where designers can submit their work to receive feedback and advice? I am looking for a place that I can seek advice on how to improve my designs.
1
vote
1answer
55 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different ...
0
votes
0answers
42 views

Difference between navigation overlay and toggle navigation in Web Design [migrated]

I'm writing about responsive navigation for school. I found on the internet that responsive navigation patterns could be divide as: Toggle or multi-toggle pattern Footer anchor pattern Navigation ...
1
vote
2answers
24k views

What is the default dimension for a user's Twitter's Background image?

What are the default dimensions for a Twitter User's Background image? If I want to upload my own image for my Twitter account's Background image, what should its default dimensions be, as per ...
4
votes
11answers
4k 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 ...
1
vote
2answers
134 views

Can anyone recommend a design book that has a strong pragmatic web orientation?

I've been looking through the site recommendations and other people's posts requesting beginner's design books but have yet to find anything that meets my specific tastes. I'm not looking to make ...
0
votes
2answers
84 views

Using Generate Image Assets to get repeating background from a shape with Photoshop CC

Rephrasing my question for clarity. I have a navigation bar that I've created from a Shape that has a border and a gradient. How can I use Generate Assets, or Extract Assets to get 2nd end caps and ...
3
votes
3answers
135 views

Illustrator is cropping exported icons despite artboard being Fit to Selected Art

I'm trying to export certain graphics from an Illustrator file. I'm selecting the object, fitting the artboard to the selected artwork, and saving for web & devices, PNG-24 format. When I look at ...
5
votes
1answer
99 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...