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)

4
votes
2answers
30 views

Typography and the science of layout.

I have been a digital designer since 1999. I am self taught. However; my biggest weakness is spacing, grids and developing pages that feel balanced, as well as have strong typographic hierarchy. I ...
1
vote
0answers
21 views

When displaying modules on content heavy sites. Fix the width of modules or not

My first post. Excited to be here. I am currently working on a big content site and we have recently made a move towards a website style that is sees us opening up the design to use more of the ...
3
votes
5answers
310 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
0
votes
1answer
35 views

the color I'm using on illustrator appears different when I save the image to use on my website

I'm doing a website and now I received the logo they want to use in website. The logo is in Illustrator format and I´m having a problem with this logo. In illustrator he has the color #2e3182, which ...
0
votes
0answers
22 views

Google Chrome replaces symbols like ' and … with different language characters [on hold]

Wasn't sure where to ask this. It doesn't seem like a programming issue and I am a graphics designer. I currently took over my colleagues laptop and noticed that on any webpage with a '...' I get ...
-1
votes
0answers
28 views

Tutorials on how to create web graphics? [on hold]

I'm a new web designer and I want to know some resources or video tutorials on how to create pixel perfect graphics and what software to use to create them? For example logos, icons, buttons etc.. ...
1
vote
1answer
400 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
2answers
45 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 ...
4
votes
2answers
88 views

Can After Effects be used for website prototyping?

I know one designer that is a motion graphics guy first, then a UI designer. Recently, produced a website design entirely in After Effects and got my thinking whether that approach can be a viable ...
0
votes
2answers
75 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 ...
2
votes
2answers
109 views

How to create an inline horizontal navigation with mixed text and icon links that's easy to adjust, tweak and improve?

I'm cutting CSS and facing a problem, if I try to change the line-height, padding, margin of any of the last 2 items of the menu, other items will be affected. Here is the screenshot of my current ...
0
votes
1answer
54 views

What is the tool that web designers do to present prototype

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
0
votes
0answers
39 views

Review my Portfolio Design [on hold]

I want to make my portfolio look even more professional and attractive looking. You can currently look at the WIP Design at http://hassantech.org/test/#!/home Please suggest me way's in which my ...
0
votes
1answer
144 views

How to scale a web page for different resolutions?

I have a web-page for devices(smartphones/tablets). I have used media queries to make it responsive and have used rem units for all measurements. I have set default html/body font-size:62.5% and then ...
0
votes
5answers
118 views

Webpage image zooming or quality lose issue on mobile

I'm making a responsive site and my logo loses quality when I'm opening the site on mobile (iPhone, Android) http://kadmos.li/web/ji/stck.html My logo size is 266x68px and I'm not resizing it on any ...
2
votes
1answer
103 views

Photoshop on a retina screen, how to fix?

I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine. I'm quite upset with this computer as it is a pain to do web design in, ...
3
votes
2answers
143 views

Am I allowed to embed Typekit fonts directly into a website and host them myself?

