Questions about web design, web fonts, and web development.

learn more… | top users | synonyms (2)

3
votes
1answer
1k views

Help/docs for using Inkscape for SVG icon font creation

I was deliriously happy to find this blog post about using Inkscape and one or another online converter to create web font kits. My interest is specifically in icon fonts. While that article was ...
4
votes
6answers
7k views

how to add one smart object in multiple files in photoshop?

I know I can do multiple iterations of the same Smart Object within the SAME document and have it change all instances, but what about Smart Objects placed across DIFFERENT documents? That would be ...
-2
votes
1answer
78 views

Where can I get logo inspiration? [closed]

I am wondering if there is any free online place that I can use to get some design ideas. I want to get those ideas and then use a service like Fiverr to get a for example logo designed for me. For ...
1
vote
1answer
59 views

How do you take into account display brightness for end-users?

This website uses a tiled grey background that looks good on brighter screens, but too dark for 'standard' Internet brightness/contrast. The less bright one is obviously more muted and the colours ...
6
votes
1answer
5k views

Illustrator EPS File To PNG Web Logo - Print Quality

I have been provided a typographic logo in an EPS format and I am creating a PNG with it (File | Save For Web & Devices) to be used on a web site. One of the pages on the web site is a "print ...
0
votes
1answer
78 views

How can you create a “sticky footer” in inDesign?

Sticky footers in web development are basically footers that will always either stick to the bottom if the content isn't tall enough to vertically fill the browser or they stick after the bottom of ...
3
votes
5answers
184 views

What graphic can be used to represent a maintenance category?

On my site I have some categories. One of which is "Website Maintenance". I want to create a graphic (about 300x by 250y) that represents the Website Maintenance category. But I'm at a low right now, ...
8
votes
3answers
312 views

Literal versus indirect imagery

I have a client who is pushing the use of very literal imagery for her website: waving hands for success, a finishing line for the end of a process, and so on. We're trying to make more use of ...
1
vote
2answers
89 views

What resources can help me with some basic design skills for an internal web application?

What resources could I (a programmer) find to help me with some basic design skills for an internal web application? I don't mean to make it look like it is off the shelf, but I would like to group ...
0
votes
1answer
61 views

How to draw low-size/weight images of geometric shapes

I searched this on google but didn't find anything useful. I want to draw images for my website for mathematical questions like circles, triangles, angles, etc.I tried Dia for this purpose but the ...
3
votes
2answers
285 views

How can I make this sidebar menu clearer?

I have created a sidebar for a client as requested: The top bar - where on other pages menu items are shown - is left empty as requested and instead 3 menu items are show in the sidebar. These lead ...
1
vote
1answer
84 views

What does Google provide web designers with?

I'm quite new to web-design, being primarily focused on web programming on server-side. I usually power my apps with twitter-bootstrap, using the myriad css classes it provides and I don't interfere ...
4
votes
2answers
167 views

Is it okay to purchase stock images in the developer company name?

We've used some stock images (vector graphics) on a Flash website we created recently. We're just about to purchase a web license for the same that allows "unlimited use of the vector graphic on ...
0
votes
4answers
134 views

how to copy a layer in photoshop to export image for web

I'm trying to export some images of a photoshop design and this is how I usually do it: select the layer you want. command + left click the thumbnail to create a marquee around the layer copy it ...
0
votes
1answer
72 views

How to display available dates?

I have an end user who is the admin for a website and they insist on showing the available dates to the customer. They are showing the showings literally like this: 2-Mar, 9-Mar, 16-Mar, 23-Mar, ...
1
vote
1answer
434 views

Layout Desgin and Color Scheme for a Crisis Mapping Web Application

here are a few screenshots of a web-based crisis mapping software, basically built for both governors and people. The design is somehow combined by ideas from different persons, so we are interested ...
6
votes
6answers
2k views

Are dotted pictures a new trend in Web Design?

I've noticed lately that some of the websites I visit regularly are adopting a new and bizarre trend in Web Design: "the dotted pictures". Not sure what to call it. It looks as if a pattern of ...
3
votes
4answers
328 views

What would be a cool yet simple way to style an “!” with just CSS?

I want to create a cool looking yet simple exclamation mark with just CSS. Anyone have any cool ideas?
6
votes
7answers
200 views

How do get what you want to say into such a few words?

It seems fairly well agreed that people glancing at a site won't read proper paragraphs, only bullet point lists. I'm really struggling how to say all the things I want in a few bullet points... it ...
-1
votes
3answers
175 views

Trouble zebra striping a table with children with CSS

I have a problem where I can't decide how best to zebra stripe my tree with css. The problem arises because when you click on a node in the tree, its children will become hidden, but still count ...
2
votes
4answers
944 views

Is there any way to save a Web page screenshot with a transparent background?

I prototyped my web page directly in HTML/CSS, using custom fonts for header text. The font rendering however is very different on Windows, so I would like to export some parts of the Web page to ...
4
votes
7answers
3k views

Testing if a BG will Repeat Tile Properly in Photoshop?

I am frequently working to create background textures in Photoshop to be used on the web. Unfortunately I usually have to guess, or just use freebies from other websites. I would like to build my ...
3
votes
5answers
163 views

What is a quick and concise way to explain online font licensing to a customer?

Customers are usually proud of their (offline) identities. As webdesigner, I regularly find myself having to explain that I can't legally use their licensed font in their webdesign. When I do, it ...
7
votes
9answers
3k views

How to present web design mockups to a client?

I'm working on a website redesign project. I will need to present a few different mockups to the client for review. Besides sending images in an email, what is a typical way of presenting mockups to a ...
9
votes
7answers
9k views

Where can I get images for commercial use?

