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
45 views

How to preview image in monitor

I found this nice looking image: I have a simple php web site that I also would like to preview in monitor. Is there any tool or wen site that can auto generate this image?
17
votes
4answers
21k views

Favicon Best Practices 2014

I'm busy on a WordPress site and have come to the stage to add the finishing touch, being the favicon. I'm primarily a developer so graphics and icons aren't my strongest point. What are the best ...
1
vote
2answers
67 views

Does SVG supports complex logos?

I have created a complex 3d style logo with transparency and other effects in adobe illustrator and later save as SVG file format. However, due to complexity of the logo illustrator or SVG failed to ...
0
votes
3answers
549 views

Material Design headerbar and icons color

I'm trying to design a website using the Material Design guidelines. I've a navbar/headerbar with the logo of my website and some icons. The background color is transparent, showing the background ...
46
votes
5answers
6k views

Are “web-safe” colors still important?

Years ago, it was always strongly recommended that web designers should only use web-safe colors. Have studies been done to see if this is still the case? If so, what's the answer? Does anyone know ...
3
votes
1answer
5k views

How do I export a JPG with the same color profile as my Photoshop workspace?

I created a design for a webpage in Photoshop and got all the colors looking perfect. However, when I export it to a jpeg and view it outside of Photoshop the colors are completely different. If I ...
-1
votes
0answers
44 views

Is Red Or Blue is good choice for main color [closed]

My Client's logo contain 2 colors First one is blue (Text Color) and after text, there is red arrow, Now Problem is that He give me one ready made HTML theme (From One of online template selling ...
7
votes
8answers
817 views

How do you present interactive webdesign?

The interactivity becomes more and more presents in our design for the web, but has anyone found a good way to presents the interactivity to the client ? I talk mainly about the small animations like ...
15
votes
5answers
46k views

is it mandatory to keep 72 dpi for web design? What if I create in 200dpi?

I have been designing web banners in photoshop for more than a year but never considered the DPI. I was using the default 72DPI, but now I want to know is it necessary to create web designs in 72DPI? ...
3
votes
1answer
49 views

What is this triangular part of a sidebar menu called?

I've circled it in red. What is the design name of this element?
6
votes
3answers
435 views

Why are circles used to draw a logo?

Recently, I started taking interest in logo designs and started replicating some famous logos. Soon, I came across this article about twitter's new logo, released somewhere in june '12 . On this ...
1
vote
5answers
16k views

Can anyone suggest an alternative to Copperplate Gothic for web use?

Designer sent comps for a site using copperplate, I was wondering if anyone could suggest a good alternative that exists either on google fonts or as a font squirrel kit (preferably the former). ...
3
votes
3answers
77 views

Does the typographic baseline grid manage images and other elements as well?

Since we build a baseline grid to rule our copy on the web, on articles I read, it's not clear if we should use this base line for giving spaces to other elements of the web as well, such as images ...
16
votes
8answers
5k views

Alternative to Lorem Ipsum (dummy text) for websites

Lorem Ipsum has been the known default for dummy text. Per a search the last discussion in regards to alternatives is two years old. I thought I would post a new thread on this topic. So, what are ...
5
votes
2answers
2k views

Illustrator image viewed at 100% is “tiny”

I'm a web developer and I love Photoshop but unfortunately I have some design mock-ups sent over to me in Illustrator. When I viewed the document at 100% the text isn't even legible on my monitor. At ...
19
votes
4answers
2k views

What are the steps in designing a website?

Calling all Web Designers :) I am starting to make a website for a small business in my hometown and it will be my first proper project. I have made sites in the past, which I have done for leisure. ...
0
votes
1answer
57 views

What should I learn to become a web design expert? I am from engineering background [duplicate]

I'm a computer science graduate having a passion for web design. Almost two years ago, I started learning web design. I designed few websites as well. Every day I try to improve my designing skills a ...
1
vote
2answers
251 views

SVG files render differently in browsers - typography

I have a problem with svg backgrounds that render differently in browsers.In Chrome the letters are correctly gill sans light and two words are bold. That's not the case in Firefox. How do I fix this, ...
3
votes
3answers
10k 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 ...
1
vote
2answers
65 views

What should the dimensions be for a “coming soon” page?

Are there are standard dimensions for a coming soon page? I tried to google it and search for an answer on here but I didn't find any satisfactory answers. I mostly saw the dimensions recommended to ...
6
votes
3answers
194 views

'This page is under construction' message or no page at all?

From a Design point-of-view, if a page is not ready yet, but the rest of the site is; would it be better to: Have a 'this page is under construction' message, or Not have the page at all, until it ...
0
votes
2answers
63 views

What should interaction between a UI Designer and a front end developer look like?

How should I write the guidelines for the design (colors, dimensions .etc) for the front end developer to use? At the moment I just create an overlay on top of my design and write notes in that ...
3
votes
1answer
156 views

Arabic website - design for right to left languages

I am working on a website in multiple languages, one of them is Arabic. Which makes things more fun .. As you know, in arabic and other similar languages the text goes the other way, from right to ...
1
vote
1answer
66 views

Is it possible to hide part of an adaptive web design on smaller screens?

This is the News page of my firs adaptive website. The full height is shown (the scroll-down part is also included). The terracotta sections on the horizontal line are for placing news feed ...
2
votes
3answers
1k 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 ...
12
votes
3answers
9k views