With Adobe CC I've gained access to Typekit. I've started playing around with it and noticed they put a cap on page views per month on loading the fonts. (Currently I'm capped at 500,000 but would ...
-1
votes
2answers
31 views

How come my text disappears in CS5 Photshop? [closed]

When I create a new layer in PS, type in it, then highlight it to make changes like font-size, tracking etc. the font just disappears to a blinking curser. Any ideas?
34
votes
5answers
40k 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 ...
6
votes
6answers
217 views

How to distinguish menu items that link to other sites

I work for a large university, and we're trying to come up with some ideas for our drop-down menus, which are fairly standard, not too fancy. The university has their main site, and many sub-sites, ...
-5
votes
0answers
22 views

Need help with closing gap on web page [migrated]

I've been trying to figure out how to close this space and I am getting nowhere. What could be causing that significant amount of space between the text and the chart? I hope this is the right ...
4
votes
2answers
159 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...
0
votes
2answers
69 views

Icon suggestions to represent “Style”, referring to CSS styles?

If it wasn't clear, "style" in this context refers to changes in the CSS, so things like font-size, font-style, background color, etc. I have a very simple and minimalistic icon at the moment with 3 ...
11
votes
3answers
304 views

How should you web design with foreign typography

Some web design and development projects client's will request capabilities for a foreign translation in their site. How can you account for this and what are some good practices for content ...
1
vote
1answer
65 views

Trying to fix layout of a homepage

I am trying to run a box-type theme for my homepage/FAQ. However right now the boxes just make the page look terrible. Could someone please offer me some example sites that use boxes/blocks for ...
1
vote
1answer
48 views

Computers and Mobile Devices for Showcasing Software

I am looking for an appealing way to showcase some of my existing software online. I noticed that a current trend is to show the software running on multiple devices, like this: Does everyone who ...
0
votes
1answer
65 views

Designing source code documentation

I'm looking to design a modern website for a C++/Javascript library. While I have several ideas in mind I wanted to know what are some good design strategies for representing source code ...
6
votes
3answers
4k views

The most advanced JPEG image compression on mac?

Sometimes i work with JPEG files for my web designs. There are occasions where the PNG format is not suitable.. There are several optimization techniques for the PNG format, but I noticed that for ...
0
votes
0answers
6 views

CSS: Text on Hover while keeping self correcting grid layout [migrated]

http://codepen.io/tylerkung/pen/Bukzy I've implemented the self-correcting grid, so that when you resize the browser window, the 3 images will simply stack on top of each other. I've also been able ...
0
votes
0answers
20 views

Cant convert PSD file to JPEG Image or any type of file [duplicate]

I'm working on a large file in Photoshop it does not give me the option to click save for web and in addition it not let me save it as an image both within the Save As option. If you see the pictures ...
1
vote
1answer
147 views

Should 'banner logos' be used in web design?

So I'm developing a site, and as examples I went to many major companies sites ( Amazon, Ebay, Facebook, Imgur, Pandora, Microsoft, StackOverflow, YamahaMotorsports ), as well as some smaller, but ...
0
votes
1answer
138 views

What is the most up to date design template I should use?

I am a web-developer and am starting a new project. First step is designing the site. In the past, I have used 960 grid system but I was wondering if this is still the standard pretty much? Is there ...
7
votes
4answers
1k views

Using stock images for mock-ups

When making a design (as a freelancer), how do I handle stock images? Do you buy the stock image(s)? Or do you find an image via Google or whatever and later replace it with a similar stock image? ...
1
vote
1answer
132 views

How to lay-out a list of links so the intended reading order is apparent?

I have a site (no CMS platform) that has a list with links. The list consists of 14 links, each referring to a pdf file. If someone wants to read the content of these files, they must follow a certain ...
1
vote
1answer
319 views

Where can I find a good repository of semi-transparent tiles for web?

I have been looking frequently for a site, a service that provides a repository of semi-transparent tiling backgrounds. I've found some grain generators, but I would like some more things that I could ...
3
votes
1answer
202 views

Should a period be included in a drop cap letter that represents an abbreviation?

I have a paragraph that is drop capped and begins with the word 'U.K.' Currently, the CSS (cascading style sheet) standard for Web browsers is to include the period following the 'U' in the drop cap, ...
1
vote
1answer
84 views

Slice an image that is 1 layer in Photoshop

I was given a Photoshop file to use as a basis for creating a website. There are many layers in the Photoshop file, however the footer is 1 layer. It looks as if it was created and merged together. ...
0
votes
0answers
9 views

What is .DS_Store and why am I suspecting it has broken my web project? [migrated]

I am working on a college assignment and am having a huge problem. Everything was fine until I noticed a strange '.DS_Store' file in the main folder containing all my images, html, css and .js files. ...
0
votes
1answer
89 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
0answers
89 views

A Layout from an Amateur: Criticism Welcome [closed]

I'm an engineer but I have no experience in web design/development. I'm building my personal website with WordPress just to showcase my work, and I was wondering if anyone would be kind enough to give ...
0
votes
4answers
170 views

Why does my logo look pixelated

So I had a designer on 99Designs create a logo for me, it is Vector and he generated the Logo size you can see on my website here: sandiegosoftware.net I understand that my browser, OS and resolution ...
1
vote
3answers
147 views

How to create a blueprint for a website on paper?

I have been doing web design for a couple of years now. I am trying to design it on paper but am not the best at it. Could you please give me some advise on how to blueprint it? How can I create ...
3
votes
2answers
251 views

Critique: How can I tie a logo into my website design at both mobile and desktop screen sizes?

I'm new to the graphic design section of SE, this being my first question here, but not new to graphic or web design. I am in the process of making a free website for a new local eSports bar. The ...
1
vote
1answer
142 views

Rounded corners adjacent to square corners

I've been sent a ui design which includes a header menu, wrapped in rounded corners, whereas the following content element is wrapped in square corners. Also every other primary content wrapper for ...
2
votes
1answer
125 views

How should I design a left-right UI where the left is smaller?

This is the current design: Where should I position the left-top element so this UI is more balanced?
1
vote
0answers
9 views

Create a Video File of Writing Out A Word [migrated]

I was wondering if there is a generator, or something out on the web where you type a word, and it would create a video file of it being written out. I want to embed the file on a site, so when you ...
4
votes
2answers
116 views

How to remove strange banding from PNG export with radial gradient

I'm using Illustrator CC 2014 and have a radial gradient that looks smooth in edit, but gets really weird bands when I export or Save to Web (any format, all settings). Here's how it looks in ...
1
vote
0answers
37 views

How to use viewport-relative sized typography without breaking vertical rhythm? [migrated]

For quite a while now, I've been using a baseline grid in my webdesign. I really value the vertical rhythm, with the typography's baselines alingning with the design elements and each other. Up till ...
8
votes
3answers
8k 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 icon's isn't my strongest point. What are the best ...
2
votes
2answers
143 views

Optimizing hero/intro photos on mobile and XXL displays

I have a few questions regarding trendy super-large photo headers. I've seen them called "hero" images, but just so we're clear, I'm talking about designs like this one: A large photo is used as a ...