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)

2
votes
6answers
540 views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
0
votes
0answers
24 views

Web Development programs for Macs [on hold]

I bought a Mac last week and will be hopefully having a career in Web development. I was hoping a few members can help on what programs I should buy or look into. I understand many programs are free, ...
1
vote
1answer
29 views

How to select HEX values / colors in Inkscape

How to select web colors in Inkscape? I know that I can select the ">" at the bottom-right of the screen and select WebHex and then select one in the bar. But in that bar there are just a few colors. ...
11
votes
9answers
529 views

What's a good (and easy) way to show that a screenshot is a screenshot?

I'm using Mac OS X 10.6 and I like the system screen grab tool. By default when you grab an entire window it will put a bit of a shadow / gradient below it, with transparency, using a PNG image - ...
2
votes
2answers
36 views

Centered title but left aligned text to fill up content

Hold your horses, I'm aware that centered titles are generally frowned upon. However, when given a fixed size container, simply having everything left-aligned gives an empty impression – which itself ...
-1
votes
1answer
58 views

Is Web start Today a good website builder? [on hold]

I have a small business and i want to put it online so for that iam looking for website builder to build website for my small business. Some of my friends suggested me wix but some are suggesting me ...
2
votes
5answers
161 views

Fixed size image on screens and paper?

I'm looking for an image format (I guess) that can be used for web images as well as for printing (on paper) directly from any platform/browser so that the images have the exact same sizes on paper ...
3
votes
1answer
57 views

Scale for Large Typography (Much larger than 72px)

I'm currently doing a mockup for a website that has a few large typographic elements. For scale, I'm using the one provided by Typeplate (18, 21, 24, 36, 48, 60, 72, 90, 117), but after spending some ...
2
votes
0answers
38 views

Web font that includes both alphanumeric characters and icons

There are lots of icon fonts, like FontAwesome, ionicons and others. But is there any web font that includes both text and icons? If not, do you know why? My motivation to ask this is to be able ...
-1
votes
0answers
77 views

Name of this web design style? [closed]

What is "name" of this design style, it's kinda old, graphic is from 2011. Source: Dribble Is it still "good looking for nowadays" or we should focus on flat/minimal design?
2
votes
4answers
217 views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
0
votes
0answers
19 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
30 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 ...
12
votes
10answers
3k views

How can I start to learn web development?

I'm very interested in learning web development and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's ...
-1
votes
2answers
91 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
50 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 ...
15
votes
6answers
5k views

Learning Photoshop just for web designing

I want to become a web designer, so I'm watching a lot of Photoshop video tutorials, but some of those tutorials are not useful for web designing. For example, some movies are about skin, or teeth or ...
0
votes
2answers
35 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 ...
12
votes
1answer
847 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
38 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
5answers
371 views

Does a graphic designer need to be able to code websites? [duplicate]

The title says it all really. I just want to find out whether I need to know web code to be a good graphic designer.
0
votes
1answer
35 views

what is the dieffrent between layout and design?

I can't understand what is design and what is layout in the webdesign. I'm confusing about layout and design. Anybody can help me to understand about those matter?Thanks for reading my question.
-4
votes
0answers
19 views

Moving images on my website [on hold]

I have a website and I want to place images on the background picture, but I want to be able to place them where ever I choose and I also want to be able to link them to another page. Can I do that ...
1
vote
1answer
90 views

Illustrator PNG w/ transparency Export - White Outline in Web when not 100%?

I created a vector graphic in Illustrator CC and used "Save for Web" to create a transparent PNG of it. When rendered on my site, though, it adds a faint light outline around the gray circle in the ...
1
vote
1answer
134 views

Sketch: how to get design to developer?

I've been wanting to learn Sketch but am not sure what the process is once it comes to handing over the design to the developer. Most developers won't have Sketch as it's mac only, and even then most ...
1
vote
1answer
75 views

Resize embedded images in Illustrator

Hello I have received an illustrator file from a graphic designer which is nearly a gigabyte large. It has a lot of high resolution tiff files embedded which are overkill for the needed quality, and ...
0
votes
1answer
36 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
113 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
51 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
745 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
101 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
405 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 ...
12
votes
2answers
15k 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
29 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 ...
2
votes
1answer
63 views

What search terms can help me find “progressive reveal” campaigns?

not sure what this is called. Tried a bit of googling but didn't find what I was looking for. I'm designing a website on which we will be revealing a list item every week. The website is launching ...
1
vote
3answers
92 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
116 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, ...
0
votes
2answers
938 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 ...
10
votes
4answers
3k views

Should I use company's logo color as a website color even if its bad?

I'm building a website for the company that I'm in, but the marketing department, isn't giving me much room with the colors. They say that we need to use the #2DCCD3 everywhere because it's in the ...
4
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 ...
0
votes
4answers
158 views

Blurry vector graphics in web

I'm using illustrator and I have a graphic that is 22 pixels by 22 pixels. I export it as a png with 72 resolution, and it constantly comes up blurry. Is it just because it's too small? On my mac it ...
0
votes
2answers
97 views

How can I delete border lines from a 2 frame gif in photoshop?

I am creating an animated logo for my web site. It is a simple 2 frame gif. The only difference between the 2 frames is that the first one has a glowing object and the second one doesn't. Here's the ...
14
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
191 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
223 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
174 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
100 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
39 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
37 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
17k 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 ...