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)

3
votes
1answer
41 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
5answers
102 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
91 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
130 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
30 views

How come my text disappears in CS5 Photshop? [on hold]

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
39k 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
213 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
151 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
302 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
63 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
46 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
59 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
3k 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
145 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
134 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
314 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
201 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
83 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
86 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
159 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
146 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
141 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
106 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
137 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 ...
1
vote
2answers
174 views

Critique: logo and web site layout

have a look at www.uglyapp.com for my latest creation(under construction). Home page 1 Round logo Logo 2 Rectangular logo. http://www.uglyapp.com/test/uglyAppSquareLogo5.png I am happy with the ...
2
votes
2answers
58 views

Substitute for Avenir (Google webfont or Typekit)

Question I'm looking for fonts, available from Google Webfonts or Typekit, that would look similar to Avenir. Background I'm building a site using squarespace: http://topgrade.se My friend to me ...
1
vote
3answers
101 views

How can I set the height of my website to be the same height as the visible browser window, with no vertical scrolling?

I want to design a portfolio website, and I don't want it to scroll vertically. What are the dimensions for this kind of website, like the standard browser height? How can I create a website that's ...
0
votes
2answers
70 views

Vector Infographic - Why does it render differently in the web browser?

I made an infographic in Adobe Illustrator, and saved it as a .svg file. But then when I tried to open it in the Google Chrome browser, some of the fonts and some italicized fonts were not even ...
0
votes
1answer
55 views

How to create mouse cursor pointer? [duplicate]

I wanted to use different funny mouse cursor pointer to my commercial website project. Is there any website providing this mouse pointer images for free or for low price? If not how can i create a ...
0
votes
2answers
84 views

Webpage design in Photoshop

I don't know it should be asked here or on freelancing. Designing a webpage and do coding for webpage both are different tasks and need different skills. I have seen some coders saying that we can ...
3
votes
9answers
472 views

What is the best program for image optimizing for the web?

What programs besides Photoshop are good for saving and optimizing images for web?
3
votes
2answers
78 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 ...
1
vote
3answers
82 views

New 'Scroll' Structured Websites

What's this design style used by so many new websites called? If anyone wants to edit this post to use a different link feel free. I'm just wondering how the CSS and such works for websites that ...
0
votes
2answers
35 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 ...
2
votes
2answers
42 views

When designing in the browser how would someone use kerning?

OghmaOsiris asked how would one decide on what is the proper kerning, "Kerning: My Xylophone is off key" and since I have started the transition of designing in the browser I was curious to know how ...
0
votes
2answers
72 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
0answers
33 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, ...