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
49 views

How do verify colors in graphics intensive webpages on CRT screen when developing only on LCD screen?

I am developing a public facing website (unpublished yet) that is graphics intensive. I develop on my laptop and I have no other CRT attached machines to verify the appearance. I am particularly ...
0
votes
1answer
42 views

Any tips or principles for applying gradient to thin shapes and fonts?

I'm trying to use linear gradients on a set of thin and small shapes (and fonts). But I can't figure out how to do it so it could be seen clearly as much as possible. Should there by any limits for ...
-1
votes
2answers
114 views

Critique: Can anyone tell me how I can improve my website? [closed]

I am a bit rubbish at CSS and have mainly based my website off another website, in hope it would look different, although it didn't. I just want comments and tips how to change things but still keep ...
1
vote
1answer
186 views

How do I hyperlink .oam-Animations Muse? [closed]

I have an .oam Animation made in Adobe Edge embedded in Adobe Muse. It animates on mouseenter and mouseleave using JavaScript. How can I hyperlink it using Adobe Muse. I want to use HTML so the link ...
0
votes
2answers
51 views

Improving webpage appearance

I have built out a donate page for our website. The buttons are somewhat similar to the LiveStrong donate buttons. Something about the page looks cheap and unappealing. I have some ideas, but I am ...
13
votes
1answer
1k views

How can a design be balanced and yet have a focal point?

The concept of a focal point seems to be a fundamental one in web design, yet doesn't a focal point mean a page cannot be balanced? Surely by definition a focal point means that the page's 'weight' ...
0
votes
1answer
47 views

How many pages should I do as mockups in web design? [closed]

Let's say we've mapped out the sitemap and there are about 10 pages. How many of those pages should I create as mockups? Of course, it's a given that there should be the landing page. But aside from ...
0
votes
1answer
83 views

What CSS blend mode will add white color without affecting black?

I would like to allow adjacent apps in my interface glow, overlaying each other with white, but the apps have a 0.25pt black border which I want to avoid diminishing. Is there a blend mode which ...
1
vote
3answers
433 views

Making text stand out in front of images

I'm trying to make my text stand out in front of my image. I've seen sooo many websites that do this well: e.g. http://brewsters.ca/ However I clearly am not: http://immehabayas.com/ I wanted to ...
0
votes
0answers
182 views

Should I adjust the 960 grid system width for bigger screens?

I'm designing a website in photoshop and using the 960 Grid System 12 column. Automatically the canvas width is 1,020 Pixels. For bigger screen resolution screens should I expand the width of the ...
5
votes
4answers
825 views

What are the best tools for testing how a website will look on different platforms and what are their pros and cons?

What are the best tools for testing how a website will look on different platforms and what are their pros and cons? This includes knowing how my layout/fonts display and functionality in various ...
0
votes
1answer
131 views

How do I acheive this effect in photoshop?

I beleive that this Image is edited version. I want to know how I can acheive this effect in Photoshop CS6? Any ready made effect action? Thanks
3
votes
1answer
631 views

Images for web: vector or raster?

I have created a vector image in Adobe Illustrator. It is basically a simple schema. I would like this schema posted in a web page, but what type of image should I select, raster or vector? According ...
13
votes
2answers
20k views

When should I use SVG or SVGZ for my web graphics?

From my understanding, The SVGZ is a compressed file type of an SVG. I love using SVG images and have had a lot of experience with them. All of the times I used them I have never had a graphic that ...
0
votes
2answers
54 views

Can you re-use layers but in different locations / dimensions?

In website mockups, I design the front page, then duplicate layers constantly for other pages design. Things like the header and footer stay basically the same, so they are copied. Their exact ...
1
vote
3answers
316 views

Single 1 pixel diagonal line background

i try to add a diagonal line in the background of a div. i wonder if it's possible to do it without to use a .png image. I saw some css options but the render quality is poor and the line don't touch ...
1
vote
0answers
179 views

Two menu responsive design problem [closed]

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, ...
5
votes
7answers
2k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
15
votes
6answers
1k views

Developer to Designer path: How To

