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
3answers
174 views

Rapid web development tools and choosing color palettes

Recently I have started creating website designs. I found out that the way I do it is very unproductive and takes forever to finish. I tried drawing it on paper, then doing it in HTML/CSS, but found ...
2
votes
1answer
68 views

Is there a good source for ANSI character sets for typography testing in web design?

Since clients like to see a visual example of typography I am looking for a way to test and display fonts chosen by client's that will include a full master list of all possible ANSI character sets ...
0
votes
0answers
54 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 ...
-2
votes
1answer
106 views

Do people read paragraphs with font's size bigger than 18 px [closed]

I have felt always there are good for one lines. But when you have even small paragraphs, big fonts with big line heights gets in the way of reading. Like you have to struggle just to read them. ...
-1
votes
2answers
194 views

Does my very ugly website violate any general tenants of graphic design?

I'm learning how to use AngularJS (a Javascript framework used in web development), so I decided to throw together a website to test out some of its features. The website is mostly comprised of ...
1
vote
3answers
1k views

Website header graphics size and format

I am making some graphics for a website header. I will be drawing them in Adobe Illustrator. How large should I make them so that they do not end up blurry and how should I save them? Any ...
-1
votes
1answer
96 views

Cant Change Font Face in CSS [closed]

I am making a Responsive Webpage Using BootStrap. That Have "helvetica neue" Font By Default. But It Doesnt Suit to my Web Page. So I Had used Custom Google Fonts. For Import: ...
3
votes
4answers
584 views

Critique: Scrollable flyout nav menu

I'm working on a new nav menu for my company's web app. I took loose inspiration from Google's material design tabs where, upon page overflow, arrows appear and the tab section is horizontally ...
0
votes
0answers
52 views

How to make different buttons active inside a symbol (website header) in Sketch?

I'm designing a website in Sketch for the first time. I'm getting used to working with symbols, and they are a huge timesaver. Now I want to make my website header a symbol, so that when I have to ...
1
vote
1answer
243 views

What's more important, baseline font-size or baseline line-height when creating grids based on a modular scale?

I'm trying to understand grids based on modular scales and how to use them in web design. From what I understand, there's two ways to decide a baseline value for your scale...using your baseline ...
0
votes
2answers
113 views

Please critique my pending website's home page with these two questions:

I have the following questions regarding my design: Does my website have a professional, high-end feel? Why are why not? Does my current "Call To Action" button stand out or can you find it easily ...
0
votes
0answers
234 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 ...
-2
votes
2answers
95 views

how to design visually beautifull websites? [closed]

I have a good knowledge of HTML, CSS, Javascript and ... and I can make an entire website in 2 or 3 days but I don't know how to make it beautiful an attractive!! can you tell what should I do coz I ...
4
votes
4answers
325 views

Resources on producing responsive design wireframes and artwork, for graphics designers

We're developers who partner up with a graphic design studio for our project artworks. Some times they even bring in the clients themselves and we both cooperate to get a development project done. ...
2
votes
6answers
434 views

Is a poorly designed website better than no website for a commercial enterprise?

For businesses, a website is a channel of communication. For all except web-based businesses, it's not the only channel of communication available. Given that anyone could make a DIY website for next ...
0
votes
1answer
50 views

Can a custom action be saved with the PSD document?

I want to send a PSD file of a webpage to the developer to show him some functions. I created actions of some pop-ups opening, but I can't find any information on how to save the actions with the ...
0
votes
1answer
90 views

How to make my magazine online?

I have created magazine in iD for print. Therefore its size is very big. How can I comprime its size so I can use it online? Maybe some settings of iD would help or software? How do you publish pdf ...
0
votes
4answers
671 views

Best Adobe product for web designing?

I've been using Photoshop for the last 2 years to create mockups for my sites, but the biggest problem I find with Photoshop is its terrible way of rendering text in a web-realistic way. Is there an ...
5
votes
2answers
126 views

Are single double quotes an acceptable deviation from typographic rules?

I've recently noticed websites with pull quotes with only a left-hand quote. There are two basic scenarios: Left hand quote is used as a graphic element to indicate a quotation follows.* Quote ...
-2
votes
2answers
273 views

960 grid's indesign template - pinkish background

I am a new InDesign user and in the 960 grids' indesign template there are pinkish backgrounds filling the columns. -- EDIT -- I am asking that in indesign with which element the pinkish areas are ...
1
vote
1answer
46 views

How to design a screen where the user only has very few but important options? [closed]

Alright, I am redesigning a multi-step process where the user adds new contacts to his/her address book. In the first step, the user chooses between three possible addition methods: file import, crm ...
-1
votes
4answers
205 views

Preserve blend mode effect when underneath layers are disabled? (Photoshop)

So I'm working with this image: And I'm hoping to achieve an effect with it similar to what was done on this website http://www.digitalhands.net/, where independent image layers respond to mouse ...
1
vote
5answers
975 views

12pt in Photoshop looks totally different in Web

