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
vote
2answers
139 views

Grid system building methodology for web

For a long time now, I have been using premade grid systems, like foundation grid for instance, which consists a grid of 12 70px columns, and 30 px gutters. But as my design passion seeks the best ...
0
votes
2answers
84 views

Trying to make a picture's background fit with a background that the picture is on

I have a picture on top of a background that is wider than it and the background colors don't match. I tried to use the eye drop but you can still tell it does not blend in. I was wondering if i can ...
1
vote
2answers
176 views

What font would compliment Source Code Pro for better readability?

Please see this example: I use Source Code Pro for my website as main font. While I like the look and feel of the font and I chose it specifically for that, I have the impression, that it does not ...
3
votes
6answers
200 views

Critique: how to visually differentiate similar looking icons of “Test”, “Save”, “Load” & “Download”

I'm Currently working on a mail template builder project. We're using a lot of icons and now I need to make some for our menu bar. As you can see they must represent Test, Save, Load, & Download ...
1
vote
3answers
2k views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
0
votes
1answer
116 views

What is the name of twodots design [duplicate]

Hi, I just love this kind of design and I wanna know if exist specific name for this.
0
votes
1answer
74 views

Web Designer vs Visual identity creator

Is The main role of a web designer is to create a full visual identity to a company through his design ? ( to a company that don't have a visual identity )
0
votes
0answers
260 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
6answers
8k views

Web design what to use Photoshop or Illustrator?

What should i use to design photoshop or illustrator ? There's a correct software or its more a personal choise ?
0
votes
1answer
262 views

How to apply Z-index to a layer in Photoshop?

I am new to Photoshop trying to design a web page and I was wondering is there any way to assign a "z-index" like feature from CSS to a layer to control overlapping between my images?
0
votes
0answers
13 views

Maintaining contrast between background and text [duplicate]

I am working on the home page of a site that I'm building and I'm looking at a minimalistic cover page design. The issue is that the stock image that serves as the background for the page is too ...
0
votes
1answer
94 views

When should we prefer rounded corner rectangle over square corner rectangle? [closed]

I always find myself in a dilemma about whether to choose rounded corners or square corners, for both applications UI & web design. As I read in a couple of articles choose one style of corners ...
-1
votes
2answers
135 views

illustrator pencil tool jagged line problem

I used pencil tool, but almost lines are jagged. I checked anti-aliased art work in preference setting, but it can't solve the problem. and I will use the picture for web. (700px * 344px) It is okay ...
1
vote
1answer
509 views

Font size while designing a web template in photoshop at size 1280px by 1000px

I am fairly new to designing and almost self taught, so please excuse me if my question is downright stupid. I have found that when I design a web page in photoshop, my font size is very small and ...
0
votes
2answers
179 views

Web design critique

I feel like this particular example has a lot of good elements. I think visually the colors work well. I like the logo design. I like the home page. But I am struggling with how to layout the rest of ...
0
votes
3answers
894 views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
1
vote
2answers
143 views

Can anyone recommend a design book that has a strong pragmatic web orientation?

I've been looking through the site recommendations and other people's posts requesting beginner's design books but have yet to find anything that meets my specific tastes. I'm not looking to make ...
0
votes
3answers
129 views

Does making pictures with bigger dimensions than actually needed enhance their quality?

Clarifications I need the picture for my website, that is, it'll be for online purposes. I'll be using PNG because I need transparency. [EDIT] I need a "JOIN" written on a monochromatic sketch-like ...
0
votes
1answer
372 views

Is Proxima Nova a web safe font?

I've been asked to replace the font we use on the web and mobile apps with Proxima Nova. I wanted to ask the community if any of you know if Promima Nova is a web safe font?. Thanks.
0
votes
0answers
34 views

Why Does SVG Automatically Center Itself?

I recently converted my logo from PNG to SVG. The sizes of the images are identical, however, the SVG version seems to want to automatically center itself. You can view the PNG of my logo at ...
1
vote
4answers
204 views

Will my web site's type in the web browser look exactly as it does in Photoshop?

Are there specific web font guidelines to use in Photoshop files for web design? I am having issues with line spacing and fonts not showing correctly in HTML.
1
vote
4answers
118 views

What type of graphics style is used in the WP Bones website?

I'm trying to design a couple of graphics and a header image for my website . I came across the "Bones" website and really liked their style of graphics for the clouds and background sky. The ...
6
votes
4answers
312 views

Titles and Menu items in lowercase, uppercase, serif or sans serif?

Im building a new wordpress website and need some input. The question is - should i use lower or uppercase - serif or sans-serif for my post titles, widget titles and menu items? Which is the best in ...
1
vote
2answers
298 views

Bootstrap buttons - text hard to read?

I wonder - is it just me, or the text on the Bootstrap buttons is hard to read: I feel that the text is way too small for the size of the button and the letters are too close to each other, making ...
1
vote
1answer
46 views

Where should be put a feedback box on a website? [closed]

Is there a special place where to be this kind of section? I have a task to integrate a "feedback box" and I have no idea... Thanks!
9
votes
4answers
302 views

Critique: Tritium website design

In follow up to this question: Critique: Tritium software logo design. For reviewing the website code (performance, bugs, related user experience), please visit the sister question on Code Review. ...
-1
votes
1answer
65 views

where should I get Images for website? [duplicate]

I'm working on a PSD mockup for a website. I'm really getting hard time searching the right images for slider and related stuff. I looked through stock images and they are expensive! What is the ...
1
vote
2answers
950 views

Style Guide Template

I'm creating a website and I'm in the branding and styling stage where I'm picking a color scheme, font combinations, etc. I want to create a very basic Style Guide to show to my clients for ...
-1
votes
3answers
87 views

How is mozilla.org homepage design acheived? [closed]

https://www.mozilla.org/en-US/ Can anyone comment how the below is acheived? 1) the sliding image album in the homepage 2) Shadow behind thumbnails in https://www.mozilla.org/en-US/products/ If it ...
19
votes
7answers
7k views

How to answer the ever-present 'make the logo bigger'?

Just like most of us, I regularly face the client desire to 'make the logo bigger'. Especially in web designs, clients want to inflate their logos to ridiculous sizes. How do I effectively counter ...
0
votes
2answers
395 views

Do browsers really only display images at 72 pixels per inch? [duplicate]

In the book HTML and CSS, I came across the following quote: The web browsers on most desktop computers display images at a resolution of 72 pixels per inch (ppi). So is it really useless to ...
0
votes
4answers
284 views

Critique : Feedback for portfolio website design

I'm in the early years of an aspiring web/graphic designer. The two main intentions behind creating this website were: To get some practice Use it as an online portfolio while hunting for jobs ...
4
votes
4answers
252 views

What does a tagline in a website header communicate by being there?

A client is asking to include a tagline in the header of their website, they are a premium agency. I lean away from this because what ever I do to try to include it, seems to take away from the ...
3
votes
4answers
516 views

Web Design: Is centering a content section a good idea?

I have a design where the header and footer are 1170px wide. (Standard Twitter Bootstrap 12 column container size.) I have been reading about the ideal width for good readability and discovered that ...
3
votes
1answer
174 views

Is it possible to make Photoshop pixel perfect?

As a web designer I hate one particular thing about Photoshop: Is it possible to force PS CS6 to turn decimal pixels EVERYWHERE off? I've been lurking around GD for a while now and nothing seems ...
0
votes
1answer
123 views

What is a technical way to describe this style of website?

I want to look up tutotirals for a few things but dont even know what to search for. What is the correct way to describe the following? The bar that is collected by the top of the screen and follows ...
4
votes
3answers
602 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
8
votes
10answers
2k views

How can I work with a client that doesn't know what they want?

Hi all the professional out there, I am helping a client/friend with a website design. He is a conceptual thinker. Yet his ideas are always inspirational but not practical. He is always wanting a ...
20
votes
5answers
3k views

What are the steps in designing a website?

Calling all Web Designers :) I am starting to make a website for a small business in my hometown and it will be my first proper project. I have made sites in the past, which I have done for leisure. ...
0
votes
0answers
37 views

