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
0answers
25 views

How to start learning web design? [duplicate]

I am a web developer with about 7 years of experience now. I know Photoshop for slicing and I've played with all the tools at least a little. What I want is to start learning design, so I ca start ...
0
votes
1answer
94 views

How they do to create like these characters [duplicate]

I am asking if someone know any tutorial or tools that help me design characters like this in the following image (see the men in the header?): and thank you so much.
3
votes
2answers
242 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' ...
-1
votes
1answer
85 views

What are current/newer webpage layout patterns with different columns? [closed]

I once saw page, maybe here or somewhere else, where person asked for a list of best proven layouts that work, and each for different columns, different placements of navs, and etc. He got a long list ...
1
vote
4answers
668 views

How can I create SVG clipping masks?

I want to take a circle that has a blue border and a picture inside, and clip the picture so it fits inside the circle nicely. I'd prefer to use very small files, perhaps cut down in sprites. Once I ...
1
vote
1answer
266 views

Is it possible to use media queries for responsive emails?

Today and yesterday I had nightmares... One thing is that I personally have a Windows phone. That didn't help surely. But I was reading up on iPhone settings and Android settings and there was no ...
-1
votes
1answer
113 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
92 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 ...
2
votes
1answer
188 views

Photo distorts terribly on Facebook [duplicate]

I've designed a logo which looks high res in photoshop. But really distorts in Facebook. I understand that Facebook converts the image, but compared to similar logos, it looks bad. Any ways around ...
0
votes
2answers
129 views

How to set up artwork page when measurement given in pixels?

I normally design (mostly theatre posters etc) for print so the size of artwork in cms or mm always. However, when folks ask me design graphics for web they stipulate the pixel size i.e 200 pixels ...
1
vote
1answer
116 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 ...
0
votes
1answer
88 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 ...
1
vote
1answer
125 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 ...
5
votes
2answers
317 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 ...
-1
votes
3answers
335 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 ...
0
votes
1answer
86 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, ...
0
votes
1answer
292 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
4answers
311 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
84 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
166 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 ...
1
vote
2answers
323 views

Image Fuzzy in Browser, Sharp in Photoshop (with NO resizing), why?

I have a PNG file that looks fuzzy when I view it in any browser. However, opening the very same file in Photoshop, making no changes, it looks perfectly sharp. Why does this PNG look different when ...
0
votes
1answer
59 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 ...
3
votes
2answers
136 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, ...
1
vote
1answer
140 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 ...
2
votes
0answers
33 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 ...
-3
votes
1answer
118 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
237 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
157 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
110 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 ...
0
votes
1answer
55 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 ...
-1
votes
1answer
56 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 ...
2
votes
1answer
558 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 ...
-1
votes
1answer
183 views

How to find/create background images?

I'm a programmer, trying to create a good looking portfolio for myself. I have very little knowledge about graphic design, so please forgive me if I'm asking too broad questions. I want to learn ways ...
-1
votes
1answer
64 views

What is a better way to present two elements with “load more” function

Here is the problem: Two element. Instagram and Flickr. They both show 4 images then the user has to click on Load more to load the next 4 images. I think it would be pretty annoying for the user to ...
3
votes
1answer
136 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 ...
-2
votes
1answer
436 views

What are the best practices in defining layouts or shapes of pages in an educational web application? [closed]

I am working on choosing layouts and shapes of page components for a large educational web application containing more than 100 variety of web pages. I am currently trying with flat layouts and trying ...
5
votes
4answers
172 views

How to make clickable areas stand out?

I'm working on a calendar app that lets you toggle your vacation days. There's a feature for choosing which of those days count only half. Usage: The user toggles some days, those days turn orange. ...
1
vote
1answer
80 views

How to export full size smart object, but maintain layer properties

I am a developer not a designer, thus am not particularly familiar with photoshop, and may subsequently get some of my terms incorrect. I have a PSD that contains several layers outlining the design ...
-4
votes
1answer
100 views

Need help in psd to html…several problems [closed]

Problem 1. Sizes is there an easy way to know sizes of all element i wish to know of. What i do is select, click to edit than the size appears in info panel, memorize it. Problem 2. Extracting is ...
1
vote
1answer
95 views

Is it possible to use a monospaced font for an information focused webpage?

Monospaced fonts are used mainly for code editors and other special purposes and not usually for normal web pages, like an online newspaper for instance. I ponder however with the idea to do this and ...
-1
votes
1answer
114 views

Can .php be an image extention?

I've recently made a new website and I'm using a template. See this image (link): The file extention is .php. Can anyone explain this? NOTE: When an image is posted here, stackexchange creates ...
0
votes
1answer
66 views

Emailers- When slicing how to avoid shift in slices on emailer [closed]

When we slice an image in Photoshop for an emailer and save out as slices with links how do you avoid a shift in the slices on the emailer once it has sent. For example; I want to create links to ...
-1
votes
1answer
385 views

Do you incorporate sidebar menu into 960 grid layout?

I have a client who wants a design for a web app. He told me that he would like "a large sidebar menu on the left" and gave Mailchimp's new design as an example. We both agreed that what the client ...
4
votes
7answers
6k views

Trebuchet MS web font alternatives

I have a fairly dated site that uses Trebuchet MS font in Latin and Cyrillic scripts. If I understand correctly, once (a decade ago) this font was available on like 95-99% of computers used for web ...
2
votes
4answers
341 views

Making coloured text links stand out and obvious that they can be clicked on

This is a redesign of my website: As you can see, its largely a work in progress; I'm trying to do a flat user interface design. I can tell you now that I am in no way a designer or UI/UX expert. ...
2
votes
1answer
295 views

How can I make my headings stand out and Cyrillic text easier to read?

I have designed a web page that looks like this: I'm not a designer, and neither is my boss but he has asked me to design and code a web page. I'm happy with the header (and it's good inspiration ...
1
vote
2answers
490 views

What is your ideal workflow for web development?

More than occasionally if I am tasked with creating a website from scratch, it seems doable right up until I begin working on it. Then it feels like a mountain of work that is bigger than I can ...
2
votes
1answer
310 views

Transparent partial slicing in Photoshop

I am trying to fix some issues I have with Photoshop as a web developer creating graphics for web. I'm using Photoshop CC/14 and have previously used Fireworks. I have a "button" layer on top of a ...
0
votes
1answer
83 views

Toggle visibility of Photoshop group on the fly

While watching PSD to WordPress Minimal Portfolio Theme in Tuts+, i notified that the author toggle the first group of layers GRID on the fly in order to move some elements, i jest see this group of ...
2
votes
2answers
133 views

Digital design - screen grab large dimensions?

I'm working on some site banners that need updating and I'm having a few issues with dimensions. My internet screen is set to 'view actual size', so it's not zoomed in and my images/slices are ...