we are creating a website right now in Photoshop and we are using 12pt for the fonts. But when we see the fonts in web with 12pt they look much bigger. It seems that we have to use 12px in web so it ...
-3
votes
2answers
243 views

Alternatives to jQuery for simple, backwards compatible, client-side website animations?

I was recently looking for an alternative JavaScript animation library, because for the few simple animations I wanted, a ~200kb jQuery library is not the best option. After a bit of searching, I ...
1
vote
1answer
99 views

How to prepare Photoshop to design a Website

I'm having some trouble finding out how to prepare Photoshop to design a Website. When i try to program what i draw, the measurements are never correct. Always bigger. Is there a way for me to design ...
3
votes
1answer
93 views

How to preview image in monitor

I found this nice looking image: I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?
0
votes
1answer
95 views

Winter Bash 2014 Graphic Design

Merry Christmas, everyone; my expertise lies not in web design, though I have had a little experience in the past. I really enjoy the design of the Winter Bash 2014 page. It is soothing to look at, ...
1
vote
2answers
2k views

How to save logo for web from Illustrator (logo looks pixelated after uploading)

Every time I try saving my logo from Illustrator, it comes out blurry. The logo was done in Illustrator (as a vector file). I tried tracing the outline, rasterizing, saving in all types of ...
2
votes
2answers
175 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
10
votes
5answers
1k views

What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths. For example, I could ...
-1
votes
0answers
100 views

Is Red Or Blue is good choice for main color [closed]

My Client's logo contain 2 colors First one is blue (Text Color) and after text, there is red arrow, Now Problem is that He give me one ready made HTML theme (From One of online template selling ...
0
votes
0answers
27 views

Responsive Images in Practice: @2x images [duplicate]

Are @2x images simply larger in terms of height and width or do they actually have a higher PPI (pixel density)? Trying to figure out my workflow for creating retina (@2x images) and this affects how ...
3
votes
1answer
66 views

What is this triangular part of a sidebar menu called?

I've circled it in red. What is the design name of this element?
7
votes
8answers
1k views

How do you present interactive webdesign?

The interactivity becomes more and more presents in our design for the web, but has anyone found a good way to presents the interactivity to the client ? I talk mainly about the small animations like ...
8
votes
3answers
777 views

Why are circles used to draw a logo?

Recently, I started taking interest in logo designs and started replicating some famous logos. Soon, I came across this article about twitter's new logo, released somewhere in june '12 . On this ...
3
votes
3answers
139 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
2
votes
5answers
141 views

Fixed size image on screens and paper?

I'm looking for an image format (I guess) that can be used for web images as well as for printing (on paper) directly from any platform/browser so that the images have the exact same sizes on paper ...
0
votes
1answer
99 views

What should I learn to become a web design expert? I am from engineering background [duplicate]

I'm a computer science graduate having a passion for web design. Almost two years ago, I started learning web design. I designed few websites as well. Every day I try to improve my designing skills a ...
1
vote
2answers
122 views

What should the dimensions be for a “coming soon” page?

Are there are standard dimensions for a coming soon page? I tried to google it and search for an answer on here but I didn't find any satisfactory answers. I mostly saw the dimensions recommended to ...
1
vote
2answers
100 views

What should interaction between a UI Designer and a front end developer look like?

How should I write the guidelines for the design (colors, dimensions .etc) for the front end developer to use? At the moment I just create an overlay on top of my design and write notes in that ...
3
votes
1answer
743 views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
1
vote
1answer
81 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
1
vote
1answer
97 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different ...
0
votes
5answers
368 views

Two logos on a website header

So I have a client right now which is asking me to include a second logo on the website's header. I am no graphic designer but I feel this is so wrong. The second logo is for one of the projects the ...
1
vote
3answers
486 views

Designing properly for the web - grids for bootstrap and preparing files in photoshop

I have graphic design skills but never designed anything from scratch for the web (except using wordpress templates). I have a lot of experience in Photoshop but not a lot in web. I want to start a ...
3
votes
2answers
120 views

When trying to achieve the “ideal” letter count per line how do you balance container size and font size?

“Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column page set in a serifed text face in a text size. The 66-character line (counting both ...
0
votes
2answers
106 views

Changing color scheme of calendar icons?

Here's the image I'm working with: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and ...
2
votes
4answers
215 views

How should I prepare my fonts to support a Chinese version of my website?

Wondering... Should I first make sure the font I selected for English supports Chinese characters as well, or after selecting any font for English then search for other font for Chinese that matches ...
0
votes
2answers
156 views

Critique: how can make this 3-column dashboard design flatter?

Attached you see my current design of a 3 column dashboard. How can I improve this design in a more "flatter" way? Be warned that I am no designer, so if you have links to tutorials that would also ...
0
votes
2answers
165 views

How to optimize my pictograms for Retina screens?

Surprise when I saved my pictograms for the Web (from Illustrator): They are strictly not as clean as expected => totally blurred. Here's an example from my Retina smartphone: And the initial ...