I am running a web site design service for local small business owner. I want avoid legal issues on the images I use. Usually, the images in the Flickr are forbidden for commercial use. Where would be ...
29
votes
7answers
1k 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?
10
votes
4answers
319 views

Where can I go to recieve feedback on web design projects?

Are there are any web design forums where designers can submit their work to receive feedback and advice? I am looking for a place that I can seek advice on how to improve my designs.
0
votes
1answer
147 views

Examples of block-layout UI design?

By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big ...
0
votes
1answer
76 views

How can I style this following form to Inline form?

SEE the link: http://samuelgeorgeo.com/cc/NEWDESIGN/ I have a site based on Twitter Bootstrap. I have two main elements on the page, the bottom one is a horizontal form. I would like the bottom div ...
0
votes
1answer
125 views

Critique: Typography for my website

Here is a picture of my website (and also the link) as it is now (still under construction). I've tried various combinations in term of font size, font weight, etc. but can't find "the right" balance ...
10
votes
4answers
781 views

With the invention of CSS3, should a web designer use Photoshop?

I see that many designers create beautiful web design works in Photoshop, but now with the arrival of CSS3, when they want to change that to HTML & CSS, they simply start from scratch and create ...
14
votes
2answers
485 views

What to do if your website design got stolen?

Let say your website design got stolen. You saw your design being used from a different site or company. The only difference from your design is the logo and some images. What actions can you do to ...
2
votes
1answer
304 views

What Fonts Complement Walkway?

I'm using Walkway bold on a project, and am looking for some nice fonts for the titles. Walkway is sort of formal and stylistic to me, and nostalgic of the 1920's. I'm looking for fonts that go well ...
16
votes
10answers
9k views

Do web frameworks such as Bootstrap or HTML5 boilerplate offer anything to a designer (not developer)?

Note, this is about design much more than development. I build sites from scratch with completely hand written CSS and HTML. I've known about pre-build css templates such as Bootstrap or HTML5 ...
5
votes
3answers
3k views

The most advanced JPEG image compression on mac?

Sometimes i work with JPEG files for my web designs. There are occasions where the PNG format is not suitable.. There are several optimization techniques for the PNG format, but I noticed that for ...
0
votes
1answer
43 views

How to align search icon, link and column header

Is there are general rules to align right-aligned elements on the page? Look at these screenshots: At this screenshot the search icon and the link are aligned to the right border of the "box", while ...
1
vote
1answer
113 views

How can I make a nav bar thats not boring!

Every time I design a new site, I use the same kind of nav bar. As thickish border at the top of the screen, single color, with menu links inside. I try to make it a little crisper by adding an ...
3
votes
2answers
104 views

Why isn't SVG widely used-supported on the web?

In my opinion, raster graphics (GIF, PNG) is used much more that vector graphics on the web. I am wondering why? Wouldn't vector graphics be more suitable for web pages design (i.e. buttons design, ...
2
votes
0answers
30 views

anyone know of javascript version of layout program like QuarkXpress? [closed]

anyone know of javascript version of layout program like QuarkXpress? this would be browser-based tool that would have all the powerful and WYSIWYG accessible design and control tools like ...
4
votes
4answers
4k views

What to do with these errors when I open a PSD file in my Photoshop CS3 (Windows 7) while PSD is made by Photoshop (Mac OSX)

I'm a Web Designer and when I open some PSD files in my Photoshop CS3 (Windows 7) I get these messages pop-up before to open PSD. My fellow designer use Photoshop on Mac OSX. Error 1 Some text ...
5
votes
4answers
374 views

Under whose name does an outsourced graphic designer go?

I have a web design company. For artistic graphics I hire a Graphic Designer to do it for me. Obviously it hurts my business if it is known that I outsource so the designer uses an email address from ...
-3
votes
1answer
104 views

How to design this? [closed]

Image 1 is what i had first, obviously a bèta version of the design as this bar with buttons still needs to be designed / given layout. Image 2 is my attempt at (re)designing it. Image 3 is to ...
2
votes
0answers
85 views

How do I add a stroke only on the top of a shape layer? [closed]

I am trying to create a button for my website using Photoshop's rectangle shape tool. I want to add a border only on top of the button. How will get that effect?
2
votes
1answer
112 views

Planning to use different size images across different devices

The current framework i use to design webpages currently doesnt do anything to optimize images across different devices. As I see it, their are four types: mobile, tablet, desktop pc and large desktop ...
0
votes
1answer
74 views

What guidelines should I consider for a web design portfolio?

I need to know what are the essential things that one web designer must have on his/her portfolios or things that really make a difference...the following is what i think is a good starting point. but ...
5
votes
3answers
453 views

How to design web pages around a big logo?

I'm currently designing a website for a place that uses a large circular logo. Their logo contains an image as well as text. The problem I'm running into is fitting this logo into the web design ...
0
votes
1answer
54 views

What is the purpose of dash between navigation and introduction?

While surfing through some portfolio sites, I encountered something interesting. It was a portfolio site created by Robbie Manson. If you see the below image, you can see the dash line '-' between ...
5
votes
3answers
2k views

Popular serif and sans-serif browser compatible font combinations?

I was curious as to which combinations of serif and sans-serif fonts are preferable to use that are compatible with most browsers. While I am aware that with the introduction of CSS3 importing ...
-1
votes
1answer
53 views

What Icon Style Would Be Better [closed]

I am creating an educational app that looks similar to an iPhone app using the default web stack composed of HTML5, CSS3, and JavaScript. I am wondering if it would be more user friendly/motivational ...
20
votes
4answers
95k views

Helvetica Neue Equivalent on Google Fonts?

Does anybody know a font on Google Fonts that is very similar to Helvetica Neue?