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)

1
vote
0answers
8 views

Alternative to Pristina Font?

I'm looking for an alternative to the Pristina font: I'm looking for either a Web Font or an installable font. Free would be great, but also potentially willing to pay. Eventual use is updating ...
1
vote
1answer
13 views

What does the Dreamweaver grid layout refer to, and what is the standard?

I saw that in Dreamweaver, as well as in .psd, designers use guides to separate the page layout in 'grids'. I suppose this is tied to the idea of responsive web design, but I want to know why a ...
5
votes
6answers
675 views

Does using Dreamweaver help to produce better aesthetic designs than hardcoding HTML and CSS?

I have some professional web development experience, and I always hard-coded all the HTML and CSS in simple text editors. I don't think the aesthetic appearance of my websites is bad at all, but when ...
1
vote
1answer
58 views

Two menu responsive design problem

I have two navigation menus, a sidebar menu and the main menu. Here is how it looks like on large screen devices: And here is how it looks like on tablets and mobile devices: As you can see, ...
0
votes
2answers
695 views

iPad design dimensions

I am designing for iPad (canvas dimensions 768 x 1004) using the attached mock-up resource. However, I was wondering whether I need to factor the lower navigation bar into my design? I was planning on ...
1
vote
1answer
62 views

How to select a font color to go on a very busy background?

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
0
votes
3answers
97 views

Blurry vector graphics in web

I'm using illustrator and I have a graphic that is 22 pixels by 22 pixels. I export it as a png with 72 resolution, and it constantly comes up blurry. Is it just because it's too small? On my mac it ...
1
vote
2answers
65 views

What's the name for a “multi page scrolling webpage?”

A lot of tech companies have a websites with the following UI features: a homepage containing several discrete "slides" stacked vertically you can scroll vertically through the slides or, (in some ...
5
votes
3answers
195 views

How do you deal with amends from a client?

I'm a web designer currently working with a very demanding client. I presented them with designs back in May and I'm still working through amends with them. They are making changes to everything and ...
0
votes
2answers
82 views

How can I delete border lines from a 2 frame gif in photoshop?

I am creating an animated logo for my web site. It is a simple 2 frame gif. The only difference between the 2 frames is that the first one has a glowing object and the second one doesn't. Here's the ...
1
vote
3answers
159 views

Hero Banner - Responsive Design [closed]

Is there a "best-pattern" for responsive banners? I see this one all over the place: ...in fact, I haven't seen much else on responsive websites. Essentially, the common theme seems to be a ...
0
votes
2answers
90 views

Material design - Data tables

I'm trying to design website using Google's material design guidelines. On desktop, my site is basically navigation drawer (on the left), header (app bar) and the content area. All what I want to ...
4
votes
5answers
532 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 ...
0
votes
1answer
30 views

Exporting multiple web design views or phone app views into phone wrappers?

I am using Illustrator CC to design web sites and mobile apps. Each view is in its own artboard which means that I get about 20 different artboards in the end. In photoshop I have a phone mockup file ...
1
vote
3answers
83 views

What method to use to create opening animation for webpage

I need advice on what program to use to create an opening animation for a webpage that looks similar to this: http://melaniedaveid.com/ I am most familiar with adobe illustrator and am not familiar ...
0
votes
4answers
122 views

Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used ...
8
votes
3answers
290 views

Should text indent be used on the web?

I thought of adding text indent to my website (-having the first line of paragraphs indented), but first searched a bit, and discovered that many sites do not have any text indent. Why is that? I ...
-3
votes
2answers
50 views

Meaning of Responsive web design

Many graphics and web design companies ask for the knowledge of responsive web design. What is responsive web design actually is and what are the tools someone should know to create and design ...
0
votes
1answer
51 views

Weebo Background image

Just a quick question do any of you know what the correct resolution size is for a background image on the weebo(chineese twitter) web site ? here is a link if it helps :) ...
1
vote
3answers
26k 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 ...
0
votes
1answer
60 views

Tools and softwares need to learn to be a web and graphics designer [duplicate]

This is my first question here. I am in my academic level. I know html, and a bit of css. I want my career in graphics and web design. As a startup, other than Html and css how many tools and ...
0
votes
3answers
94 views

Image shows blurry in browser at 100%, but not in photoshop!

I came across this site and saw that it had a couple of blurry images. I checked my browser zoom in Firefox and Chrome and they were both 100%. I copied the images to look at them in Photoshop and ...
0
votes
0answers
27 views

Responsive design comp on non retina dispay

I'm designing a responsive website comp in photoshop. My display is 1920x1080. My comp is 1366 pixels. How will the comp look on retina display? Having a hard time wrapping my brain around how these ...
1
vote
1answer
35 views

Finding out object filter specification for Inkscape objects

As in my other questions I am running Inkscape 0.91. I have become quite fond of using Inkscape to build my wireframes, so I have a question. Let's say I applied a drop shadow filter to an object in ...
14
votes
6answers
6k views

