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

How to pass website design to web developer? [duplicate]

Is there a way to communicate with web designer not using the PhotoShop on both sides? It is too expensive. When hand writing annotations will be always incomplete, buggy and time-expensive. May be ...
2
votes
3answers
158 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
2answers
530 views

Is Photoshop worth the cost over alternatives? [closed]

I'm trying to figure out if 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 know ...
0
votes
1answer
83 views

How to adjust online grids to desktop web design and mobile web design in Photoshop?

There are many good grids online (1200px.com, unsemantic.com) that can be downloaded as PSD and used in web design in Photoshop. Now I have 2 questions in relation with this: When I apply this ...
0
votes
0answers
7 views

2 Widgets Interacting Axure RP8

I have 2 separate widgets, one is a box and another is a label. I want to be able to hover over the box and change the font color of the label. I also want to do the same thing again, but with an ...
1
vote
1answer
20 views

Should target user segment (based on income) affect your designs?

I am at an impass with a client and I also don't have the answer so I would really appreciate your thoughts and if possible, proof like research papers etc. My client targets user segments B and C. ...
0
votes
0answers
21 views

Responsive Row of Items in Web Design

I have designed an online game for Knapsack problem. The knapsack problem or rucksack problem is a problem in combinatorial optimization: Given a set of items, each with a weight and a value, ...
0
votes
0answers
21 views

Axure Website Prototype

I am creating a prototype of a website using Axure RP 8. This is my first time using Axure, and I am little confused. When I first started, I didn't see a template for a website, so I started off ...
-4
votes
0answers
31 views

My website have a lot of white spaces what can I do to prevent that [on hold]

I wasn't sure if I should ask this question here or stackoverflow I'm developing online shopping website for selling PC ,laptops , mobile..etc with white background , black header with website title ...
0
votes
1answer
17 views

Use premade list of css classes in inspector or firebug [on hold]

Is there a way to import list of all available css classes/styles in inspector or firebug so i have them ready for testing on various part of the website ? For example i have around 50 different ...
-1
votes
0answers
13 views

Web Design Adobe Muse

