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

learn more… | top users | synonyms (2)

3
votes
3answers
233 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 ...
3
votes
2answers
295 views

rounding corners of different-size elements

In our web application we are adding rounded corners on small elements (e.g. 60px buttons and tabs), medium elements (e.g. 150px dropdown menus, help-tips sections), and large elements (e.g. 600px ...
3
votes
2answers
6k views

Photoshop Resolution for Web Design?

I'm a programmer, not a designer, but I am trying to learn design as it would be very helpful. I am following a tutorial on PSD|TUTS+ and it doesn't specify the resolution I should be working with. My ...
3
votes
1answer
133 views

How come my link is overlooked?

I'm fairly new to designing. As of now, I have this design: Click image for full resolution As you can see there is a small link in the upper right corner (Upload Prenda Link). When clicked, it ...
3
votes
3answers
326 views

Is there a simpler solution than Photoshop for web development?

During web development it's only really necessary to chop, crop, extract layers and save as PNGs, etc. A web developer will only use a tiny fraction of a tool like Photoshop. Photoshop as a tool for ...
3
votes
2answers
267 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: ...
3
votes
3answers
224 views

Should I place the border above or below header to separate sections?

If the content is split into several sections, and each section has a header, should I put border below or above the header? The “border below” approach seems prevalent (see Google, Wikipedia) but ...
3
votes
1answer
221 views

Icon to indicate “not a member”, “guest” or “visitor” but not in a “no-access” kind of way

In my app I need an icon to compliment a link for an app for a sport/club venue. [ICON] Member Booking [ICON] Visitor Booking Is there any icon that springs to mind for a "visitor" - the context is ...
3
votes
3answers
733 views

Textures - How to use in Web Design

Basically, I love how people use textures in web design. But as most website designs are "fluid", how do you make them work for all monitors and make them seamless? For Example, on the website ...
3
votes
2answers
994 views

Composition web design rules

Are there any rules that are specific to web design, or that are otherwise elevated in importance in the context of web design? Edit: I'm thinking that there are probably some aspects of composition ...
3
votes
5answers
1k views

How to find a texture for a background image for website?

I am looking for a texture pattern for an image that is similar to the one Path.com uses: https://www.path.com/images/about/bg.gif I want a similar image pattern so i can use it as a background ...
3
votes
3answers
1k views

What programs can I use to create an animation for web?

I have never created animations, but I want to make one for my website's home page. Basically what I have is an image where each chakra of human body is shown with its name. I want to show how the ...
3
votes
1answer
1k views

Best image dimensions for downloadable wallpaper, for PC, HD, mobile and tablet?

Let's say I wanna make a website that would allow a user to download a wallpaper in sizes for PC, HD, mobile and tablet. What are the top used / best image dimensions I should host?
3
votes
2answers
188 views

How to make a “highlighter” effect for text background in CSS?

How would I go about highlighting an inline part of a paragraph decorated with a "highlighted" effect as if it were marked by a real highlighter on paper. <p> The dog <em>jumped ...
3
votes
2answers
114 views

Should a logo for an organization be presented together with the name of the organisation?

Take a look at, for example. apple.com and nike.com. These are two extremely sucessful companies that on their webpages displays their logos but no necessarily their name. That is, when going to ...
3
votes
4answers
327 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?
3
votes
2answers
479 views

March Madness Bracket on Website

I've got a little site I built for myself and a friend that let's us run our tiny little March Madness pool. Functionally, it works great. But for the display of the brackets, it's, well, just plain ...
3
votes
2answers
253 views

CSS: Fade input image on focus is too dark

How can I simply make the background fade a bit while typing WITHOUT affecting the text opacity?. Without fading if you type over the top of the image it is hard to read. The reason I have not faded ...
3
votes
2answers
172 views

Is there a recommended neutral color palette for web design?

I am trying to improve my design side on web design. I have design a mobile app using a platform called ApplicationCraft which gives me mobile 5 mobile themes (colours) and have created a 'nice' ...
3
votes
3answers
445 views

How to measure sizes and distances from parts of an image file?

I have this image sprite containing many small icons. I don't know the accurate size, height and width of each icon and it's too difficult for me to find it manually with my current tools (I am using ...
3
votes
2answers
270 views

How can I make this footer “more corporate”?

I created a footer for a dental lab. I was trying to keep it warm and inviting, but now being told it "looks too casual" or "looks too simple". I heard the blues and grays are "too subtle" So before ...
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 ...
3
votes
2answers
5k views

Different sizes/dimensions on export & save as web in Illustrator CS5

I have a file which is 1020px X 200px Artboard/Document dimensions and the drawings coves the whole artboard as follows. When I "Export" the file as "png" (File>Export) it's dimensions change to ...
3
votes
1answer
140 views

Should a period be included in a drop cap letter that represents an abbreviation?

I have a paragraph that is drop capped and begins with the word 'U.K.' Currently, the CSS (cascading style sheet) standard for Web browsers is to include the period following the 'U' in the drop cap, ...
3
votes
2answers
163 views

Need advice for alphabet search option

(I was going to post an image but I don't have enough reputation, so here's the link of the website: http://www.galco.com/) I'm redesigning a website and one thing the CEO of the company liked was ...
3
votes
2answers
491 views

Web font that supports some basic music symbols

I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would prefer to display the correct flat and sharp symbols. It ...
3
votes
1answer
97 views

What do the font style names used by Typekit mean?

Typekit offers fonts in a variety of types / suffixes: Std Display Extended Condensed Pro Caption Subhead Wide Black And often these are combined. For example, https://typekit.com/fonts/kepler-std ...
3
votes
3answers
296 views

Looking for methods of showing text or logos on same coloured backgrounds

I need to keep the logo/ text the same colour as shown. The problem is that part of the logo is the same colour as the background it's going to be placed on. I'm running out of ideas to try and show ...
3
votes
2answers
940 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 ...
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 ...
3
votes
1answer
14k 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?
3
votes
6answers
1k views

How can I match a site's background color in both Chrome and Firefox?

I'm designing a page with both a background image and a background color for the area past the end of the (gradient) background image. Something like: background: url("/images/bg.png") repeat-x ...
3
votes
1answer
495 views

Letterpress effect with an inside glow

I have been using a letterpress effect on the buttons and titles of my website to great effect, but now I'm trying to incorporate a glow effect for mouse overs and such. I have been trying to ...
3
votes
2answers
200 views

Website Style Guide Creation

I'm working for a client that requires me to create website style guides from detailed photoshop mockups of the already designed website. These style guides are then passed on to the actual developers ...
3
votes
2answers
110 views

How to prevent inconsistencies when designing new icons for a pack

I am currently using the Entypo icon pack for the design of my website. Unfortunately it's missing some icons I want. I am willing to create them but I'm afraid to create inconsistencies because I ...
3
votes
5answers
162 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 ...
3
votes
1answer
645 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 ...
3
votes
3answers
475 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 ...
3
votes
1answer
693 views

Anticipating problems with a Google Webfont's rendering cross-platform

Web fonts can sometimes look great on one machine, but awful on another, due to differences in rendering not just between browsers, but also with the same browser between operating systems. Most ...
3
votes
3answers
5k views

MacBook retina Photoshop save for web

I am, like so many other graphic designers, very excited about the new MacBook 15" with retina display. But there is one thing that I really am concerned about. With 4 times the pixels as on ordinary ...
3
votes
1answer
189 views

Beginner Web Designer [duplicate]

Possible Duplicate: Tips and sources for beginning designers For some time now I have been strugling with my inability to create my own web designs. I am a pretty decent coder but I always ...
3
votes
2answers
295 views

Childish logo, sober and professional website: how to? [closed]

A new customer asked me to design a new website for the company, but the company logo is somehow childish (think comic-sans like fonts). Redesigning the logo is a no-go. I'm not sure how to make the ...
3
votes
1answer
583 views

Looking for inspiration: examples of a web calendar with fancy “pop-up” details for each day

I'm designing a web calendar application. The starting view shows a small-ish calendar with a number of events listed on each day. The calendar cell for today, for example, contains the words "March ...
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, ...
3
votes
4answers
140 views

Why link a portfolio site to external services?

In regards to external services (Dribbble, Behance, and Deviant) what is the purpose of having a portfolio website but you link all your images externally and take a viewer away from the main site and ...
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 ...
3
votes
1answer
183 views

Diagramming a web site

How can a web site be diagrammed to show different database elements, web UI elements, and different web pages in relation to each other (all are part of the same web site)? Essentially I want to be ...
3
votes
1answer
152 views

A good web design book in Japanese

A question for the Japanese-speaking part of the Graphic Design society - is there a book on web design (mostly - non-technical aspects like usability) in Japanese that you could recommend? There is ...
3
votes
2answers
396 views

Storyboard for a product pitch

I've never done a storyboard/visual user story for a new app/software program before, so how would I do that? Or what are the key elements? Basically, I need to create a storyboard of how it would ...
3
votes
1answer
264 views

What layout and interface elements work well for a control panel-style app?

I'm working on a web-based app that's similar to a control panel, with lots of different settings and features to configure. The challenge is making it easy for users to find what they want without ...