Being a developer wanting to be a designer, I'm really interested in learning how to create top notch UI for websites, mobile apps, etc. However, I know nothing about PhotoShop or anything related to ...
0
votes
3answers
867 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
vote
4answers
459 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 ...
5
votes
3answers
192 views

What's a good icon to represent “fit” on an apparel site?

I'm implementing a fit visualiser which uses an existing product that the user owns to estimate the matching size to select when buying something. The fit visualiser is is called "Virtusize". The ...
2
votes
3answers
126 views

How to properly set the css leading

I have a situation trying to figured it out how o properly use and set the css leading when we have something like this: Even if the line-height is the same, the first 2 lines look pretty far away ...
0
votes
1answer
79 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
1answer
64 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
5
votes
4answers
22k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
4
votes
2answers
1k views

Why are my elements moved after being exported to svg

I'm quite new to Adobe Illustrator, but used to PS. I wanted to experiment with Illustrator to create SVGs that can than be manipulated with JavaScript. I created some kind of background-layer and ...
0
votes
0answers
24 views

Are there any great free resources to learn how to design with? [duplicate]

I'm a web application developer. I'm full stack. In fact, I also do a lot of server administration; really I do it all. Very frequently I get clients with no design in mind, and no designer picked ...
5
votes
2answers
196 views

Efficient workflows for handing off designs to developers

I work as a UX/UI designer for my company's web sites. After I make the designs, I send the mockups to web developers, who implement them. It's a little more collaborative than that, but that's ...
2
votes
2answers
354 views

My designs are dull [closed]

I'm learning web design. When I design a page I ask my friends to tell me their opinions about it and I always get the same answer: it's dull and boring. They say my designs are nice but very dull, ...
-5
votes
3answers
108 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 ...
9
votes
3answers
943 views

What to do when a client is not managing the project and costing you time / money

I've been a freelance designer for about 7 years, but more recently have been functioning more as an agency with private project and a few staff....I wanted to get some advice on some issues that keep ...
-1
votes
1answer
341 views

What is wrong with writing light gray text over a lighter gray or white background? [closed]

What is all about writing with light gray over lighter gray or over white? if you look in the two examples I carried you will notice that is very hard to read, light gray or lighter color !! what is ...
-1
votes
3answers
2k 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 ...
11
votes
9answers
23k views

Good color palette, usable for the color blind.

I'm designing a chart right now, that will slowly have more items added to it. I'd like to create an list/order of colors for the items, that will be most usable for the color blind to differentiate ...
0
votes
1answer
81 views

Where can I get flat images for a website? [closed]

I'm building a new website but am finding a lack of minimalistic images and clipart. This is a very general question but are there any good sites to find minimal, flat, simple, etc. images? I have ...
4
votes
1answer
2k views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
1
vote
3answers
151 views

Does Google provide material design resources?

Does Google provide Material Design building blocks for designers (i.e. ready to use components as psd files)? I haven't found any in the specs.
1
vote
4answers
41k views

Photoshop - How to reduce the file size in KB by reducing resolution

I have tried everything I can think of, but when I reduce resolution of graphics, keeping the same dimensions, it has no effect on the size of the file. This makes no sense. I prepare graphics for ...
-3
votes
1answer
80 views

Photoshop multiple layers blending - save for web

Through photoshop web template i found one interesting problem with multiple layers blending. In the picture you can see screenshot of layout. Of course color is not part of it, just without color ...
0
votes
0answers
55 views

Illustrator, Files appear pixelated when it's saved to web

I'm hoping I may be able to find someone who may be able to help with illustrator. I'm currently trying to create a header for a blog, although every time i save to web, the image appears pixelated. ...
4
votes
1answer
96 views

Images or functioning websites for portfolio?

I am new web designer, should I include images or functioning websites in my portfolio? All of my designs are personal projects that I have designed and built using html, css and javascript. By ...
1
vote
1answer
26 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
907 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 ...
2
votes
1answer
329 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 ...
6
votes
3answers
316 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 ...
1
vote
3answers
515 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 ...
4
votes
5answers
2k 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
39 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
501 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 ...