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)

1
vote
2answers
108 views

How can I find graphic designer partners to build projects with?

I'm working through a free coding camp and building some nice apps as a part of their assignments. The idea behind the assignments is to get hands on experience with code and to build a portfolio of ...
6
votes
5answers
960 views

How you can rework logo to fit favicon of browser - 16x16px?

Let's say, I have a logo of website, with size 120x50px. Favicon should be 16x16px to be supported by major browsers. How it is possible to rework some image, making it smaller nearly in 10 times, ...
1
vote
1answer
114 views

Seeking inspiration for software suite dashboard

I am in the middle of designing a software suite's dashboard, however I am in a bit of a rut as my only source of inspiration is Adobe's Creative Cloud software suite dashboard ...
2
votes
2answers
3k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
1
vote
3answers
351 views

How can I make my logo look crisp on the web?

I'm launching a company and my logo looks really pixelated and low-quality compared to some others. For example, http://talentegg.ca/ has a really crisp logo, how can I get mine like this? Mine, ...
4
votes
1answer
2k views

What makes a good header/background video?

Many sites I come across use video to show off their work, what they stand for, or more about the culture of the company. These videos are sometimes behind other elements taking up much of the page ...
0
votes
5answers
126 views

icon indicating “Nothing happened” or “No Data”

I have a website showing a matrix of Scheduled Operations the matrix has server names on the y-axis and dates on the x-axis I need an icon that represents "No Schedule". My first thought was ,but ...
0
votes
0answers
65 views

How to view all layer sizes?

I have received a design as a .psd and a .png file, but the designer has not added the sizes of each header, image, padding, etc. Is there a way to quickly and efficiently see the size of each object ...
0
votes
1answer
50 views

Optimising images for web [duplicate]

I’m currently building my own website and I’m trying to do everything as best as i can. I am currently learning about images and i have some questions on optimising them so that they dispaly ...
9
votes
8answers
3k views

I already have LinkedIn, DeviantArt, Dribbble, and Behance. Do I need a personal website?

With the presence of different social networking sites that allow anyone to easily create a web presence, as a graphic designer do I still need a personal website? What is the pros and cons of having ...
6
votes
1answer
2k views

Is there a standard file size recommendation to optimize web images?

I remember, during college (2008), my web design professor made a point to keep all images' file size at/below 40K (didn't matter what the dimensions). I have made an effort to do so ever since, ...
1
vote
1answer
144 views

I'm re-making a logo, how do I make a vortex in illustrator?

Here's the original (made in photoshop), but it's way too pixelated so I'm re making it in illustrator. However, I'm having a very difficult time re-making the vortex. I've tried using the Ellipse ...
3
votes
1answer
317 views

How can I crop images so as to change their aspect ratio?

For header images on a site I'm working on we are using 1280x480 px images. The images I have been given are not 1280x480 px, so I need to crop them, but I can't just crop them any which way - I need ...
21
votes
8answers
939 views

Fireworks for website design - why?

I've used Photoshop to design (more or less) every website I've made in the past 9 or 10 years. I hear people going on about Fireworks saying that it's excellent for web design and prototyping. When ...
-3
votes
3answers
257 views

What is the tool that web designers do to present prototype [closed]

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
8
votes
12answers
9k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. I want to make sure the client can see everything in context. I don't want to assume ...
5
votes
3answers
831 views

What is the difference between layout and design?

I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my ...
3
votes
2answers
228 views

For web content, is it better to use an entity or the actual character?

I'm confused about the correct way to insert special typographic characters (like quotation marks and em dashes) when producing content that will be displayed on a web page. Is it better or preferred ...
3
votes
5answers
1k views

How to create an animated demo of my webdesign? [closed]

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 ...
10
votes
4answers
3k views

Styling clean flat-design buttons so they show affordance, and look 'well designed'

I started a tiny CSS framework recently. (http://mincss.com if anyone's interested) I quickly banged out an initial design for some buttons. After asking for feedback on UX StackExchange (and ...
0
votes
2answers
259 views

Is Photoshop worth the cost over alternatives? [closed]

I'm trying to figure out weather I should buy into the whole "Photoshop" and "Adobe way". I understand how to use the program quite well, and my trial is coming to an end fairly soon, I don't really ...
1
vote
1answer
155 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 ...
5
votes
6answers
1k views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
1
vote
2answers
80 views

Can't figure out why my opacity overlay isn't showing 100%

TL:DR Just look at the image attached (very bottom). :) More details: Read it all, because I probably need more help than I realize. :) I created this and everything is nice and simple the way I ...
-1
votes
1answer
110 views

How can I style this following form to Inline form? [closed]

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
6
votes
3answers
268 views

Best practice when implementing numbered lists in columns?

I often implement numbered list for both print and web projects. At times it is just more efficient to break the list into two, three, or four columns. How should item ordering be handled? Should ...
11
votes
4answers
50k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
3
votes
4answers
243 views

Am I using too much gray on my webapp?

I'm creating a mobile app that will be used by maturer people, 40 to 60 yo, so I've been searching for sober colors and I came to gray, the problem is, How much gray is too much gray? What colors ...
2
votes
3answers
9k views

Website header graphics size and format

I am making some graphics for a website header. I will be drawing them in Adobe Illustrator. How large should I make them so that they do not end up blurry and how should I save them? Any ...
2
votes
2answers
230 views

What's the name for a “multi page scrolling webpage?”

A lot of tech companies have a websites with the following UI features: a homepage containing several discrete "slides" stacked vertically you can scroll vertically through the slides or, (in some ...
15
votes
4answers
4k 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 ...
0
votes
2answers
90 views

In an HTML element, is margin-bottom measured from the baseline?

I'm doing an internal style guide for a big company and want to make sure I get the spacing perfect. If I add margin-bottom to a text element, does it measure from the baseline of the text or the ...
1
vote
2answers
94 views

How to create interfaces in a graphics editor for responsive grid systems considering that they aren't pixel-perfect?

Any responsive CSS grid system uses long decimal point percentage values for columns' width (e.g. "16.66666667%"). I don't understand how to lay out the grid in Photoshop, because elements of the ...
0
votes
0answers
22 views

How to produce a centered svg when using Extract Assets?

This is the design I have. I want my svg to look exactly like this but as you can see, using Extract Assets shifts everything to the left side. Is there a way I can have this centered on Photoshop ...
7
votes
5answers
9k 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
1answer
52 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
6
votes
4answers
9k views

What is a good general document size for web page mockups and prototypes?

I do mockups and prototypes of sites and designs all the time, but I've always wondered if there is a standard size or width I should be using. Generally I'll make my document either 1024, 1200, or ...
0
votes
0answers
13 views

Sizes for a website mock up [duplicate]

Anyone can suggest me a proper size to start with ? and then hopefully I will be able to resize it :) according to screen sizes .and also some fonts
-2
votes
4answers
720 views

Blurry vector graphics in web [duplicate]

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 ...
2
votes
4answers
213 views

“Most popular package” pricing design

This seemed like the best place to ask this question since it's design related but I'm sorta more interested in the reasons behind this trend and any A/B testing that may have been done. The trend ...
0
votes
2answers
180 views

Why do websites put an overlay of dots on their images?

On the following websites: http://www.the215guys.com/, http://saffronindianbistro.com/ there is a repeated pattern of black dots over the jumbotron images. What is the reason for the overlay of dots?
1
vote
2answers
127 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 ...
2
votes
6answers
902 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 ...
1
vote
1answer
613 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. ...
12
votes
9answers
558 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
67 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
89 views

Is Web start Today a good website builder? [closed]

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
185 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
115 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
126 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 ...