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
0answers
87 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
100 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
508 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
155 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
208 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
140 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
179 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
1k 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
264 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
267 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
95 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
517 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
181 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
900 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
211 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
317 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
301 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
66 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
956 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
399 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
286 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
253 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
519 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
176 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
607 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
40 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
159 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
339 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
116 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
496 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 ...