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
18 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 ...
3
votes
2answers
60 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)?
9
votes
4answers
135 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
23 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 ...
0
votes
1answer
57 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 ...
5
votes
5answers
395 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 ...
-1
votes
0answers
37 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.. ...
0
votes
0answers
40 views

Review my Portfolio Design [closed]

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
55 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
4
votes
2answers
95 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 ...
3
votes
2answers
144 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 ...
-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 ...
2
votes
2answers
121 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, ...
4
votes
2answers
160 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. ...
2
votes
2answers
110 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
5answers
130 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 ...
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 ...
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
149 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 ...
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. ...
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
173 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 ...
0
votes
2answers
70 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
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 ...
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 ...
4
votes
2answers
119 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
182 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
3answers
102 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
1answer
59 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
75 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
2answers
87 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 ...
7
votes
6answers
220 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, ...
1
vote
2answers
63 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 ...
3
votes
2answers
86 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
83 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
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 ...
1
vote
0answers
34 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, ...
1
vote
2answers
34 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
0answers
54 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 ...
1
vote
3answers
122 views

How can I be creative in web design

I am a front-end web developer and I like design a lot, as matter of fact - lately, I am focusing more on UX/UI design to create top-notch products for my clients. Coming from coding background, I ...
1
vote
2answers
81 views

DPI/PPI resolution for product zoom images

I'm working on an ecommerce site and I am trying to figure out at which resolution to save product images. We usually go for 72DPI but I believe now we should be using PPI, but also that to account ...
3
votes
9answers
475 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?
1
vote
0answers
88 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, ...
0
votes
0answers
21 views

Any recommended design ebook /source? [duplicate]

I have just started with designing websites. However, I feel like I'm missing a lot of knowledge. I've read the following books: don't make me think ordering disorder Rocket surgery made easy ...
1
vote
2answers
100 views

Which software to create mockups for webdesign

I used to use AdobePhotoshop for this purpose but after months i realized that it's not the best tool for this, does anyone recommend a good tool for webdesign mockups