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)

-3
votes
1answer
125 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
331 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
173 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
122 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
57 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
57 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
651 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
191 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
66 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 ...
4
votes
2answers
172 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
452 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
186 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
83 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
101 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
102 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
73 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 ...
0
votes
2answers
425 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
369 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
319 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 ...
3
votes
2answers
621 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
331 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 ...
1
vote
2answers
595 views

How to handle multiple page design projects in Photoshop

Recently we have moved from using Fireworks to using Photoshop for mocking op website designs. As I've been used to Fireworks for doing this, I'm running into some issues organising my mockups. Where ...
0
votes
1answer
92 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
137 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 ...
4
votes
3answers
3k views

Searching for a font that's similar to Lato

I need to find a font just like Lato font that includes a Latin Extended version. I like Lato font but it doesn't include the Latin Extended so I can't type "ş, ğ" etc. characters. Which font are ...
0
votes
1answer
64 views

Can I have separate color for some Photoshop guides

While designing a web site layout in Photoshop, on a 960 grid, sometimes we want to put some extra guides to use along with our main guides. Is there a way to give a separate color to some ...
5
votes
3answers
11k views

How do I get my vector logos to look super sharp on the web?

I do a lot of work with Illustrator, but I've never been super happy with how my work looks on our website. I've tried various techniques - saving from Illustrator, and opening in Photoshop and saving ...
1
vote
1answer
225 views

How can some designers produce dozens of web templates a day?

There is a highly ranked designer in DesignCrowd that posts dozens of web designs each day, with so much variations on each one. What I want to know is: Would this require using templates, and then ...
5
votes
3answers
772 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 ...
2
votes
1answer
939 views

How to make Illustrator slice coordinates match HTML coordinates?

Today I have the problem to slice a map from illustrator CS6 to HTML. For example i have a map with many states like this map states Because I want to make the mouse hover to each state so that i ...
4
votes
1answer
236 views

Using incomplete web designs in a portfolio

I have battled a situation in the past from when I have an idea for a website I would design it. A few years back I decided to apply for some companies that were starting out in web development and ...
2
votes
2answers
172 views

Fonts/Webfonts + My website

This question might be kind of stupid... but I am looking into creating multiple websites featuring a couple different fonts from Typekit and other places. I was just wondering... if I have a font on ...
1
vote
1answer
102 views

Whats a good way to find a good designer? [closed]

I'm running a company that needs design work from time to time. Things like business cards, web design, marketing materials, etc. We probably have about 20 hours a month of design work on average. ...
1
vote
1answer
176 views

Where to find subtle border patterns? [closed]

Is there any border pattern version to the website http://subtlepatterns.com/? What I mean is that these patterns are usually used not as backgrounds but just as a border or divider between two ...
3
votes
3answers
340 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 ...
1
vote
1answer
128 views

What skills to learn for web development? [closed]

I'm a new enthusiast of web programming/development. Recently I started lectures and started studying to learn web development. I don't know if this forum is the right place to find help, but I wish ...
4
votes
0answers
41 views

Font Rendering issue [duplicate]

I'm designing the UI for a financial application. I'd usually do high-fidelity mockups using Photoshop and send them to the developers. What I have noticed is that the text in the actual product looks ...
0
votes
1answer
100 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? ...
2
votes
4answers
198 views

Can I use CSS spritesheets to give a div a re-sizable background?

I'm trying to give a div a background according to a spritesheet, meaning that it'll define the parts from the sprite sheet and use those accordingly in the div. This is my sprite sheet image: Now ...
4
votes
1answer
135 views

Is there any negative adverse effect to optimizing images for retina screens, if the images aren't exactly double size?

For example: Say I have an image that is going to be displayed at 1000px wide. I want to optimize my site for retina displays, but the largest resolution image I have to put here is only 1900pixel ...
1
vote
2answers
5k views

saving a logo illustrator for web with transparent background

I have a simple b/w logo in illustrator, and want to save this for web use. I am new to web, just savvy in print :(... what is the easiest way to save this file with a transparent background so that ...
2
votes
2answers
365 views

Where can i download banner/slider/header landscape background images? [closed]

I've looked all over google , and i can't find any images that would fit right. I'm looking for something like this http://wrapbootstrap.com/preview/WB02634G3 or http://unslider.com/. I really hope ...
4
votes
4answers
355 views

What are some good “mocking-up” practices in web design?

A friend of mine and I have been trying to start up a web design company, so we're looking to find the most efficient overall web-design process straight off the block. However after reading a few ...
4
votes
2answers
318 views

Steps between Wireframe / UI design for web development

Based on my sketch/wireframe prepared for a UI designer (links below): Link: http://postimg.org/image/npt5zlvu7/ 1) Would I be able to approach a UI designer with the wireframe/sketch above? 2) ...
5
votes
1answer
212 views

What are some techniques in designing around a colorful logo?

I usually have to make websites based around logos that are very colorful (4-5 colors). Let's say the colors of the logo is similar to the logos of Chrome, eBay, Joomla, MSN. What are some of the ...
4
votes
2answers
827 views

Best way to save AI/SVG graphics for website purposes?

I'm using Adobe Ilustrator CS3. I have a bunch of small images (200x200 px) which I originally created as ".ai". I saved them as ".svg" using option Save for Web & Devices but to my surprise the ...
0
votes
1answer
55 views

Margins between varied size elements (heading, input, and button)

I have to design a page with two button choices separated by horizontal rule. The first group has a heading, text input and a button all on new lines. The group after the horizontal rule has a ...
4
votes
1answer
2k views

Making parts of Illustrator logo transparent - rather than faking it with the background color

So a designer has given me some logos (for the web) which are white on a blue background. She has, however, added blue paths to the shape to make it match the background. I would prefer to change ...