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

learn more… | top users | synonyms (2)

6
votes
1answer
450 views

Font copyright when used in images (Helvetica)

I have a specific Helvetica font that I use for text within graphics I am creating for my website, i.e. buttons, pictures. Do I need a licence or is it sufficient just to have purchased the specific ...
5
votes
8answers
2k views

Is there graphic design software made for beginners, suitable for designing websites?

I'm teaching web development to beginners, and it would be useful to show them the basics in design, meaning using a graphic design package to come up with a layout, before turning it into code. To ...
3
votes
1answer
655 views

Overlapping images - how to slice in photoshop CS5

I got pretty simple example of site layout (link below), and i need to slice it. The problem is, when i have 2 images, or image and title overlapping, and when i try to make slices of both, i get one ...
4
votes
3answers
580 views

Best calculation for leading in web design

This is an area I always dislike when in the design process of a website. That being said I'm trying to be more efficient and I wanted to know when some use a sans serif or serif font how do you ...
3
votes
2answers
1k views

Given a color scheme, how do I apply to website design?

Just so there is something concrete to discuss, say I have this color scheme: http://www.lavishbootstrap.com/?image_url=http://design-seeds.com/palettes/12/SpringTones505.jpg There are many articles ...
4
votes
1answer
177 views

Creating a pattern from an image

