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

How many pages should I do as mockups in web design? [closed]

Let's say we've mapped out the sitemap and there are about 10 pages. How many of those pages should I create as mockups? Of course, it's a given that there should be the landing page. But aside from ...
0
votes
5answers
536 views

Does a graphic designer need to be able to code websites? [duplicate]

The title says it all really. I just want to find out whether I need to know web code to be a good graphic designer.
5
votes
3answers
827 views

What is the difference between layout and design?

I can't understand what is "design" and what is "layout" in terms of web design. I'm confused between layout and design. Can anybody can help me understand these matters? Thanks for reading my ...
0
votes
1answer
83 views

What CSS blend mode will add white color without affecting black?

I would like to allow adjacent apps in my interface glow, overlaying each other with white, but the apps have a 0.25pt black border which I want to avoid diminishing. Is there a blend mode which ...
0
votes
0answers
182 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
1answer
131 views

How do I acheive this effect in photoshop?

I beleive that this Image is edited version. I want to know how I can acheive this effect in Photoshop CS6? Any ready made effect action? Thanks
3
votes
1answer
630 views

Images for web: vector or raster?

I have created a vector image in Adobe Illustrator. It is basically a simple schema. I would like this schema posted in a web page, but what type of image should I select, raster or vector? According ...
5
votes
4answers
825 views

What are the best tools for testing how a website will look on different platforms and what are their pros and cons?

What are the best tools for testing how a website will look on different platforms and what are their pros and cons? This includes knowing how my layout/fonts display and functionality in various ...
0
votes
2answers
54 views

Can you re-use layers but in different locations / dimensions?

In website mockups, I design the front page, then duplicate layers constantly for other pages design. Things like the header and footer stay basically the same, so they are copied. Their exact ...
1
vote
3answers
314 views

Single 1 pixel diagonal line background

i try to add a diagonal line in the background of a div. i wonder if it's possible to do it without to use a .png image. I saw some css options but the render quality is poor and the line don't touch ...
15
votes
4answers
4k views

Should I use company's logo color as a website color even if its bad?

I'm building a website for the company that I'm in, but the marketing department, isn't giving me much room with the colors. They say that we need to use the #2DCCD3 everywhere because it's in the ...
1
vote
3answers
433 views

Making text stand out in front of images

I'm trying to make my text stand out in front of my image. I've seen sooo many websites that do this well: e.g. http://brewsters.ca/ However I clearly am not: http://immehabayas.com/ I wanted to ...
4
votes
4answers
1k views

Responsive web design is based on screen resolution or screen size?

for mobile devices the resolution is actually big, only screen size is small. based on that: For websites design, do we target screen resolution (e.g 1080x1920)? And for mobile apps. do we target ...
0
votes
1answer
79 views

Is it a bad idea to use a svg as a background image for a website file size wise?

I need to save out some images for a website project at work. These images will span the full background of the site using background-cover. I first thought that svg would be the correct choice but I ...
0
votes
1answer
64 views

Forcing decimal guide with Photoshop

I'm trying to create a Bootstrap grid. But on 1170 width, each column is 97.5 wide, so I will need to create decimal guides. But when I add a guide with the "add new guide" tool, it always round up ...
0
votes
0answers
24 views

Are there any great free resources to learn how to design with? [duplicate]

I'm a web application developer. I'm full stack. In fact, I also do a lot of server administration; really I do it all. Very frequently I get clients with no design in mind, and no designer picked ...
5
votes
2answers
196 views

Efficient workflows for handing off designs to developers

I work as a UX/UI designer for my company's web sites. After I make the designs, I send the mockups to web developers, who implement them. It's a little more collaborative than that, but that's ...
1
vote
1answer
186 views

How do I hyperlink .oam-Animations Muse? [closed]

I have an .oam Animation made in Adobe Edge embedded in Adobe Muse. It animates on mouseenter and mouseleave using JavaScript. How can I hyperlink it using Adobe Muse. I want to use HTML so the link ...
2
votes
3answers
126 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 ...
9
votes
3answers
943 views

What to do when a client is not managing the project and costing you time / money

I've been a freelance designer for about 7 years, but more recently have been functioning more as an agency with private project and a few staff....I wanted to get some advice on some issues that keep ...
0
votes
1answer
81 views

Where can I get flat images for a website? [closed]

I'm building a new website but am finding a lack of minimalistic images and clipart. This is a very general question but are there any good sites to find minimal, flat, simple, etc. images? I have ...
-3
votes
1answer
80 views

Photoshop multiple layers blending - save for web

Through photoshop web template i found one interesting problem with multiple layers blending. In the picture you can see screenshot of layout. Of course color is not part of it, just without color ...
1
vote
3answers
151 views

Does Google provide material design resources?

Does Google provide Material Design building blocks for designers (i.e. ready to use components as psd files)? I haven't found any in the specs.
2
votes
2answers
3k views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
3
votes
2answers
112 views

What search terms can help me find “progressive reveal” campaigns?

not sure what this is called. Tried a bit of googling but didn't find what I was looking for. I'm designing a website on which we will be revealing a list item every week. The website is launching ...
0
votes
0answers
54 views

Illustrator, Files appear pixelated when it's saved to web

I'm hoping I may be able to find someone who may be able to help with illustrator. I'm currently trying to create a header for a blog, although every time i save to web, the image appears pixelated. ...
4
votes
1answer
96 views

