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)

-3
votes
0answers
21 views

non inline shape are pixelated in photoshop [duplicate]

non inline shape are pixelated in photoshop as a designer this is a huge problem ..i looked every where for an answer and i can't find any help ... the problem is when i try to draw a non inline ...
0
votes
3answers
48 views

How to represent a general movie in a cover picture for illustration purpose?

I'm making a SaaS landing page, and in the upper section there's an interactive illustration of the product (a web interface) in a browser, showing what you can do with the product. This interface ...
-2
votes
0answers
10 views

Size of document for landing page [duplicate]

I'm learning to design landing page/single page in Adobe Photoshop. I don't understand how to choose width of the document in Photoshop? What is it based on? Are there any standards/rules?
0
votes
1answer
37 views

How many columns should be used for small screen devices?

We use Bootstrap with default settings (i.e., 12 columns throughout using a fixed container, and 30px gutters between the columns). We also use default break points. I want to give my software ...
-1
votes
1answer
35 views

move all layers on a canvas in photoshop

I have a huge gif file that I am editing in photoshop. I am newish to photoshop and have not been able to find any way to move all of the layers within the canvas without toggling the visibility, ...
3
votes
2answers
582 views

Industry Name For This Image Setup?

Wondering if there's an industry known name for this very common three column image setup below header banners. It's seen on almost every site nowadays so I assume it has coined a name by now?
2
votes
3answers
63 views

My text won't center in Dreamweaver (using bootstrap)

I'm creating a website in Dreamweaver using Bootstrap, and I'm having trouble getting my text to centre in any of the columns. I've tried changing the CSS to as follows (as an example): .p9 { ...
0
votes
1answer
29 views

Inkscape - When saving as SVG and uploading to web, nothing shows

I'm really new to Inkscape and I'm having problems exporting my file for use on a webpage. I've created a logo and exported it as a SVG by doing the following: File -> Save As -> Optimized SVG (...
0
votes
2answers
42 views

How to make a timeline with task and actions that is easily readible? [closed]

We are making a web timeline for our callcenter department. In this timeline you can see tasks and related actions to perform these tasks. So task =actions+actions+ potential other actions or not. ...
0
votes
1answer
30 views

JavaScript library that will display variable size wedges on a Pie Chart [closed]

I'm looking for a JavaScript library that will create pie charts with variable sized wedges like in the image. (It looks like a doughnut graph but the the image in the middle just has a white border ...
-2
votes
0answers
31 views

why my full HD images resize in the browser?

i am building our new web site. We need to utilize full HD header images. Currently i am creating images 1980x946 px. What i notice through the inspect tool of Chrome is that even though the natural ...
0
votes
0answers
53 views

Why do my logos lose clear edges quality when uploaded? [duplicate]

I design logos using Illustrator. Now, it is vector based, so the image shouldn't lose its quality when its dimensions are reduced? (I've heard so). If you look at my blog, I have Logo just before ...
-1
votes
1answer
33 views

Too much spacing in text

I did't know why I had so much spacing issues on my site, but i figured out that it is because of the "text-align" style property, which is set to "justified". This spreads out words in a row that has ...
1
vote
2answers
22 views

Expand height of PSD without overflowing other view

I'm designing a landing page : But as I started my background images are too big so when I crop the view downside, I get this: How do I make the first section to not overflow its background ...
0
votes
1answer
37 views

Illustrator file saved as .jpeg file color look completely wrong online. Why?

So, I saved an Illustrator file as a .jpeg file and it looked completely wrong online. I went back and realized the color mode was CMYK, so I figured it should be in RGB for web. I tried to change the ...
1
vote
1answer
39 views

How to make right color compression for internet images? [closed]

How to make right color/image compression for internet images? I adjust images in the Adobe Lightroom, then I export them to the Adobe Photoshop (there are already some changes - pictures looks more ...
1
vote
2answers
73 views

Best way to save JPG images to scale up in web (Css) without losing quality in Photoshop?

Any ideas how to save a JPG (or any similar - small (KB) size Format) image with the size of 300px/300px in Photoshop - to scale it up to 600px/600px with using css in a webpage, without loosing "...
2
votes
1answer
54 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
30 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 ...
0
votes
2answers
90 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"? ...
1
vote
2answers
124 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
vote
1answer
30 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
259 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
38 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 ...
7
votes
1answer
234 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 ...
0
votes
1answer
54 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 ...
3
votes
3answers
415 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 ...
3
votes
2answers
98 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
77 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
42 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
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 ...
5
votes
1answer
795 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
77 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
79 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
72 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
70 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
57 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
36 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
75 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
57 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
100 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
65 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
90 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
117 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
29 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
72 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
90 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 ...