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
16 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 I am not a professional designer, hence I feel there's something wrong it, but I am not exactly ...
1
vote
1answer
20 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
237 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.
0
votes
1answer
30 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 ...
-2
votes
1answer
50 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 ...
6
votes
1answer
117 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 ...
-7
votes
0answers
51 views

I need advice on website design software. which is easy and effective? [on hold]

I'm a graphic designer but in advertising. I don't have much background in website designs but I'm learning, so I have been looking around and I found so many software. so which one worth learning and ...
0
votes
1answer
40 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 ...
-1
votes
0answers
19 views

I'm trying to design a 1000 x 450 px banner for web. Help! [closed]

I'm trying to design a 1000 x 450 px banner for web in photoshop. But the picture and text are pixelated. However, when I made the same banner for a smaller 16 x 19 in. it looks great and has no ...
2
votes
3answers
354 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 ...
-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
71 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 ...
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 ...
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 ...
6
votes
3answers
189 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 ...
5
votes
1answer
568 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 ...
-5
votes
1answer
67 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
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. ...
-1
votes
3answers
67 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 ...
0
votes
1answer
45 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 ...
1
vote
1answer
67 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 ...
1
vote
1answer
51 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
25 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
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 ...
0
votes
3answers
56 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 ...
7
votes
1answer
99 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 ...
-1
votes
2answers
59 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!
4
votes
2answers
87 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
3answers
94 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 dpi?...
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
votes
1answer
28 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
63 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 { ...
0
votes
1answer
67 views

What is the optimal contrast ratio for best readability?

According to the W3C (and another question on this site), the contrast ratio between body text and text background should be at least 7:1 for good legibility. Google takes this up in their typography ...
0
votes
1answer
72 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, ...
8
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
60 views

Logo formats for a web site and digital photographs and using for print [duplicate]

Someone is designing a logo for me. I need to use it for a web site, as a watermark on digital photograph as well for printing on photos, business cards, etc. What formats should I confirm for all ...
0
votes
1answer
133 views

How to create a pattern border around webpage, squarespace

I'm trying to create a specific border around a squarespace page so that is responsive (i don't want to add an image as it wouldn't adapt to other devices) This is what I am hoping for: I currently ...
2
votes
3answers
110 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
2answers
181 views

How to save a file in photoshop that is supposed to be displayed on a web site? [duplicate]

I just have made an ad banner in photoshop (width 1000px, height 250px) and sent it to the developer, but after an hour he said that the file that I have sent to him opens very slowly because it ...
-1
votes
1answer
66 views

Strange Webpage Font Rendering on Android

The following screenshot is taken from a Nexus 6 browsing on Chrome 49 on Android 6.0.1. The "s" and "t" --- when they appear together --- are joined by a line. This is not intended. It renders fine ...
0
votes
0answers
36 views

What resolution should I work with in to output to different pixel densities?

Q: What resolution should I be working in (Photoshop, Illustrator, etc) to output for both high resolution displays (retina, etc) as well as standard resolution output (72ppi/web)? My Gut It seems ...
5
votes
4answers
234 views

Do front end developers need to know how to use Photoshop?

I'm a front end developer that has never used Photoshop before and always designed my websites in browsers directly. I know that website development has changed a lot since responsive design came into ...
3
votes
1answer
160 views

Manage folder path overflow

My app has this kind of design in the ideal, normal use case: but, in case the user creates two or three nested folders with a long folder name, like in this structure: it quickly becomes ...
-1
votes
1answer
102 views

How much is the average cost of 1 hour of graphic design in Miami, FL USA? [duplicate]

I have a potential client from USA, and I live in another country. I would like to know (an average price in dollars), how much a graphic/web designer would charge per hour for maintaining the website ...
3
votes
3answers
157 views

Need help understanding the difference between RGB and CMYK [duplicate]

I am a web developer that fancies myself on being graphically savvy, but I am far from a graphical designer — everything I need is able to be done in raw HTML and CSS. The marketing director at our ...
0
votes
0answers
37 views

How to reduce a detailed logo without losing crispiness in photoshop or Illustrator [duplicate]

I have a logo design, which need to be reduced to the size of 52px height, on reducing the size to 52 the logo gets jagged with rough and un-smooth edges. how to make it better. any suggestions ...
0
votes
1answer
94 views

How to recreate this cut out effect? [closed]

In searching for themes for my personal blog, I stumbled upon the following design and I'm really curious about how the effect was created as I want to do something similar. It appears to be some ...
-3
votes
1answer
53 views

Metal sheet with diamond pattern [closed]

I'm not sure if this question is for this website and if it's not can someone point me in the right direction but what I want is a picture/texture of a metal sheet with that tall or long diamond shape ...
-1
votes
2answers
73 views

Does anyone know a good way to preview website psds on desktop?

Does anyone know of a good live desktop preview tool for when you're designing websites? I've noticed when I'm designing websites, the elements can come out a bit too large since in Photoshop, I'm a ...