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

Is Designing For Portrait Orientation Important?

I'm developing a website that's almost ready for release. I'm a coder, not a designer, and my designer doesn't code. So I've been basically implementing her designs myself. Everything is finally ...
0
votes
1answer
119 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 ...
0
votes
1answer
25 views

Displaying status circles

I am currently working on webproject and responsible for the design. I have a list , where I shall display the trackingstatus of each list-item. For each step I have 4 possible outcomes. I wanted to ...
-1
votes
2answers
57 views

Should I accept my own redesign?

have a webapp where I make http post requests and I wanted to improve the form where users post advertisements. Now when I improved it, how do I actually measure or know that I made an "improvement"? ...
-3
votes
1answer
39 views

Which cms do I use and how to make the current html responsive? [on hold]

One contracter created a psd file for me based on my wishes, another one a html-page based on it. This was in 2012. There is a lot of gradients and rounded curves going on. My goal is to have the ...
1
vote
2answers
110 views

How to create an eye-catchy and easy to use form?

I have the following form (to the right), and my intent is that its: Eye catchy Simple to use We are not a professional designer, hence I feel there's something wrong it, but I am not exactly ...
-1
votes
0answers
22 views

A question about performance [on hold]

I didn't find it on google about in a way that is clear, and i was wondering about to make one live validation in a form, well i was thinking if its best for the end-user performance if i create ...
7
votes
6answers
32k views

Highest quality website screenshot?

I have created a website that i would like to add to my portfolio, but i'm having a hard time getting high quality screenshots of the full site. I tried to save the website as PDF, but that was full ...
58
votes
13answers
189k 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 ...
0
votes
1answer
100 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 ...
1
vote
1answer
23 views

Is there any difference between a font converted for web and TypeKit

Let's say I want to use Helvetica Neue on my website. One solution is to convert the font for web use with websites which transforms the fonts through @font-face css property. Other solution is to ...
3
votes
2answers
244 views

What is the name for the element with two selection lists and selector buttons?

I have a design for a control looking like this: I'd like to know if there is a commonly used name for such control to google its implementations.
16
votes
5answers
10k views

What is the difference between “flat style” and “material design”?

After Windows 8 came out all spoke about "Metro UI" and later about the "Flat design". Now, after Android Lollipop came out all speak about "Material design". Can somebody explain the difference ...
0
votes
1answer
34 views

Reusable objects that change when one is changed in Illustrator

I've been designing websites in Illustrator for quite a while and the major problem I found when doing so is that I have to repeat some elements into all my documents. For instance, I would like to ...
6
votes
1answer
145 views

Does changing a “regular” font with font-weight in CSS make it actually bold? (i.e. another font file)

I am a web developer and I am working on a project which uses Quicksand Light/Regular/Bold as font. The web application's standard font is Quicksand regular but there is also text which is lighter and ...
13
votes
2answers
9k views

What's the best way to animate an illustration for the web?

I have a couple of illustrations done in Illustrator and I am planing to animate it for a website that I am working on, I've heard of Create.js toolkit with flash, but is it the best way to go or is ...
0
votes
1answer
48 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 ...
-2
votes
1answer
54 views

What is the most used way to design layout of a website and the code it? [duplicate]

I'm new to web designing and development process. I have seen a few videos that show first you need to design Mockups in Photoshop and then you write HTML and CSS for it. In one video, I saw that ...
0
votes
1answer
44 views

How to optimize JPEGs for retina displays?

I am trying to optimize a set of JPEGs photos (5120 x 2880 px) that will be used on the web for retina screens. The objective is to reduce file size as much as possible while keeping image quality ...
2
votes
3answers
370 views

The effectiveness of the hamburger menu in 2016

How effective would other professionals rate a hamburger menu on its own. Is it necessary to have a menu which is 100% visible and doesn't need a click to be shown. I intend on using the answers here ...
16
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
2answers
93 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 ...
-1
votes
0answers
25 views

Website calculator with animated graphics [duplicate]

Since flash is getting old I can't decide what should I use on the website to make an calculator with animations. I need to make a calculator that calculates the bricks needed to build the wall and ...
3
votes
2answers
91 views

Export to SVG with blend mode or “Apply” it

I have an image with a gradient background and a transparent gray shadow on top of it set to multiply. When I export to SVG, it loses the blend mode and appears gray. How can I have Illustrator ...
0
votes
0answers
72 views

png text looks fuzzy in browser

https://twitter.com/amplifyspirit Hey folks, Having an awful time dealing with a certain colour export issue. When I view the attached file in browser i get fuzzy edges as well as colour ...
1
vote
1answer
132 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 ...
4
votes
7answers
5k views

Is it possible to prevent download of images when designing a website?

Say you wish to provide sample high-quality images in your website but also wish to protect them from download, as in you can view them on screen but can't save from the website. Is there a way to do ...
1
vote
2answers
3k 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" ...
1
vote
1answer
395 views

How do you take into account display brightness for end-users?

This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast. The less bright one is obviously more muted and the colours ...
6
votes
3answers
191 views

How to communicate a 3 step process clearly and concisely?

I have the following section in our website, and now when I look at it, I feel it looks unprofessional, and a bit unclear. I tried to break the "How It Works" section into 3, with the second section ...
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 ...
0
votes
0answers
29 views

Web application design & development process in detail, how do the professionals do it? [duplicate]

I’ve been learning coding for about 2 years now and I’m also interested in the visual design of web applications. I’ve learned Photoshop over the past month. When there needs to be a change to the ...
0
votes
3answers
4k 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 ...
1
vote
0answers
41 views

Any good articles / books on achieving a child related but not childish feel for a website? [closed]

I am creating a website for my new business, a children's day nursery. We need to convey several things, 1. we are professional, 2. humanity, warmth and care, 3. children as the core of the site. I ...
5
votes
1answer
704 views

CSS snap point design guidelines

I'm creating a new personal site and am considering using CSS's scroll snap module as my primary navigation. Essentially this allows the web page to "snap" to certain locations based on element's ...
6
votes
5answers
3k 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 ...
27
votes
5answers
3k views

What is meant by “busy”?

What do web developers mean when they think something will make their site look "busy"? What gives this feel of busy-ness?
-5
votes
1answer
69 views

Examples of a $5000 website. (For a guide on pricing) [closed]

I realize this may sound like a strange question (and hopefully relevant for this site). I am starting up freelancing and am unsure about what I should charge for various jobs. Would other ...
-1
votes
3answers
70 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
165 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
654 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 ...
1
vote
1answer
22 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
2answers
73 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 ...
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
68 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 ...
6
votes
5answers
27k 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 ...
2
votes
2answers
742 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
53 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
28 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
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 ...