Questions about web design, web fonts, and web development.
1
vote
3answers
240 views
how to get that new JSFIDDLE/Twitter/Youtube effect in photoshop?
As all the big sites have been updating their style recently, I've noticed this effect on a few sites and I'm wondering how they do it.
Its like this normal gradient effect, with this pattern, abbit ...
2
votes
3answers
18k views
Is there a standard size(width) for email newsletter design or something like a christmas e-card?
I have to design this e-mail newsletters.
Some with just simple holiday cards and some more complex with offers and other stuff(images, text content etc. etc...)
I am wondering if there is a safe ...
1
vote
2answers
682 views
Best Tools & Tutorials to transition from Flash to HTML5
A friend of my is a Flash designer and animator, and uses tools like Adobe Flash CS5. She want's to learn to do similar work in HTML5.
What tools and tutorials are available (free or commercial) to ...
7
votes
5answers
307 views
Mockups: Coding vs Drawing?
This isn't about web design but about interface design in general. Is better to code Interface Mockups or "draw" them in a graphics program, like GIMP, Photoshop, etc.?
0
votes
0answers
79 views
how to create a box which is engraved in photoshop [duplicate]
Possible Duplicate:
Sunken look in photoshop?
I saw this effect for input box in ''checkmycolours'' site, it seems really beautiful, but i don't know how to create engraved box.
so if ...
2
votes
2answers
266 views
Common mistakes that we make while designing for web & how to avoid them
What are some common mistakes to avoid while designing? I know color, text and images play a major part in designing, but there are so many other things that we need to take care of! I don't know ...
-4
votes
3answers
482 views
16x16 pixel icons for commercial use in web apps [closed]
I'm looking for quality 16x16 pixel icons for use in general web applications, that cover common web app concepts like users, links, images, tools, etc. They can be free or paid for, but must be ...
-1
votes
3answers
557 views
icons for web technologies [closed]
Hi I'm working on my own portfolio, and so I'd like to have some icons for technologies that I work with. So does anyone know of free icon sets that include css, php, c#, html5 and other web ...
3
votes
2answers
1k views
Why do logos appear on the left on the overwhelming majority of websites?
The title really says it all. I mean, is there a particular reasons for which logos have to appear at the upper-left corner and not, say, in the upper-centre?
Example: all Stack Exchange sites, ...
1
vote
2answers
181 views
How can I improve these secondary pages without a radical redesign
I am more of a web developer than a web designer so I would appreciate it if I can get some tips on how to improve http://tinyurl.com/7my6g6m 's design/looks and other secondary pages on this site. ...
0
votes
2answers
724 views
How to create a speckled/pixelated background?
How would I replicate this speckled/pixelated background effect?
You might need to zoom in to see the effect fully.
1
vote
4answers
3k views
Triangle cut corners CS5 Photoshop
How do you effectively cut out triangles in Photoshop for a web design easily? Is the only way to use the polygonal lasso tool, which always gets me triangles of unequal sizes. I'm trying to achieve ...
3
votes
1answer
177 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 ...
0
votes
1answer
97 views
What are the available css frameworks? [closed]
I have been trying to find a nice css framework so I can put it as my main design style and re-use it in my web developments without having to think about the style that much.
So far I have found ...
3
votes
1answer
3k views
Illustrator how to crop and save images
I have a website someone designed for me in AI but i am not sure how to crop out pieces and select layers and save them to design my website. I am only used to the way of photoshop finding the layer ...
3
votes
1answer
131 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
8answers
1k views
Tools for *lossy* PNG compression?
I'm trying more and more to get by sans PhotoShop for my personal/freelance work. I do primarily web work these days and don't do enough side gigs to justify keeping up with the Creative Suite beast.
...
1
vote
1answer
68 views
Does PS have editable styles like InDesign?
Does photoshop have a way to edit a style in the styles menu, and re-apply it across the whole document? InDesign handles this nicely, and saves a lot of time with indecisive clients.
Basically I ...
0
votes
3answers
436 views
Should your website and logo have the same color scheme
I am working on a completely new blog from scratch. New logo, branding, house style, everything needs to be done. Now the logo that is designed for the website has 3 colors, brown, green and black. ...
1
vote
2answers
219 views
Mobile Web application graphic design
The resolution of the iPhone 4/4s is 960x640 and the the iPhone 3gs is 480x320. How does one go about designing web pages for mobile devices with all sorts of different resolutions? Do the mobile ...
0
votes
5answers
282 views
Is graphic designing (web pages) mostly faux, unreal, unscalable and somewhat based on illusion?
Is design mostly faux, unreal, partly based on illusion which combines different elements and combines into one beautiful piece, which is not scalable but give a nice look to the eye. Consider these ...
0
votes
4answers
602 views
Where can I find examples of high contrast combinations for websites?
I like the idea behind http://contrastrebellion.com/, and plan to implement that on my websites.
However, I'm a developer, not designer. I read a lot about the subject -where I must build the ...
1
vote
3answers
293 views
In webdesign how do you calculate the ideal bottom margin for headers?
I've seen a few css frameworks add margin-bottom to heading elements in addition to a large line-height. Example from here.
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px;}
h2 { ...
2
votes
2answers
182 views
Is it possible to create a modern-looking design with a dark theme?
I was asked a website redesign with two requirements:
Inspired by Google Plus (clean, minimal, a lot of "white" space)
Switchable between a White version and a Black version
Here's my problem: ...
1
vote
2answers
2k 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 ...
1
vote
2answers
90 views
This graphic gets in the way of the photo too much. How can I achieve the same effect without taking away from the content?
I've got a simple image slider on this site I'm doing. You can click through images, but I wanted it to really pop so I added a graphic element over top of the images to give some depth, like a folder ...
0
votes
2answers
266 views
What aspects of HTML5 are replacing Flash?
Everyone is saying that flash design is dead for websites. Besides the issue of compatibility with "iDevices", why else should flash be kicked out the designer's door?
0
votes
3answers
3k views
Adobe Photoshop or Illustrator for web design [duplicate]
Possible Duplicate:
Designing A Website from Scratch – Illustrator or Photoshop?
Would you recommend Adobe Photoshop, or Adobe Illustrator for a professional freelance web designer on a ...
1
vote
3answers
754 views
Any ideas on how to fill a blank sidebar?
I would like to have some suggestions on how to fill my sidebar empty space on a feed aggregator. One solution may be advertising, but for now advertising is not acceptable in the page.
A second ...
11
votes
5answers
295 views
What's a good (and easy) way to show that a screenshot is a screenshot?
I'm using Mac OS X 10.6 and I like the system screen grab tool. By default when you grab an entire window it will put a bit of a shadow / gradient below it, with transparency, using a PNG image - ...
9
votes
10answers
5k views
Should I (a web designer) stick with gimp, or buy Photoshop?
I am a web designer.
I do not use/own any adobe products... except for watching flash videos online of course.
I currently use gimp 2.6 for my graphic needs. It's free and I know how to use it.
The ...
2
votes
1answer
220 views
What to do to polish a website design? [closed]
I'm the type of person who's between a programmer (because I enjoy it) and a designer (because I have a sense for it).
I've been designing various websites in the past years and while they've been ...
0
votes
3answers
152 views
PSD to XHTML…resolution question
I have a PSD designed around 1920 pixel i.e the canvas is 1920 pixel wide by 1110 pixel height. My question is, when slicing:
Do I slice it the way it is?
or
Change the image size to a lesser width ...
3
votes
2answers
226 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 ...
-2
votes
1answer
185 views
Merging two website design to create a Web portal design [closed]
I been working on two internal websites for my company. Currently I am facing the issue of combining both websites and kind of making a kind of portal. The first one users will see is a layout with ...
1
vote
1answer
307 views
How can i make the alphabet beautiful? (web) [closed]
I'm working on a directory type of page where I will have your typical "A B C D E ..." alphabet posted on top so people can jump down to listings starting with their letter of choice.
The alphabet ...
2
votes
5answers
242 views
Wireframing tool to design a website idea
I have nothing to do with design, because I don't know how to mix two colors. Some time ago, I've read about some tools which are used in the creation of interfaces for application and web pages.
In ...
1
vote
4answers
175 views
How can I avoid boxes in web page layouts
Have you any good examples where content on a web page doesn't look boxed in everywhere?
edit examples of what I want to avoid:
5
votes
2answers
991 views
Vertical rhythm/baseline grid in Web Design
I recently read some articles about the importance of good vertical rhythm/using a baseline grid for good typography in web design. I decided to try using a baseline grid, like the 960 grid pictured ...
1
vote
1answer
56 views
How do I choose width for a set of text fields?
A programmer myself, I find it hard to make certain seemingly simple design decisions.
Currently I'm sketching a signup form for a website, and I want to keep the design really simple.
There are ...
6
votes
3answers
132 views
Is it a bad idea to change a single - major - element in isolation?
Our team just had a rather strong argument over an issue. The issue:
Some team members want to "update" one of our websites by changing the colors of the left navigation bar, and maybe also the ...
2
votes
4answers
765 views
How can I remove a space between two words and still make it accessible?
In headings, I am getting rid of spaces between two-word phrases and using color to differentiate between the words instead.
EXAMPLE:
I would like this...
<h1>Two Words</h1>
to render ...
-1
votes
1answer
256 views
What are some good guidelines when designing website for telecom-business
I know that this question might be tossed out, and I apologies for that, but here goes nothing:
I work at a small call center in Sweden as a IT-technician. Since we´re so small we cant afford to hire ...
6
votes
4answers
553 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 ...
3
votes
1answer
3k 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?
4
votes
4answers
790 views
What makes a design professional?
Can anyone define why something might not look "professional"?
What differentiates between professional/unprofessional designs?
I have clients who have said my design does not look very ...
2
votes
2answers
161 views
How good is the fonts.com webfont solution compared to the current @font-face standard?
I guess the title says it all. I've been successfully working with @font-face (with near-perfect cross-browser support, if you use all the hacks).
However, a client really wants to use Helvetica, and ...
2
votes
2answers
315 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 ...
0
votes
1answer
172 views
How Do I make a simple webpage out of image, need some pointers
I have an image and its source in photoshop and Adobe illustrator format.
I know some programing, PHP, HTML. But I have never created a simple webpage using an image or adobe products.
I'm also ...
4
votes
4answers
1k views
Gutters - Padding and Margin for Columns with Background or Border
What are the recommended design guidelines for gutters when a column (or box, or any layout module) has its shape clearly visible because it has its own background or border?
Typically one would put ...