Is it possible to export paths from illustrator as a URI?

This questions is slightly leaning towards web design, but I think it is more relevant here. I was wondering, do any plugins or techniques exist for exporting the file as SVG, and then without leaving ...
0
votes
0answers
39 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 ...
3
votes
3answers
158 views

What should be the relation between margin and padding?

In grid-based layouts, should there be any relation between margins (the distance between elements) and padding (the distance between an element content to its edges)?
11
votes
4answers
338 views

What are good places to start learning web typography and layout?

I have been a digital designer since 1999. I am self taught. However; my biggest weakness is spacing, grids and developing pages that feel balanced, as well as have strong typographic hierarchy. I ...
0
votes
1answer
115 views

the color I'm using on illustrator appears different when I save the image to use on my website

I'm doing a website and now I received the logo they want to use in website. The logo is in Illustrator format and I´m having a problem with this logo. In illustrator he has the color #2e3182, which ...
5
votes
5answers
495 views

How to make it obvious that an option is unavailable, and can be deleted?

Here is the question I have asked on StackOverflow that somehow did not get the response I hoped for. I am trying it now here, as I am looking for a visually appealing solution. Ideally using a ...
0
votes
1answer
123 views

What is the tool that web designers do to present prototype

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
5
votes
2answers
993 views

Can After Effects be used for website prototyping?

I know one designer that is a motion graphics guy first, then a UI designer. Recently, produced a website design entirely in After Effects and got my thinking whether that approach can be a viable ...
3
votes
2answers
411 views

Am I allowed to embed Typekit fonts directly into a website and host them myself?

With Adobe CC I've gained access to Typekit. I've started playing around with it and noticed they put a cap on page views per month on loading the fonts. (Currently I'm capped at 500,000 but would ...
5
votes
2answers
6k views

Photoshop on a retina screen, how to fix? [closed]

I am curious what's your favourite fix or option for using photoshop on a retina screen like a macbook pro 13' like mine. I'm quite upset with this computer as it is a pain to do web design in, ...
4
votes
2answers
186 views

How to achieve better consistency with stock / vendor photos taken from different distances?

I'm working on an e-commerce site and one problem I face is having to deal with furniture vendors and the way they shoot their photos. Some shoot products photos up close and others from far back. ...