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
3answers
330 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
16
votes
4answers
1k 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
0answers
21 views

Is it possible to export paths from illustrator as a URI?

This questions is slightly leaning towards web design, but I think it is more relevant here. I was wondering, do any plugins or techniques exist for exporting the file as SVG, and then without leaving ...
3
votes
3answers
111 views

What should be the relation between margin and padding?

In grid-based layouts, should there be any relation between margins (the distance between elements) and padding (the distance between an element content to its edges)?
5
votes
5answers
467 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 ...
4
votes
2answers
489 views

Photoshop on a retina screen, how to fix? [closed]

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, ...
1
vote
2answers
998 views

Getting text to behave in photoshop like it does in html/css

Im setting out a template in PS 1280x700 px 300dpi (i know web is 72 but i like more clarity when working in PS). My main problem is the way the text renders im using helvetica neue light 15px and ...
11
votes
4answers
291 views

What are good places to start learning web typography and 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 ...
0
votes
0answers
33 views

avaiability of public-domain platform/os vectors

I have looked high and low for platform logos (iOS, Android, Unity 3D, Haxe, Java, .NET, etc.) in a vector or even photo format that have a consistent look and feel. Short of collecting disparate ...
0
votes
1answer
75 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 ...
4
votes
2answers
183 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
7
votes
4answers
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 ...
2
votes
2answers
142 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
86 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
1answer
326 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 ...
3
votes
2answers
214 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 ...
7
votes
6answers
231 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, ...
4
votes
2answers
172 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
97 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 ...
1
vote
1answer
75 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
61 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
78 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 ...
0
votes
0answers
22 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
176 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
151 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
135 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
384 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
211 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
89 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. ...
1
vote
0answers
123 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
368 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
199 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
279 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
192 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
127 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?
4
votes
2answers
433 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
2answers
232 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 ...
1
vote
2answers
1k 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
141 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
116 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
161 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
110 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
540 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
566 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
114 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 ...
2
votes
2answers
51 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 ...
1
vote
2answers
44 views

Saving Artwork only when Saving for Web

I am working on some artwork to use in my web project and I am using the latest version of Adobe Illustrator. When I go to File > Save for Web I get the following: As you can see the Art-board ...
1
vote
1answer
136 views

Are any hue angles are too close together for a tetradic color scheme?

I'm a UX designer specializing in interaction design and information architecture, but I'm looking to deepen my knowledge in visual design and color theory. I'm currently working on a new portfolio ...
1
vote
0answers
58 views

How to think outside of photoshop [closed]

is photoshop the reason so many self taught designers get stuck at being bad? I have always wondered whether if photoshop used as is has either helped me or caused great waste of skills for the ...