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
1answer
110 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 ...
2
votes
4answers
563 views

How can I test the responsiveness of my non-hosted website on my phone?

I wonder if there is a similar tool to Skala Preview (it is for live preview of photoshop work on your iPhone via Wifi) to test my web design (index.html and its assets folder) onto mobile phones (...
13
votes
11answers
14k views

Should I (a web designer) stick with gimp, or buy Photoshop?

I am a web designer. I do not use/own any adobe products... except for watching flash videos online of course. I currently use gimp 2.6 for my graphic needs. It's free and I know how to use it. The ...
0
votes
1answer
180 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 ...
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 ...
0
votes
1answer
30 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 ...
20
votes
9answers
9k views

Which modern software is a decent successor / replacement for Fireworks?

Just to give a little context, I have a background as a design-savvy developer (not a developer-savvy designer). I worked at an agency many years ago. I've been out of the design game for about 3 ...
-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, ...
15
votes
8answers
4k views

How can I start to learn web development?

I'm very interested in learning web development and have learned some basics regarding HTML and CSS a few years back from W3Schools, but I never learned how to develop websites that are up to today's ...
0
votes
1answer
70 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
437 views

Origin of solid color banner at top and bottom of websites motif

It's extremely common on websites to see solid colors spanning some portion of the top and bottom of the website, much like can be seen on some of the stack sites. Stackoverflow is a good example, it ...
8
votes
8answers
21k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
1
vote
2answers
97 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
vote
1answer
345 views

Resizing .SVG Files

I have hundreds of .SVG files of size (256x256) which I want to change to, let's say, 48x48. I know that I can do it manually or with the help of Actions in Illustrator, but is there any script or ...
0
votes
1answer
28 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 (...
3
votes
2answers
581 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?
0
votes
0answers
52 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 ...
2
votes
1answer
144 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 ...
0
votes
2answers
237 views

Learning how to design a webpage from code, with examples in CSS3, Python, etc [duplicate]

Possible Duplicate: Tips and sources for beginning designers I am now completing my first website written in Python. I started learning front-end development languages such as JavaScript and ...
2
votes
3answers
61 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
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
28 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 ...
-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
71 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 ...
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 ...
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
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
36 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 ...
0
votes
2answers
133 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
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
88 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 ...
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 ...
60
votes
13answers
193k 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 ...
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
257 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 ...
7
votes
1answer
224 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
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
414 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 ...
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
75 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 ...
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
4k 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
407 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 ...