Is it essential to type “WWW” when our design contains URL, or is it a matter of taste by now?

I love the appearance of traditional url's, because the www in front of them eases and speeds up my understanding that there's definitely a certain web adress. But is there any established guideline ...
1
vote
1answer
128 views

How can a junior developer switch career path to design while still earning?

Don't know whether asking this here is right or wrong. But i desperately need an expert's advice. I always have a very passionate interest in career in Visual effects. I am from a below poor level ...
5
votes
2answers
10k views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
0
votes
0answers
27 views

Technologies, Softwares, which I need to know to work and to be very good Graphics and web designer. [duplicate]

I am a startup. Currently working in small software development company as a developer. But I am very fond of Graphics and web designing. So want to switch to that way. I know HTML and Css and can ...
0
votes
0answers
32 views

Design in Retina Display FOR Non-retina Displays

I use macbook pro with retina display for designing web templates. I have BIG problem. The colors of template that I design in retina display, very lighten in non-retina displays! I using the ...
0
votes
4answers
519 views

Template or tool for creating single-page multimedia presentations?

Some examples I have in mind are: The next America, Pew Research A game of Sharks, The New York Times Recalling a Vision of the Future, The New York Times How would you create something like this ...
1
vote
1answer
43 views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
1
vote
3answers
101 views

Tool to help measure web page elements

I'm wondering if there's a tool out there that can be used to measure all the elements of a web page. I find Chrome's element inspector very handy, and I'm curious if there is a tool that would enable ...
0
votes
6answers
134 views

Should I design PSDs for Desktop, Tablet and Mobile separately in responsive design?

I'm trying to design a responsive web site in Photoshop. But the question is should I design different PSDs for all these devices? (Desktop, Tablet, Mobile) If yes, what page size should I choose in ...
1
vote
1answer
51 views

Illustrator PNG w/ transparency Export - White Outline in Web when not 100%?

I created a vector graphic in Illustrator CC and used "Save for Web" to create a transparent PNG of it. When rendered on my site, though, it adds a faint light outline around the gray circle in the ...
43
votes
8answers
116k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
0
votes
1answer
27 views

Where/how can I inlay my app screenshots to make an iPhone animation for a website? [duplicate]

I would like to do something like this: http://www.fixed.com/ It's quite common, but I have not been able to find a site or psd download that allows users to embed screenshots in phones. Does anyone ...
0
votes
1answer
50 views

Photoshop how to create a box with curved edges and a background color easily

As you can see in this picture, the edges are very rough because ive used the the brushes with background color. What I want to achieve is the perfect curve for this angle. I tried to edit the brush ...
0
votes
3answers
411 views

How to save PDF so actual size is the same as artboard size?

I created an artboard that is 1416px wide. I need to handle the PDF to a coder, with it having the same actual size as the website. Yet when I save it as a PDF and he gives it a 100% zoom (chooses ...
7
votes
2answers
323 views

How to avoid the tragic fate in the Oatmeal cartoon “How a web design goes straight to hell”?

This is a famous web comic about a common experience in web design: http://theoatmeal.com/comics/design_hell It's based on the author's personal experiences and describes a typical / caricature ...
1
vote
3answers
225 views

What font would compliment Source Code Pro for better readability?

Please see this example: I use Source Code Pro for my website as main font. While I like the look and feel of the font and I chose it specifically for that, I have the impression, that it does not ...
1
vote
1answer
46 views

Resize embedded images in Illustrator

Hello I have received an illustrator file from a graphic designer which is nearly a gigabyte large. It has a lot of high resolution tiff files embedded which are overkill for the needed quality, and ...
0
votes
1answer
55 views

Image choice specificity

I'm working on designing a personal website for myself (a CS student for reference), and I'd like to include a "book" on the home page. Fahrenheit 451 is a book that really impacted me, and I also ...
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 ...
0
votes
5answers
373 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 ...
6
votes
5answers
1k views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
0
votes
2answers
67 views

Resize or Scale Images changing aspect ratio without stretching?

I want to design a website. I've got some images with different w*h. For example, we have lots of pictures at 800*600 or 1024*768 or something else. In our website we have some restricted frame ...
-1
votes
3answers
37 views

Name the effect where text is on a shadow box over an image

Some examples with text over a transparent background: See the transparent black background See the text on the shade of cyan What would you call this type of effect?
-1
votes
4answers
210 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 ...
0
votes
0answers
43 views

Turn special characters to unicode values on InDesign export

Using a predefined .indd file for blog posts and website content I would like to be able to export all special characters as their unicode value but I'm having trouble finding a solution other than ...
1
vote
2answers
1k views

How do I make a style guide template?

I'm creating a website and I'm in the branding and styling stage where I'm picking a color scheme, font combinations, etc. I want to create a very basic Style Guide to show to my clients for ...