how to add a search engine to my website using adobe muse (I'm a print output art director , but new to adobe muse). Thanks Regards
-1
votes
0answers
30 views

How do I make these “brush strokes” effect? [on hold]

This is the "brush strokes" effect I am trying to accomplish with photoshop. In addition, is there a specific name given to these types of styles? I apologize if this question is too vague or ...
0
votes
2answers
68 views

Have a Design Concept — How to iterate it into multiple breakpoints for Developers?

I'm a designer at an agency that primarily does "PSD to HTML" web development. I know that some can argue it's not ideal, but within my agency this is how it works because most layouts need to be ...
-3
votes
0answers
18 views

Review web design [on hold]

I hired a graphic artist to design a front for my website in India. This is what he produced. Now when I programmed the live site it looks like this It was technically impossible to make the ...
4
votes
3answers
6k views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
1
vote
1answer
65 views

Where to place text labels in custom color picker

I created a color picker for a website, and I am having one problem regarding the layout of some text. Above the color picker, there will be a "New Color", and "Original Color". I'm having a hard ...
0
votes
0answers
32 views

What do you call widgets in the homepage for a business?

I need a little guidance on designing a homepage for a business website, that runs on WordPress. I want to use a WordPress theme called "Spacious" but want to include "widgets" on the homepage that ...
0
votes
1answer
26 views

Axure (Rectangle Mouse over changes font color)

I am using Axure to create an interactive front-end prototype. In my design I have a table, with 3 major cells (p.s the cells are rectangles I just put close together) I focus on. In those cells I ...
6
votes
5answers
26k 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 ...
-1
votes
0answers
24 views

Use of a Dialog box on Material Design

I'm designing this web app., but I can't reveal its name or main function, so let's see how this can be explained... In this app., there's a level of user that has the ability to add or remove team ...
2
votes
2answers
733 views

How to not make my website have a ā€œ1990'sā€ look

I recently launched a comics website, www.hittingtreeswithsticks.com, which I created from scratch. I created my own design because I wanted to keep it unique, and used no templates. Unfortunately, ...
1
vote
1answer
44 views

What causes pixelation, blurred graphics on a web banner?

in the attached image, you can see pixlelation/distortion mainly on the red and blue text and red boxes. What causes this and how can I fix it? Thanks
0
votes
1answer
18 views

Photoshop font size smaller than it should be

I have a PSD at 72 dpi, for a web interface. The developers implemented everything based on the PSD, including font sizes, but font sizes were an issue. I'm having a hard time coming up with an ...
0
votes
2answers
86 views

Force page footer in master to stick to the bottom of pages of different height in Indesign

I'm trying to create a website prototype in Indesign. It consists of multiple pages with different height (home page, article page, archive page etc.). I created a master page with header and footer ...
0
votes
2answers
126 views

Web Site Page Export

I am creating a web site. I originally had it set up in layer comps for different pages. I need to be able to export a PDF of the entire site, but with each page being correctly cropped (not all the ...
1
vote
1answer
119 views

Speed up making zoom areas on screenshots in GIMP

I am creating in Gimp effect that is shown on below picture: The way that I am doing it is: Make circle selection Copy paste what is below on new layer Grow selection Add layer and fill it with ...
3
votes
9answers
6k views

Capture clean Retina screenshot of web page without post production

How can I take a screenshot of a web page on a MacBook Pro with Retina Display (rMBP) that: Is at a reproducible size Looks sharp on Retina displays Without any browser chrome / accouterments ...
0
votes
3answers
52 views

Saving Images for web and print use

I am editing multiple jobs in Lightroom. I will be uploading all to my blog and I might also need to print some of them (not sure which ones) in the future. I dont want to double save same images for ...
5
votes
1answer
81 views

Web colors: how to compensate for differences in monitors

This question has to do with color in the context of web pages. Computer monitors and mobile screens can vary a lot in their color rendering, meaning that a given color on one monitor can look much ...
7
votes
3answers
138 views

Are physical units for web design a good idea?

Coming from a design time pre-digital and musing over the 'pixel' would a physical measurement such as a cm work in web design at some point? Do all devices have a designated ppi (pixel per inch) ...
10
votes
9answers
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 ...
-1
votes
2answers
54 views

Is it possible to turn a Sketch file into an actual (eg.) website?

Is it possible to turn a Sketch file into an actual (eg.) website? ( I am really new to all of this so excuse me if this is a stupid question :) ) Thanks in advance!
0
votes
3answers
3k 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 ...
3
votes
2answers
80 views

Implying the ability to move a slider in my app's menu

Firstly I don't think I'm asking this in the right place, but Graphic design is the art and practice of planning and projecting ideas and experiences with visual and textual content. So my question ...
0
votes
1answer
100 views

How to handle web design hosting?

I'm very new to web development, it's something I'm trying to learn myself with addition of online courses so I hope I'm not insulting anyone with my questions. my questions were considered to broad ...
-1
votes
4answers
2k 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 ...
7
votes
5answers
4k views

Is programming a website for mobile first really necessary?

I've read through a number of sources which state mobile first design is almost essential, which I can't deny it does have obvious benefits such as faster load times for mobiles which generally have ...
0
votes
3answers
81 views

What should dpi be when saving artwork for web? [duplicate]

When saving artwork made in Illustrator for web, what should the dpi be when saving it as a JPG or PNG? For example, say I save my artwork at 500px wide, is it better to save it at 72 dpi or 300 ...
12
votes
10answers
3k views

How can I work with a client that doesn't know what they want?

I am helping a client/friend with a website design. He is a conceptual thinker. Yet his ideas are always inspirational but not practical. He is always wanting a different direction after I show him ...
6
votes
4answers
3k 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 ...
4
votes
4answers
529 views

Best way to send client designs

I have several design ideas wich I want to send to a client, although the easiest way is to send them an email with the images attached then get feedback and send another email is there an easier way? ...
15
votes
4answers
2k views

Do SVG images look better scaled down than a high resolution png, jpg or gif?

I know that if you want to scale-up an image, then a SVG is a wise choice. However, my situation is that I have icons that I want users to be able to upload via a CMS. SVGs are just that bit ...
1
vote
3answers
20k views

How to Reduce the size of a .png with in PS for web

I currently have a .png file that is 2042 x 1250 and is 6.1 MB. When I open with photoshop, and do Save As-> PNG 24, and choose the compressed file size of the two options (the other being no ...
1
vote
2answers
2k views

How do I save svg FROM a website code?

I need to work with a logo from this website (in the top left corner): http://takiedela.ru/ Here is the piece of code I copied from the page: <svg viewBox="0 0 215 50" height="50" width="215" ...
25
votes
6answers
41k views

Favicon Best Practices

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
-1
votes
1answer
27 views

How do I find out why there is a discrepancy between pixel measurement in Photoshop and code? [closed]

I created a design spec in Photoshop that called for 50 px of padding between two rows. When the developer sent me a screenshot of the requested design in code, the 50 px was way too large. What could ...
0
votes
1answer
60 views

How to hide html elements in mobile mode only

I'm working with the following code on my squarepace Pacific template via the html code injection (the code creates a white double lined border around the page): <head> <style> body { ...
57
votes
10answers
182k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
2
votes
3answers
108 views

How do I put an image into Illustartor document at its actual size?

I'm creating a new document, choosing Web profile, setting width and height equal to image size. But the image appears half as big as it really is. That is, I need to place image 4 times to fill the ...
0
votes
1answer
68 views

What is the name of vertical, side by side responsive website layout design?

The side-by-side content and page title, style of web layout. An example of this is Melanie Daveid's website. It is beautifully designed, and I am impressed. And I'm really interested in the design, ...