Images or functioning websites for portfolio?

I am new web designer, should I include images or functioning websites in my portfolio? All of my designs are personal projects that I have designed and built using html, css and javascript. By ...
1
vote
1answer
26 views

What does the Dreamweaver grid layout refer to, and what is the standard?

I saw that in Dreamweaver, as well as in .psd, designers use guides to separate the page layout in 'grids'. I suppose this is tied to the idea of responsive web design, but I want to know why a ...
2
votes
1answer
329 views

How to select a font color to go on a very busy background?

I'm a developer and don't have much design experience. I'm creating a landing page for a project I'm working on. I want to use the below image as the background for my landing page. As you can see ...
2
votes
2answers
229 views

What's the name for a “multi page scrolling webpage?”

A lot of tech companies have a websites with the following UI features: a homepage containing several discrete "slides" stacked vertically you can scroll vertically through the slides or, (in some ...
6
votes
3answers
316 views

How do you deal with amends from a client?

I'm a web designer currently working with a very demanding client. I presented them with designs back in May and I'm still working through amends with them. They are making changes to everything and ...
1
vote
3answers
513 views

Hero Banner - Responsive Design [closed]

Is there a "best-pattern" for responsive banners? I see this one all over the place: ...in fact, I haven't seen much else on responsive websites. Essentially, the common theme seems to be a ...
0
votes
1answer
39 views

Exporting multiple web design views or phone app views into phone wrappers?

I am using Illustrator CC to design web sites and mobile apps. Each view is in its own artboard which means that I get about 20 different artboards in the end. In photoshop I have a phone mockup file ...
1
vote
3answers
499 views

What method to use to create opening animation for webpage

I need advice on what program to use to create an opening animation for a webpage that looks similar to this: http://melaniedaveid.com/ I am most familiar with adobe illustrator and am not familiar ...
1
vote
4answers
458 views

Why use Photoshop for Web Design

Aside from its bitmap effects, can someone tell me why I should use Photoshop for creating website layouts instead of Illustrator? To the best of my knowledge Photoshop was never intended to be used ...
10
votes
3answers
455 views

Should text indent be used on the web?

I thought of adding text indent to my website (-having the first line of paragraphs indented), but first searched a bit, and discovered that many sites do not have any text indent. Why is that? I ...
-5
votes
3answers
108 views

Meaning of Responsive web design

Many graphics and web design companies ask for the knowledge of responsive web design. What is responsive web design actually is and what are the tools someone should know to create and design ...
0
votes
1answer
85 views

Tools and softwares need to learn to be a web and graphics designer [duplicate]

This is my first question here. I am in my academic level. I know html, and a bit of css. I want my career in graphics and web design. As a startup, other than Html and css how many tools and ...
0
votes
0answers
36 views

Responsive design comp on non retina dispay

I'm designing a responsive website comp in photoshop. My display is 1920x1080. My comp is 1366 pixels. How will the comp look on retina display? Having a hard time wrapping my brain around how these ...
1
vote
1answer
80 views

Finding out object filter specification for Inkscape objects

As in my other questions I am running Inkscape 0.91. I have become quite fond of using Inkscape to build my wireframes, so I have a question. Let's say I applied a drop shadow filter to an object in ...
0
votes
0answers
27 views

Technologies, Softwares, which I need to know to work and to be very good Graphics and web designer. [duplicate]

I am a startup. Currently working in small software development company as a developer. But I am very fond of Graphics and web designing. So want to switch to that way. I know HTML and Css and can ...
1
vote
1answer
185 views

How can a junior developer switch career path to design while still earning?

Don't know whether asking this here is right or wrong. But i desperately need an expert's advice. I always have a very passionate interest in career in Visual effects. I am from a below poor level ...
0
votes
3answers
823 views

Image shows blurry in browser at 100%, but not in photoshop!

I came across this site and saw that it had a couple of blurry images. I checked my browser zoom in Firefox and Chrome and they were both 100%. I copied the images to look at them in Photoshop and ...
18
votes
6answers
6k views

Is it essential to type “WWW” when our design contains URL, or is it a matter of taste by now?

I love the appearance of traditional url's, because the www in front of them eases and speeds up my understanding that there's definitely a certain web adress. But is there any established guideline ...
0
votes
0answers
65 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 ...
1
vote
1answer
752 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
3answers
330 views

Illustrator PNG w/ transparency Export - White Outline in Web when not 100%?

I created a vector graphic in Illustrator CC and used "Save for Web" to create a transparent PNG of it. When rendered on my site, though, it adds a faint light outline around the gray circle in the ...
0
votes
1answer
36 views

Where/how can I inlay my app screenshots to make an iPhone animation for a website? [duplicate]

I would like to do something like this: http://www.fixed.com/ It's quite common, but I have not been able to find a site or psd download that allows users to embed screenshots in phones. Does anyone ...
0
votes
1answer
219 views

Photoshop how to create a box with curved edges and a background color easily

As you can see in this picture, the edges are very rough because ive used the the brushes with background color. What I want to achieve is the perfect curve for this angle. I tried to edit the brush ...
0
votes
6answers
926 views

Should I design PSDs for Desktop, Tablet and Mobile separately in responsive design?

I'm trying to design a responsive web site in Photoshop. But the question is should I design different PSDs for all these devices? (Desktop, Tablet, Mobile) If yes, what page size should I choose in ...