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)

-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 ...
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 ...
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 ...
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 ...
2
votes
1answer
143 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
1answer
30 views

PNGs created in Illustrator CC have white hairline surrounding the image

I have created three social media icons in Illustrator for use on my website. However, once I have exported these images from illustrator to PNG with a transparent background, a thin white outline ...
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 (...
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
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
68 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 ...
0
votes
1answer
109 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
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 ...
2
votes
0answers
172 views

Web font that includes both alphanumeric characters and icons

There are lots of icon fonts, like FontAwesome, ionicons and others. But is there any web font that includes both text and icons? If not, do you know why? My motivation to ask this is to be able ...
1
vote
0answers
115 views

Pixelated images and smart objects in Adobe CC suite

I have been using Adobe softwares for a couple of years now and I never had this issue before. Every time I save for web (png), or even pasting smart objects from illustrator to photoshop I get a ...
1
vote
0answers
113 views

The strange case of Japanese Websites

Japanese Websites are strange entities that live a digital world far away from the one we are used to. They probably have their standards, that are still obscure to me - and it's not a matter of ...
1
vote
0answers
113 views

Comparing numbers of vastly differing scales

I'm working on a project that looks at the nature of electronic data (bits/bytes, storage) and the exploding nature of data traffic on the internet from 1990 to projected 2016. For one part of this ...
1
vote
0answers
126 views

Which HSV-noise values do not cause artifacts on an LCD screen?

I have come to notice that certain HSV noise filter values applied to a uniform background colour look horrible when viewed on an LCD screen under certain viewing angles. This is more noticeable on (...
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 ...
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 ...
0
votes
0answers
43 views

Why does Photoshop have a horizontal scrollbar on narrow but long documents and how to disable this?

I mostly work with narrow & long documents in Photoshop. My screen width is 1920px and canvas size in Photoshop is around 1500 px. Which means that at 100% zoom, canvas is narrower than my screen, ...
0
votes
0answers
699 views

IS iMac Retina 5K suitable for webdesign?

it is time to retire my old macbook pro which served me well for over 5 years, since I dont require protability I am leaning towards bying iMac 27 with 5K display. I work as a web designer and my ...
0
votes
0answers
55 views

Adobe Photoshop : Display text-selection in correct format

I am working on a photoshop design for a font-design which will be inserted in html. Right now, when the text is selected, it looks differently in Photoshop and differently in browser(FF). As you ...
0
votes
0answers
70 views

How to view all layer sizes?

I have received a design as a .psd and a .png file, but the designer has not added the sizes of each header, image, padding, etc. Is there a way to quickly and efficiently see the size of each object ...
0
votes
0answers
26 views

How to produce a centered svg when using Extract Assets?

This is the design I have. I want my svg to look exactly like this but as you can see, using Extract Assets shifts everything to the left side. Is there a way I can have this centered on Photoshop ...
0
votes
0answers
73 views

How do verify colors in graphics intensive webpages on CRT screen when developing only on LCD screen?

I am developing a public facing website (unpublished yet) that is graphics intensive. I develop on my laptop and I have no other CRT attached machines to verify the appearance. I am particularly ...
0
votes
0answers
284 views

Should I adjust the 960 grid system width for bigger screens?

I'm designing a website in photoshop and using the 960 Grid System 12 column. Automatically the canvas width is 1,020 Pixels. For bigger screen resolution screens should I expand the width of the ...
0
votes
0answers
93 views

Design in Retina Display FOR Non-retina Displays

I use macbook pro with retina display for designing web templates. I have BIG problem. The colors of template that I design in retina display, very lighten in non-retina displays! I using the ...
0
votes
0answers
204 views

How do you use the slice tool in your webpage layouts?

I have used Photoshop for about 11 years and Illustrator for about 5 years for webdesign. But I can hardly remember ever using the slice tool that much. I did try to use it, but the difficulties of ...
0
votes
0answers
191 views

Vector images/Infographics created in coreldraw does not look clear and sharp

I am building a basic site for my self using word press.I am creating some basic images using coreldraw 7 ( mostly basic shapes,like rectangular banners and stuff),however when i upload it on the site ...
0
votes
0answers
77 views

How to create a template for UI elements?

I was reading through photoshop etiquette (http://photoshopetiquette.com/) site and was wondering what they meant by "Make a template for UI elements"? Does this mean create a new document solely ...
0
votes
0answers
658 views

Photoshop and browser: how to get the colors right?

Ok, I'm designing for the web and I had different colors in Photoshop (Windows) and Chrome, so I started searching and found contradicting tips and I have no idea of what should I do now. Windows ...
0
votes
0answers
65 views

Why do photos jump around when exporting from Muse?

My company is trying to slowly move towards digital and we are in the process of learning Adobe Muse as a stepping stone to more legitimate web practices. One issue we continue to encounter is our ...
0
votes
0answers
2k views

How to make Google Maps in Photoshop?

I'd like to find out how I can create a map similar to these: especially for web design project (in psd file). Do you know how to get that kind of maps? I suppose it can be something like http://...
0
votes
0answers
1k views

Rendering Issues with Proxima Nova Web Font

We recently launched a new website (backtothebible.org) designed by an outside company. The site uses Proxima Nova. The font renders great except for a few sizes on PC's. The issue--which is an ...
0
votes
0answers
108 views

Dynamically composed icons representing state of content

I am considering a web UI imrpovement. Each icon (large, 128x128px) in flow layout represents a configuration of a certain process, and, to the user, there are a bunch of "important" settings for this ...
0
votes
0answers
130 views

techniques/methods/utilities/exercises to practise typography principles

I am a beginner interested in learning typography. What kind of tools are available that would help me layout/experiment easily with various design principles. For example, this site i found immensely ...
0
votes
0answers
564 views

Get RGB/Web color values for Avery vinyl colors

I'm doing some basic web-design work pro-bono for a local charity, and I'm trying to match some colors that they use on the side of their vehicles. They use Avery vinyl in two colors and a 3m ...
0
votes
0answers
51 views

avaiability of public-domain platform/os vectors

I have looked high and low for platform logos (iOS, Android, Unity 3D, Haxe, Java, .NET, etc.) in a vector or even photo format that have a consistent look and feel. Short of collecting disparate ...
0
votes
0answers
126 views

Health Startup illustration

I am working on a health startup and was thinking of building some character unique to my startup as zocdoc does to explain itself. Will a sketch doctor seem derivative? PS: My site would be ...
-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 ...