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)

6
votes
3answers
375 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
7
votes
1answer
676 views

What are the relative advantages of flat design, material design and skeuomorphism?

I've been looking at Google's guidelines for this thing called "material design", and I've been following it some. However, I also see a lot of sites using flat design: Twitter, Codecademy, and Gitter ...
0
votes
0answers
44 views

Creating a great color palette [duplicate]

For a design assignment, I'm looking for a color that goes nicely with #a31366. The problem is that it's a kind of purple/pink that I've never worked with, so I am bummed out at finding what the best ...
2
votes
1answer
415 views

How to create a modern arrow with Photoshop's line tool?

I'm attempting to create a stylized breadcrumb (below) but am botching the arrow. Is there a more precise and 'economical' method of creating this type of arrow? Preferably one where I retain ...
0
votes
0answers
104 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
127 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 ...
4
votes
6answers
3k 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 ...
0
votes
2answers
176 views

Logo for website

I am new to web design, what is the best way to save logo for web? I am exporting as png and logo shows up too small on website. Any help is appreciated.
1
vote
2answers
241 views

Rebranding a website to get a professional look

I am a web developer student, and I usually think too much on user experience when it comes to designing websites (colors, interaction, etc.). This concerns me a lot when it comes to the creative ...
1
vote
2answers
199 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
111 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
3answers
335 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
284 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
4k 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
145 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
95 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
441 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 ...
3
votes
6answers
16k 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
563 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
1answer
125 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
176 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
758 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
245 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
1k 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
157 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
162 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
726 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.
1
vote
4answers
312 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
132 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
512 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
756 views

Bootstrap buttons - text hard to read?

Is it just me, or does the text on the Bootstrap buttons 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 them ...
1
vote
1answer
55 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
342 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
78 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
1k views

How do I make a 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
111 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 ...
21
votes
9answers
9k 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
689 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
379 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
400 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 ...
4
votes
4answers
633 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
268 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
154 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 ...
3
votes
5answers
1k views

How to create an animated demo of my webdesign? [closed]

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 ...
9
votes
10answers
3k 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 ...
21
votes
5answers
5k 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
50 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
270 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
387 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
170 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 ...