I need the following image turned into a pattern that would repeat in the y-axis only. How can I make it repeat smoothly (so it actually looks like it's a pattern)? Thanks!
2
votes
1answer
61 views

Changing the color of the following image

What I'm trying to do is change the color of the following image to something around #21190E. I've tried using the Hue/Saturation, Color Replacer, etc. tools, but none worked well. Do I change the ...
5
votes
3answers
396 views

Is NDA necessary for this?

I have a client that requires me to submit at least a homepage of my proposed website design. However, I just recently known that he already contacted some other freelancers who incidentally are my ...
1
vote
4answers
263 views

What are some good ways to showcase someone's portfolio work online?

I've been happily employed for awhile now, so I've not kept up on various trends and changes in the online portfolio field. I would like to remedy this knowledge gap. I can do a search for "best ...
0
votes
2answers
105 views

What process should I use for converting this Toolbar PSD comp into something I can use on a Web page?

I am a programmer and have recently started playing with Photoshop in my spare time. Ideally, I prefer to create components using HTML/CSS only, but there are times when it is not possible. In this ...
8
votes
3answers
313 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 ...
4
votes
4answers
1k views

Is there any learning service like Pluralsight but for design?

"Meet Pluralsight. We are a group of serious developers. We are also committed to creating the best training available. This mix of training for developers, by developers is what rings true to our ...
2
votes
3answers
183 views

How much effort should I put in to optimizing (cutting up) images for the web?

I often get designs from our artists which contain large complicated images that can be turned into a background-color, some tiling, and overlaid smaller images. The problem is, doing this often takes ...
3
votes
3answers
1k views

How to design a websites using thin fonts that will look good in a web browser?

I recently quite repetitively encounter the same problem - the fonts in photoshop don't look even close to the fonts embedded onto the websites. Obviously - it's mostly about external, 3rd party ...
4
votes
2answers
214 views

How do I replicate these two effects in Photoshop?

I am having trouble finding help on my own since I do not know the names of these effects. Here's the reference image: How do I replicate the impressed circle effect behind the button? I tried ...
-3
votes
1answer
367 views

How to create a vertically asymmetrical grid in Photoshop

I'm working on a site. The width will be fixed, but the length will vary. What would be the best way to create a grid like the following in Photoshop?:
1
vote
1answer
222 views

Where can I find a good repository of semi-transparent tiles for web?

I have been looking frequently for a site, a service that provides a repository of semi-transparent tiling backgrounds. I've found some grain generators, but I would like some more things that I could ...
10
votes
1answer
1k views

How to make a color appear the same on different backgrounds?

Background on color perception: Due to the nature of the human eye and visual processing by the brain, there's an optical illusion that the same color will look different depending on the background. ...
2
votes
2answers
140 views

Some general guidelines for choosing images in webdesign

So here's a good question: one problem that often comes up is a client asks for a site, but they have no content (specifically images) and so leave it up to the designer to find appropriate images to ...
12
votes
4answers
21k views

Is there a free 'Helvetica Neue' alternative?

Does anyone know any other fonts similar to Helvetica Neue (free for commercial use)? I'm working on a big website project where 'Helvetica Neue' is used heavily. I need a font that looks almost the ...
-4
votes
1answer
317 views

What shades of blue go well together (website design) [closed]

I've got a fixed layout page and the client has asked for it to have "shades of blue". What colour would you recommend for the background, page wrapper background, text, dropdown menu and the buttons ...
2
votes
2answers
180 views

Layout with Tables - Hierarchy

In this fiddle there's a markup and style I'm doing for a website: http://jsfiddle.net/UvJmP/ I am trying to represent data in this way: D2's table data is contained in D1 D3's table data is ...
2
votes
2answers
58 views

Is there an ideal number of points of interests in web design? How many is too much?

I want to make a website, but I have too many important elements for that. I tried to simplify the structure, but it became boring to look at and tiresome to navigate. Is there a rule or tip for ...
2
votes
3answers
425 views

How to make rounded corner thumbnail “ containing image of the post ”?

When I create rounded rectangles in Photoshop, I can mask images over those rounded rectangles to give them rounded corners. When I'm making websites however, I'm not sure how to give images rounded ...
5
votes
4answers
377 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 ...
0
votes
2answers
137 views

What to change on this webpage, to look more elegant [closed]

I'm not ui ux engineer. I just want to hear your opinion/help on where would you (designers) put this grey box or app links, what is your opinion about colors?
-1
votes
1answer
138 views

Professional looking websites [closed]

Apologies for cross posting from the Webmaster stack exchange but I have a question I'd like to resolve as urgently as possible. I'm starting to design a site and am at the stage where I have most ...
5
votes
5answers
1k views

How can I get more efficient at designing tables for web in Photoshop?

It takes me too much time (IMO) to design tables in Photoshop. I need to move rows, columns and stuff easily. I'd like to be able to get through this faster. I've tried InDesign and Illustrator and ...
-2
votes
1answer
99 views

Web design components workable on paper [closed]

What are the main components of web design that can be sketched on paper? I refer to the visuals of a design that could be developed by sketches and drawings. Like a sketch of a Web-page view in ...
2
votes
2answers
430 views

How to not make my website have a “1990's” look

I recently launched a comics website, www.hittingtreeswithsticks.com, which I created from scratch. I created my own design because I wanted to keep it unique, and used no templates. Unfortunately, ...
3
votes
2answers
271 views

Do most web designers make their own textures?

I'm a web developer by training who is branching into UI/UX design. One of the things my design work lacks compared to experienced designers is subtle use of texture, such as on these sites: ...
1
vote
1answer
260 views

Best practices for combining header/body typeface WITH a brand/corporate ID existing typeface?

I have recently become aware of a fundamental mistake I had been making; I have been matching a company's identity's typeface and using it for the headers of my websites, which in hindsight really ...
2
votes
3answers
540 views

Which Photoshop features are affected by different DPI or PPI tags?

A Photoshop document‘s physical size, pixel density (DPI/PPI) and pixel dimensions are all linked. Bitmap images contain bitmap data, which are a specific size (pixel dimensions). They also contain a ...
6
votes
3answers
596 views

Designing interesting looking websites in greyscale, minimal tones

I know a business that wanted a website to match their brand, and it would seem that they are allergic to colour. I think designs in greyscale can look amazing, especially in print, but it feels near ...
0
votes
1answer
38 views

What is the different ways in Photoshop to copy the remaining layers and create a new document?

Basically when someone gives me a PSD that has a bunch of copy and other things that I need to quickly strip off to use the background on a web page. What are the fastest ways to clear that and start ...
4
votes
2answers
6k views

How to convert text paths to editable text in an .eps file downloaded from Shutterstock?

I am an experienced PHP programmer, but very new to Illustrator. Finally, the time has come that I need to download artwork from Shutterstock (shutterstock.com) for use on a customer's website. The ...
0
votes
2answers
322 views

How to efficiently code a Web site wireframe? [closed]

If you have in your mind, on paper, or on screen an image of your Web site, how should you go about implementing it? Use Adobe Creative Suite? A text/HTML editor? My understanding is that people ...
6
votes
3answers
243 views

Do you have a “formula” for the webfont vs graphic type threshold?

Disclaimer: I realize there is not a perfect "formula" for this question. I'm looking for your experiential working practices. If you don't have any, I won't hold it against you. Over the last ...
3
votes
3answers
237 views

How to get bokeh images to use in web design?

I'm looking for online resources, image libraries, Photoshop actions, tools, or any other means of getting or designing bokeh images (those highly blurred pictures, with colorful circles) for use as ...
4
votes
3answers
374 views

Mobile First and RWD workflow and how to interact with client

Our agency's workflow for creating a website normally consists of: discuss content-design with client we create wireframes (with optional, depending on client, approval) we create one or more pixel ...
3
votes
1answer
127 views

Fireworks master pages the same as shared layer?

The more I'm using shared layers, the more I believe there's no real difference between 'Share Layer To All Pages' and master pages. Except for layer sharing being way more flexible, because you can ...
0
votes
3answers
246 views

How much time to design a standard homepage layout? especially within an agency workflow [closed]

Well it depends you say-and I agree with you-It varies depending on the page, how complex it is, the style, how much content, graphics used, effects etc. So let me eliminate some of the variability, ...
6
votes
3answers
1k views

Tools to simulate different DPI screens?

When designing for mobile web, its important to check designs at the physical screen size of target device. Merely looking at your PC / Mac screen at designs of the same resolution isn't enough: * ...
3
votes
2answers
962 views

When creating PDF from an image, what determines the screen dimensions when viewed at 100%?

I would like to use pdf for ease of use and annotations when creating previews of my screen designs. However, no matter how I create my pdf, I can't seem to figure out what determines the 100% view of ...
0
votes
2answers
179 views

Any tips for good tutorials or discussions on web page animation? [closed]

The simple effect I'm ultimately after is this: load an image in the centre of a web page have the image slide across to the left then start loading other text and images around it I don't mind ...
5
votes
2answers
136 views

Is this an effect or a type of font?

I have seen a lot this type of fonts (the ones in the bar). It is a relief effect or the font is just like that?
3
votes
3answers
487 views

How to work out font-size setting by counting pixels?

I have an image of a proposed website. How do I work out what px font-size value to set text to by counting pixels? E.g. I have font-size: 14px, (in Arial) but counting from the top of an "L" and ...
2
votes
3answers
172 views

Apps for free-hand graphic design

I have always drawn with pencils and paper. I like drawing things that are just plain creepy. But I want them on my computer, but I don't want to just scan them on, so I've decided to draw them on the ...
4
votes
1answer
311 views

UX research on where to put website menu? [closed]

If you browse websites, you can find pretty much all types of sidebar menus: on top (like our very own Stack Exchange), as left or right menu bar, or even at the bottom (though that's a less common ...
4
votes
2answers
5k views

How to control word-spacing in justified text with CSS?

I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...