Charging an Intellectual Property transfer fee for design work

So, you've finished a design job (eg. a logo design) and the client asks for your IP surrounding the logo, eg copyright, original artwork files, notes, sketches, all of that stuff that went into ...
15
votes
5answers
841 views

Where can I go to recieve feedback on web design projects?

Are there are any web design forums where designers can submit their work to receive feedback and advice? I am looking for a place that I can seek advice on how to improve my designs.
1
vote
1answer
64 views

Creating a Build-Your-Own Color Picker to go with Website?

I am trying to create a build-your-own type of color picker based upon the brochure image below: Basically I want to create a color changer that will allow a user to select each different ...
1
vote
2answers
25k views

What is the default dimension for a user's Twitter's Background image?

What are the default dimensions for a Twitter User's Background image? If I want to upload my own image for my Twitter account's Background image, what should its default dimensions be, as per ...
1
vote
2answers
135 views

Can anyone recommend a design book that has a strong pragmatic web orientation?

I've been looking through the site recommendations and other people's posts requesting beginner's design books but have yet to find anything that meets my specific tastes. I'm not looking to make ...
0
votes
2answers
114 views

Using Generate Image Assets to get repeating background from a shape with Photoshop CC

Rephrasing my question for clarity. I have a navigation bar that I've created from a Shape that has a border and a gradient. How can I use Generate Assets, or Extract Assets to get 2nd end caps and ...
4
votes
3answers
152 views

Illustrator is cropping exported icons despite artboard being Fit to Selected Art

I'm trying to export certain graphics from an Illustrator file. I'm selecting the object, fitting the artboard to the selected artwork, and saving for web & devices, PNG-24 format. When I look at ...
5
votes
1answer
106 views

Web design for Legal pages: What are some things to keep in mind?

So I have been looking around but cannot find any good advice on how to go about designing a page for legal matters. These pages would clearly state Privacy Policy, Terms of Service, etc. I think ...
0
votes
2answers
80 views

Changing color scheme of calendar icons?

Here's the image I'm working with: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and ...
5
votes
5answers
691 views

Best practices for full width browser images?

What are the best practices people follow in respect to images on larger viewports? What size browser should we design for? Meaning how do we deal with high resolution monitors and what % of users ...
24
votes
12answers
2k views

Do web designers need to know how to code?

As a web developer, both front-end and back end architect, I work with many different designers and sometimes find it frustrating working with design comps where no thought was put into how to ...
2
votes
3answers
103 views

How should I prepare my fonts to support a Chinese version of my website?

Wondering... Should I first make sure the font I selected for English supports Chinese characters as well, or after selecting any font for English then search for other font for Chinese that matches ...
5
votes
3answers
350 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: ...
0
votes
2answers
114 views

Critique: how can make this 3-column dashboard design flatter?

Attached you see my current design of a 3 column dashboard. How can I improve this design in a more "flatter" way? Be warned that I am no designer, so if you have links to tutorials that would also ...
5
votes
4answers
206 views

How can I left-align the text in a table of divs so that the rows are evenly distributed?

I'm trying to arrange some names. I changed them out before posting using generatedata.com but the real ones are in alphabetical order from left to right each row. I'm trying to figure out how to get ...
0
votes
2answers
124 views

How to optimize my pictograms for Retina screens?

Surprise when I saved my pictograms for the Web (from Illustrator): They are strictly not as clean as expected => totally blurred. Here's an example from my Retina smartphone: And the initial ...
0
votes
0answers
40 views

Why do photos jump around when exporting from Muse?

My company is trying to slowly move towards digital and we are in the process of learning Adobe Muse as a stepping stone to more legitimate web practices. One issue we continue to encounter is our ...
0
votes
1answer
83 views

Changing Color Scheme Automatically?

Here's my image: I'm wondering if it's possible to automatically change all the images to using a color scheme close to #489fdc. I've tried making changes in Paint.NET and Photoshop, but haven't ...
1
vote
2answers
596 views

How to export .svg file from Adobe Illustrator with shape IDs?

My question is very simple. How to export an SVG file from Adobe Illustrator with shape IDs? When I export as SVG my group names turn to groups with group name as ID, that's the behavior I would ...
5
votes
4answers
928 views

Good sites to find textures online?

I'm always on the lookout for good textures, as they are pretty subtle but can add a lot of life to your site. Recently I found Tileables (http://tileabl.es/) which looks pretty cool. Can you ...
3
votes
2answers
162 views

Should my website's typography use the same font as my logo?

I am working with a logo that is using ChunkFive Roman. What's the standard web design practices regarding this? Is it good design to use the same font as my logo for primary headers? (also a side ...
-1
votes
1answer
49 views

Web Design, Custom Image changed with drop down selection box?

I am curious to know how those "customize -random product-" objects are built. I assume some sort of flash is involved. There are many websites that allow you to customize shoes, shirts etc, and when ...
0
votes
5answers
179 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
0
votes
1answer
28 views

When saving image for Web, outlines change

I have an imagemap with a click and mouseover function on several areas. I edited and saved the images in Photoshop with the option "Save for web". I used PNG-8 with 256 Colors. Performing the ...
21
votes
7answers
12k views

Which format is better for saving images intended for websites; PNG or SVG?

When exporting / saving images with a transparent background that are intended for websites, should I save it as PNG or SVG? Why?