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
2answers
361 views

Web & Graphic Design Measurable goals

I am in need of some measurable goals, they have to be measurable by an amount or number. I am a web and graphic designer in a marketing department and I am the only designer. Need to come up with ...
1
vote
0answers
32 views

Fireworks States: Does any other layout tool have an equivalent feature?

For those who are working with Fireworks to layout their web pages, your probably make use of the "states"-feature, which is pretty cool. I am now switching my main tool for web layouts, because ...
7
votes
5answers
16k views

How can I make my Photoshop text appear like it does on the web?

Do I really have to design everything in Photoshop with anti-aliasing set to "none"? I'm sure there is a better way. I'd like to have a setting so that when picking a basic web-safe (such as ...
35
votes
4answers
164k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?
-2
votes
1answer
74 views

Where do I find backgrounds like this? [closed]

I saw this shot uploaded to Dribbble some weeks ago. And I really like the use of the backgrounds. Does anyone know where I can find backgrounds like it? I want ones with something like mountains or ...
31
votes
7answers
2k views

Should web designers make a free mockup?

I have some potential clients that ask to see something before accept the work. Now, should I make, for example, a free mockup or It's better to find another client?
1
vote
1answer
95 views

What should I look for when critiquing a design, specifically the design of a website? [closed]

I'm aspiring to be a front end developer and as far as that goes I am pretty comfortable coding for the frontend. I would like to improve my design skills. I would like to know what to look for when ...
4
votes
4answers
283 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. ...
5
votes
1answer
145 views

Does this Chinese font fit in with our brand?

We are about to make the Chinese version of our charity website live but I'm not certain about the font we are using. Our Chinese office say they are happy with the system default but they don't have ...
-1
votes
2answers
194 views

Recreate a 3D rotating prism effect in a web browser

I'm trying to find a way how to do this 3D Transition when box hover my self. I know when I look to it that it's made using CSS 3D & parallax effects. Is there an already made jQuery plugin or ...
6
votes
3answers
386 views

How to explain “achieving good Usability”

I have a quite hard task right now: I need to explain agencies and graphic designers, how to design a usable website concept and visual design. The goal is to give designers a ...
5
votes
1answer
240 views

Are zebra stripes on tables more effective than good spacing and visual contrast?

In old forms or webpages I often see a lot of zebra striping used on the tables because the way the table was designed it was difficult to see the rows and columns easily when you want to locate ...
1
vote
0answers
37 views

looking for “online book” resources/examples [closed]

I was given an assignment at work to redesign a manual (about 350p), or textbook if you will, for both the print version, and create a web version as well, (to include video and interactive elements). ...
0
votes
0answers
20 views

Graphic Design for developer [duplicate]

I'm a experienced developer on C++, Java. Currently I'm developing my site to show my apps and my work. I've seen many beautiful sites of front-end developers, agencies and companies. For example: - ...
0
votes
0answers
33 views

Better modern backgrounds for web page elements [duplicate]

This post is inspired by banners from Deus Ex. Backgrounds are remarkable and I can see it as a huge potential for the web today. General question is what are the means of achieving something ...
2
votes
1answer
55 views

The use of punctuation marks on web links

On a web link or address (printed or online version) Case 1) If I have a reference for a link on a web page inside a paragraph, like this same example http://graphicdesign.stackexchange.com. <= ...
0
votes
1answer
60 views

Web page animation vs. adding simple sound

I have a book featured on my website front page and want to arrange links in the pages, so that when a user clicks on the links, they will hear the sound of a turning page, and see a page turn. Is ...
-2
votes
1answer
162 views

How to custom hexagon shape in Photoshop

I love ask question button style in this site I'm trying create it in photoshop, when I scaling the hexagon shape it looks very bad, as image below. Please anyone give me advice. Thanks in ...
7
votes
7answers
7k views

Is there a visual web editor based on bootstrap?

Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
7
votes
8answers
14k views

Designing A Website from Scratch – Illustrator or Photoshop?

If I'm designing a website from scratch and I intend to slice it and code it up in Adobe Dreamweaver later, should I create the design of the website in Illustrator or Photoshop? Why?
2
votes
1answer
112 views

How can I make a white background area appear raised against a white background?

When working with dark themes, it's easy to make areas appears to be raised or sunken by changing the background color of the raised or sunken area slightly, and by adding borders to the top and ...
0
votes
3answers
143 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
52 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 ...
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 ...
5
votes
5answers
169 views

Design software that allows reuse of common elements, like the DRY principal of programming

Often when I am designing for the web (be it mocks, or full spreads of websites) I have many repeating elements throughout my document. I am looking to follow the Don't Repeat Yourself (DRY) ...
1
vote
2answers
792 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
127 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 ...
7
votes
4answers
5k views

A good monospace, condensed and open-source typeface?

I'm looking for an optimal typeface for report tables that will contain many columns (the reason for condensed). The reason for monospace is that these reports will contain a lot of numbers and we ...
4
votes
5answers
1k views

How to begin with UI design

Newbie here. I like the web and UI design, and I know what good UI and good design is, but I lack Photoshop skills. Sometimes when I try to do design work my mind goes blank or gets mixed up because ...
3
votes
4answers
518 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
48 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
76 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. ...
2
votes
4answers
165 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 ...
-1
votes
2answers
171 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 ...
3
votes
1answer
494 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 ...
3
votes
2answers
22k views

What's the best way to create custom grid lines in Photoshop?

Is there a way to quickly define a baseline grid on photoshop using the guides tool? For example, if I want to create a 24px vertical rhythm, can I do this quickly on PS?
-1
votes
4answers
124 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
3answers
485 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
vote
1answer
164 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 ...
-1
votes
1answer
74 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: ...
0
votes
2answers
104 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
42 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
5answers
455 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 ...
-2
votes
2answers
87 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 ...
0
votes
0answers
129 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
6answers
378 views

Client wants to remove footer on certain pages, should I?

I have a client who insists that we remove the footer from certain pages under the guise of 'the footer will distract people and they will leave the site/not finish the journey'. To me, this sounds ...
7
votes
4answers
5k views

What is the difference between “flat style” and “material design”?

After Windows 8 came out all spoke about "Metro UI" and later about the "Flat design". Now, after Android Lollipop came out all speak about "Material design". Can somebody explain the difference ...
3
votes
2answers
105 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 ...
1
vote
3answers
115 views

Content as the whole page or just the content area?

This is an opinion question that I go back and forth on every time I start a new project. In most cases, I am designing a website that has some sort of "article" element, whether it be a blog post, ...
0
votes
1answer
33 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 ...